@font-face{font-family:DM Serif Text;src:url(assets/DMSerifText-Latin.woff2) format("woff2");font-display:swap}
@font-face{font-family:Source Sans 3;src:url(assets/SourceSans3-Latin.woff2) format("woff2");font-weight:200 900;font-display:swap}
:root{color-scheme:light;--paper:#faf9f6;--cream:#f3eee5;--ink:#243329;--muted:#4e5b50;--leaf:#395640;--leaf-deep:#263b2c;--red:#984a36;--line:#e0d9cb;--light:#fbf7eb;--display:"DM Serif Text",Georgia,serif;--body:"Source Sans 3",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:1.125rem/1.55 var(--body)}
a{color:var(--leaf-deep);text-underline-offset:.23em}
a:hover{color:var(--red)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px;border-radius:2px}
img{display:block;max-width:100%;height:auto}
p{margin:0 0 1.05em}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.09;margin:0 0 .42em}
h1{font-size:clamp(2.65rem,6vw,5.25rem);letter-spacing:-.035em}
h2{font-size:clamp(1.85rem,3.7vw,3.06rem);letter-spacing:-.025em}
h3{font-size:1.53rem}
em{font-style:normal;color:var(--red)}
.wrap{width:min(1272px,100% - clamp(36px,10vw,136px));margin-inline:auto}
.skip{position:absolute;z-index:5;top:12px;left:12px;padding:12px 20px;background:var(--paper);transform:translateY(-150%)}
.skip:focus{transform:none}
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.nav-row{display:flex;min-height:100px;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:block;flex:none;margin-left:-1.3rem;padding-block:.3rem}
.brand img{width:151px;height:auto}
.nav-row nav{display:flex;gap:clamp(.7rem,3vw,2.75rem);flex-wrap:wrap;align-items:center}
.nav-row nav a{display:inline-flex;gap:.45em;align-items:center;min-height:44px;font-size:1rem;text-decoration:none;font-weight:650}
.nav-row nav a[aria-current="page"]{text-decoration:underline}
.nav-row nav .sign-in{border:1px solid var(--leaf);padding:.35em 1.15em;border-radius:100px}
.nav-row nav .sign-in:hover{background:var(--leaf);color:white}
.hero-band{background:radial-gradient(ellipse at 78% 53%,#ebdfc8 0%,#f6f0e4 31%,transparent 66%),var(--paper)}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(2.2rem,6.8vw,6.8rem);padding-block:clamp(2.8rem,5.1vw,4.9rem) clamp(2.65rem,4.5vw,4.5rem)}
.hero h1{font-size:clamp(2.42rem,6.3vw,6.35rem);line-height:.97;letter-spacing:-.055em;margin:0 0 .36em}
.hero h1 em{font-style:italic}
.hero .lede{max-width:29rem}
.eyebrow{font-size:.8rem;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);font-weight:800;margin:0 0 1.15rem}
.ruled{display:flex;align-items:center;gap:.65rem}
.ruled::before{content:"";width:1.8rem;height:1px;background:currentColor;flex:none}
.lede{max-width:36rem;color:var(--muted);font-size:clamp(1.18rem,2vw,1.43rem);line-height:1.48}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.3rem;margin-top:1.6rem}
.button{display:inline-flex;gap:1.1em;align-items:center;min-height:48px;width:fit-content;background:var(--leaf);color:white;border:1px solid var(--leaf);border-radius:100px;font-weight:720;text-decoration:none;padding:.68em 1.22em}
.button:hover{background:var(--leaf-deep);color:white}
.text-link{display:inline-block;font-weight:730}
.hero-art{position:relative;isolation:isolate;margin:0;padding:.6rem .6rem 0}
.hero-art figcaption{display:flex;justify-content:space-between;gap:.35rem 1rem;flex-wrap:wrap;padding:.8rem 0 0;color:#5a5142;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:690}
.steps{background:var(--cream);border-block:1px solid var(--line);padding-block:clamp(2.65rem,6vw,4.8rem);scroll-margin-top:1rem}
.story-band{background:var(--leaf-deep);color:var(--light);padding-block:clamp(2.8rem,6.8vw,6rem)}
.story-band .eyebrow{color:#e6c399}
.band-intro h2,.closing h2{font-size:clamp(2.2rem,4.8vw,4.7rem);line-height:1.02}
.band-intro{max-width:720px}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,4vw,4rem);margin-top:2.4rem}
.step-grid article{border-top:1px solid #929584;padding-top:1.2rem}
.step-grid h3{font-size:clamp(1.45rem,2.4vw,2rem)}
.step-grid p{max-width:28ch;color:#efeadf;margin-bottom:0}
.closing,.signup-stage{text-align:center;padding-block:clamp(3rem,8vw,6.8rem)}
.closing .eyebrow,.signup-stage .eyebrow,.closing .actions,.signup-stage .actions{justify-content:center}
.signup-stage img{width:min(32%,145px);height:auto;margin:0 auto 1.4rem}
.signup-stage h1{font-size:clamp(2.6rem,6vw,5rem)}
.tour{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(1.4rem,5vw,4rem);align-items:start;padding-block:.8rem 3.5rem}
.tour figure{margin:0}.tour figure img{width:100%;border-radius:8px;box-shadow:0 10px 28px #39281721}
.tour figcaption{color:var(--muted);font-size:.85rem;margin-top:.55rem}
.tour-copy p:not(.eyebrow){color:var(--muted)}
.site-footer{background:var(--leaf-deep);color:var(--light);padding-block:clamp(1.9rem,5vw,4rem) 1.25rem;font-size:1rem}
.site-footer a{color:var(--light);text-decoration:none}.site-footer a:hover{text-decoration:underline}
.site-footer a:focus-visible{outline-color:#e6c399}
.footer-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.9rem}
.footer-brand strong{font:1.75rem/1.2 var(--display)}
.footer-brand p{margin:.28rem 0 0;color:#dedfd2}
.footer-row nav{display:grid;align-content:start;gap:.35rem}
.footer-label{font-weight:770;letter-spacing:.11em;text-transform:uppercase;font-size:.73rem;color:#e6c399;margin-bottom:.25rem}
.footer-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;border-top:1px solid #7d907e;margin-top:2rem;padding-top:.9rem;color:#dedfd2;font-size:.9rem}
.page-intro{padding-block:clamp(2.15rem,6vw,5.1rem) 1.5rem}
.page-intro h1{font-size:clamp(2.55rem,5vw,4.65rem);max-width:18ch;text-wrap:balance}
.prose{max-width:780px;margin-inline:auto;padding-bottom:3rem}
.prose section{padding:1rem 0 .6rem;border-bottom:1px solid var(--line)}
.prose section:last-child{border-bottom:0}
.prose section h2{font-size:clamp(1.45rem,3.5vw,2rem)}
.prose p,.prose li,.prose dd{color:var(--muted)}
.prose a{font-weight:650;overflow-wrap:anywhere}
.prose a.button{color:#fff}
.page-intro:has(+ .prose){max-width:780px}
.plan-content{padding-bottom:2rem}
.notice{border:1px solid var(--line);border-left:4px solid var(--red);background:var(--cream);padding:.85rem 1.1rem;margin-bottom:1.4rem;border-radius:4px}
.notice strong{display:block;color:var(--ink)}
.notice p{margin:.15rem 0 0;color:var(--muted)}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:.85rem;list-style:none;padding:0;margin:1.7rem 0 2.4rem}
.plan-grid>li{border:1px solid var(--line);border-top:3px solid var(--leaf);border-radius:7px;padding:1.1rem;background:#fffdf8;box-shadow:0 8px 20px #353d240a}
.plan-grid h2{font-size:1.6rem}
.price{border-bottom:1px solid var(--line);color:var(--muted);padding:0 0 .6rem}
.price strong{color:var(--leaf-deep);font-size:1.7rem}
.plan-grid ul{margin:.7rem 0 0;padding-left:1.15rem;font-size:1rem}
.compact{margin:0}
.channel-list dt{font-weight:750}
.channel-list dd{margin:0 0 .8rem}
details{border-top:1px solid var(--line);padding:.65rem 0}
summary{cursor:pointer;font-weight:700;color:var(--leaf-deep)}
details p{margin:.6rem 0 .1rem}
@media(max-width:740px){
  .nav-row{align-items:center;flex-direction:column;gap:.2rem;padding-block:.42rem .55rem}
  .brand{margin:0;padding:0}.brand img{width:112px}
  .nav-row nav{justify-content:center;gap:.15rem clamp(.65rem,3vw,1.4rem)}.nav-row nav a{min-height:44px;font-size:.92rem}
  .nav-row nav .sign-in{padding-inline:.6rem}
  .hero{grid-template-columns:1fr;gap:1.9rem;padding-top:2.55rem}
  .hero h1{font-size:clamp(2.38rem,8.8vw,4.35rem);letter-spacing:-.044em}
  .hero-art{max-width:510px;width:100%;margin-inline:auto;padding-inline:.38rem}
  .hero-art figcaption{font-size:.61rem}
  .step-grid{grid-template-columns:1fr}
  .step-grid{gap:1.2rem;margin-top:1.6rem}.step-grid p{max-width:43ch}
  .tour{grid-template-columns:1fr;padding-bottom:2.3rem}
  .footer-row{grid-template-columns:1fr 1fr;gap:1.15rem}.footer-brand{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.live-hero-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:clamp(455px,46vw,630px);padding:1.75rem 1rem 2.2rem}
.live-hero-stage::before{content:"";position:absolute;inset:0 0 .4rem 8%;z-index:-1;border:1px solid #bfae91;border-radius:48% 48% 8px 8px/28% 28% 8px 8px;background:radial-gradient(ellipse at 31% 25%,#faf3e4,#e7d9bd 87%)}
.home-device{width:min(77%,340px);margin-left:11%;border:8px solid #314335;border-radius:27px;overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px #c3b389,0 18px 38px #34261438;transform:rotate(4deg)}
.home-device img{width:100%;height:auto}
.recipe-excerpt{position:absolute;bottom:1.2rem;left:-2rem;background:#fffaf1;border:1px solid #ddcdb0;border-radius:10px;box-shadow:0 12px 29px #3024124a;transform:rotate(-4deg);width:min(72%,275px);padding:.82rem .8rem .72rem;text-decoration:none;color:var(--leaf-deep)}
.recipe-excerpt:hover{color:var(--red)}
.recipe-excerpt img{width:100%;margin:.38rem 0 .42rem;border-radius:5px}
.recipe-excerpt span{display:flex;justify-content:space-between;gap:.3rem;font-weight:720;font-size:.82rem}.recipe-excerpt span:first-child{font-size:.65rem;letter-spacing:.1em}
.home-guides{padding-block:clamp(3.25rem,8vw,6.8rem)}
.home-guides h2{font-size:clamp(2.2rem,4.8vw,4.7rem);line-height:1.02}
.tour figure{text-align:center}.tour figure img{width:min(100%,400px);height:auto;margin-inline:auto;border:1px solid var(--line)}

.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:1.7rem 0 1.5rem;padding:0}
.guide-grid a{display:flex;position:relative;flex-direction:column;gap:.35rem;height:100%;min-height:155px;padding:1.15rem 2.6rem 1.25rem 1.15rem;background:#fffdf8;border:1px solid var(--line);border-top:2px solid #9ea68a;border-radius:8px;text-decoration:none}
.guide-grid a:hover{border-color:var(--leaf);background:#f2f3ea;color:var(--leaf-deep)}
.guide-grid .eyebrow{font-size:.65rem;margin:0}
.guide-grid strong{font:1.53rem/1.16 var(--display);color:var(--ink)}
.guide-grid a>span:not([aria-hidden]):not(.eyebrow){color:var(--muted);font-size:.98rem}
.guide-arrow{position:absolute;right:1.1rem;top:1.05rem;font-size:1.26rem;color:var(--leaf)}
.guide-index{padding-bottom:3.75rem}.guide-intro h1{max-width:23ch}
.guide-breadcrumb{display:flex;gap:.5rem .8rem;flex-wrap:wrap;align-items:center;font-size:.91rem;color:var(--muted);margin-bottom:1rem}
.guide-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(1.25rem,5vw,5rem);align-items:start;padding-bottom:clamp(2.5rem,6vw,5rem)}
.guide-article{min-width:0}.guide-contents{padding:1rem 1.15rem;background:#edf0e6;border:1px solid #dce4d5;border-radius:8px;margin-bottom:1.55rem}
.guide-contents strong{display:block}.guide-contents ol{margin:.35rem 0 .55rem;padding-left:1.35rem}
.guide-picture-link{font-size:.96rem}
.guide-step{border-top:1px solid var(--line);padding:1.15rem .05rem .25rem;scroll-margin-top:1rem}
.guide-step:last-of-type{margin-bottom:1rem}
.guide-step h2{font-size:clamp(1.42rem,3vw,2.08rem);line-height:1.16}
.guide-step p:not(.guide-count){color:var(--muted)}
.guide-count{font-size:.72rem;letter-spacing:.13em;font-weight:800;color:var(--red);margin:0 0 .4rem}
.guide-images{display:grid;gap:1rem;scroll-margin-top:1rem}
.guide-shot{margin:0;padding:.7rem;background:#ece6d7;border:1px solid #d6c9b3;border-radius:8px}
.guide-shot img{width:min(100%,430px);height:auto;margin:auto;border-radius:5px;border:1px solid #e3d9ca}
.guide-shot>a{display:block}.guide-shot figcaption{display:flex;justify-content:space-between;gap:.4rem .75rem;flex-wrap:wrap;color:#594d3b;padding:.5rem .12rem .05rem;font-size:.82rem}
.guide-shot figcaption a{font-weight:720}
@media(max-width:740px){
  .live-hero-stage{min-height:0;padding:1.35rem .7rem 2.6rem}
  .live-hero-stage::before{inset:0 0 .35rem 3%}
  .home-device{width:min(78%,330px);border-width:6px;border-radius:22px}
  .recipe-excerpt{left:-.35rem;bottom:.8rem;width:min(62%,235px);padding:.55rem .62rem}
  .recipe-excerpt span{font-size:.72rem}.recipe-excerpt span:first-child{font-size:.55rem}
  .guide-layout,.guide-grid{grid-template-columns:1fr}
  .guide-grid a{min-height:0}.guide-layout{gap:1.3rem}
}

@font-face{font-family:Allura;src:url("assets/Allura-Latin.woff2") format("woff2");font-display:swap}
.handwriting,.gift-grid,.book-interior,.book-purchase,.trust-grid{padding-block:clamp(3.5rem,8vw,7rem)}
.handwriting h2,.gift-copy h2,.book-interior h2,.trust-grid h2{font-size:clamp(2.3rem,5.4vw,4.8rem);line-height:1.03;letter-spacing:-.038em}
.handwriting h2 em,.book-intro h1 em{color:var(--red);font-weight:400}
.handwriting-intro{max-width:880px;margin:0 auto clamp(2rem,5vw,3.6rem);text-align:center}
.handwriting-intro .lede{max-width:57ch;margin-inline:auto}
.handwriting-intro .eyebrow{justify-content:center}
.recipe-comparison{max-width:950px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.5rem,3vw,2.15rem)}
.recipe-comparison figure,.cover-pair figure,.interior-spread figure{min-width:0;margin:0}
.recipe-comparison figcaption,.cover-pair figcaption,.interior-spread figcaption{margin-top:.85rem;text-align:center;color:var(--muted);font-size:.91rem;font-weight:650}
.handwritten-card{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:clamp(1.1rem,3.1vw,2.25rem);aspect-ratio:395/343;border:1px solid #c6a987;border-radius:4px;background:repeating-linear-gradient(#f6e9ce 0,#f6e9ce 31px,#e7d3b1 32px);color:#493421;box-shadow:0 10px 24px #57382120;transform:rotate(-2deg)}
.handwritten-card strong{font:400 clamp(1.85rem,4vw,3rem)/.95 Allura,cursive}
.handwritten-card p{margin:.75rem 0 0;font:400 clamp(1.65rem,3.4vw,2.35rem)/.88 Allura,cursive}
.recipe-app-excerpt{display:block;overflow:hidden;border:1px solid #cbd6c8;border-radius:9px;background:#f6f7f1;box-shadow:0 10px 24px #273e2820}
.recipe-app-excerpt img{width:100%;height:auto}
.recipe-transition{font-size:clamp(1.5rem,3.6vw,2.35rem);color:var(--red);margin-bottom:1.75rem}
.gift-band,.book-intro{background:radial-gradient(ellipse at 70% 0,#fcf4e6 0,#f0ddc3 100%);border-block:1px solid #d7bb9b}
.gift-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,6vw,6rem)}
.gift-copy .lede{max-width:39ch}
.gift-price{display:flex;align-items:center;gap:.9rem;margin:1.4rem 0 1.65rem;padding-block:.76rem;border-block:1px solid #bf9f7b}
.gift-price strong{font:clamp(1.72rem,3.15vw,2.5rem)/1 var(--display);color:var(--leaf-deep);white-space:nowrap}
.gift-price span{font-size:.97rem;line-height:1.3;color:#5d4a35}
.cover-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(.72rem,2.6vw,2rem);padding:1.5rem .5rem 2rem}
.cover-pair a,.interior-spread a{display:block;border:1px solid #ad9275;border-radius:2px 6px 6px 2px;box-shadow:5px 9px 0 -3px #e5d2b4,6px 10px 0 -3px #aa9477,0 15px 26px #523a2e45;background:#fffaf0}
.cover-pair a:hover,.interior-spread a:hover{outline:2px solid var(--red);outline-offset:4px}
.cover-pair img,.interior-spread img{width:100%;height:auto;border-radius:inherit}
.cover-pair figure:first-child{transform:rotate(-5deg)}
.cover-pair figure:last-child{transform:rotate(4deg) translateY(1.6rem)}
.book-intro h1{font-size:clamp(2.55rem,5vw,4.65rem);line-height:1.02;letter-spacing:-.035em}
.book-interior{text-align:center;max-width:1000px}
.book-interior .eyebrow{justify-content:center}
.book-interior .lede{margin-inline:auto;max-width:58ch}
.interior-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,4vw,2.75rem);margin:2rem auto;max-width:850px;padding:clamp(.95rem,4.5vw,3rem);background:radial-gradient(ellipse at 50% 25%,#dbb997,#b8845d);border-radius:8px}
.interior-spread figcaption{color:#2c231a}
.book-interior .actions{justify-content:center}
.book-purchase,.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5.5vw,6rem)}
.book-purchase>div,.trust-grid aside{background:#f2f3e9;border:1px solid #cbd5c3;border-radius:8px;padding:clamp(1.2rem,3vw,2.75rem)}
.book-purchase>div:first-child{background:#fcf3e8;border-color:#e2c8a9}
.book-purchase h2{font-size:clamp(2.1rem,4vw,3.5rem)}
.trust-band{background:#e6ebde;border-block:1px solid #cbd5c3}
.trust-grid{align-items:center}
.trust-grid>div>p:not(.eyebrow){font-size:clamp(1.15rem,2.1vw,1.35rem);color:var(--muted);max-width:48ch}
.trust-grid aside h3{font-size:1.65rem}
.trust-grid aside h3:not(:first-child){margin-top:1.35rem}
.trust-grid aside p{margin-block:.4rem .7rem}
.closing .lede{margin-inline:auto;max-width:51ch}
.everyday-band{background:#e8ede1;border-block:1px solid #cbd5c3}
.everyday{padding-block:clamp(2.9rem,7vw,6rem)}
.everyday-intro{max-width:660px;margin-bottom:clamp(1.6rem,4.4vw,3.3rem)}
.everyday-intro h2{font-size:clamp(2.1rem,4.5vw,4rem);line-height:1.04}
.everyday-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3.3vw,2.5rem)}
.everyday-features article{display:grid;grid-template-columns:1fr minmax(0,.85fr);align-items:start;gap:1rem;padding:clamp(1rem,2.3vw,2rem);border:1px solid #c4cfbf;border-radius:10px;background:#fbfaf6}
.everyday-features h3{font-size:clamp(1.45rem,2.5vw,2rem)}
.everyday-features p{color:var(--muted)}
.everyday-features img{width:100%;border:1px solid var(--line);border-radius:7px}
@media(max-width:740px){
  .nav-row nav{gap:.15rem clamp(.45rem,1.6vw,.85rem)}
  .nav-row nav a{font-size:.88rem}
  .gift-grid,.book-purchase,.trust-grid{grid-template-columns:1fr}
  .cover-pair{max-width:510px;width:100%;margin-inline:auto}
  .recipe-comparison{grid-template-columns:1fr;justify-items:center;gap:.6rem}
  .recipe-comparison figure{width:min(100%,410px)}
  .recipe-transition{transform:rotate(90deg);margin:0}
  .handwritten-card{padding:1.35rem 1.6rem}
  .handwritten-card strong{font-size:clamp(1.85rem,7vw,2.6rem)}
  .handwritten-card p{font-size:clamp(1.65rem,6.4vw,2.2rem)}
  .everyday-features{grid-template-columns:1fr}
}