@font-face{font-family:Fraunces;font-style:normal;font-weight:300 900;font-display:swap;src:url(../fonts/fraunces-normal-300-900.woff2) format('woff2')}
@font-face{font-family:Fraunces;font-style:italic;font-weight:300 900;font-display:swap;src:url(../fonts/fraunces-italic-300-900.woff2) format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/inter-normal-400-800.woff2) format('woff2')}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/caveat-normal-400-700.woff2) format('woff2')}
:root{--cream:#f7f0e2;--paper:#fffaf0;--ink:#2d2922;--green:#355b50;--green2:#183a32;--red:#8f2f28;--red2:#641f1b;--gold:#c39a55;--line:#d7c6a9;--blue:#617f79;--serif:Fraunces,Georgia,serif;--sans:Inter,system-ui,sans-serif;--hand:Caveat,cursive;--wm-paper:#fffaf0;--wm-ink:#2d2922;--wm-muted:#6d6254;--wm-line:#ded0b9;--wm-head:#641f1b;--wm-head-ink:#fffaf0;--wm-accent:#d8ad62;--wm-accent-ink:#2d1b10;--wm-font:var(--sans)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{font:inherit}a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 24px}.narrow{max-width:760px;margin:auto;padding:0 24px}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.02;letter-spacing:-.035em;margin:0}h2{font-size:clamp(2.5rem,5vw,4.8rem)}h3{font-size:1.7rem}.lead{font:400 1.25rem/1.65 var(--serif)}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.19em;font-size:.75rem;font-weight:800;color:#f0d6ac;margin-bottom:20px}.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}.eyebrow.red{color:var(--red)}.eyebrow.cream{color:#e6c98f}.topnote{height:38px;background:#29130f;color:#f5e8cf;display:flex;justify-content:center;align-items:center;gap:18px;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase}.topnote span{opacity:.65}.topnote b{color:#efcd8f}.hero{min-height:calc(100svh - 38px);position:relative;display:grid;align-items:center;overflow:hidden;background:#361611;color:#fff8eb}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(39,13,10,.98) 0%,rgba(53,17,13,.93) 44%,rgba(45,14,10,.34) 72%,rgba(34,11,9,.62) 100%),url(../assets/food/food-04.webp) center/cover;transform:scale(1.03)}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff9 0.7px,transparent .8px);background-size:6px 6px;opacity:.035}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr);gap:70px;align-items:center;padding-top:64px;padding-bottom:70px}.hero-copy{max-width:720px}.hero h1{font-size:clamp(3.5rem,7vw,6.9rem);line-height:.9;text-wrap:balance}.hero h1 em{display:block;color:#efc987;font-weight:350}.hero-lede{max-width:670px;font:400 1.18rem/1.6 var(--serif);color:#f6ead6;margin:28px 0 20px}.hero blockquote{margin:0 0 28px;padding-left:18px;border-left:2px solid #d6a85d;color:#dbc8aa;font:italic 400 1rem/1.5 var(--serif)}.hero blockquote cite{display:block;font-style:normal;font:700 .72rem var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-top:6px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.cta{border:0;border-radius:4px;background:#d8ad62;color:#2f1d0f;padding:18px 24px;font:800 1rem var(--sans);display:inline-flex;align-items:center;gap:18px;cursor:pointer;box-shadow:inset 0 -3px #8b6428,0 14px 30px -14px #0008;transition:transform .2s,background .2s}.cta:hover{transform:translateY(-2px);background:#edc77f}.cta span{display:flex;align-items:baseline;gap:7px;padding-left:16px;border-left:1px solid #4e321e44}.cta s{font-size:.78rem;opacity:.55}.text-link{font-weight:700;text-underline-offset:5px}.trustline{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#d4c4aa;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.trustline span+span::before{content:"·";margin-right:20px;color:#d8ad62}.hero-book{justify-self:center;position:relative;width:min(360px,32vw);transform:rotate(2deg)}.cover-shadow{position:relative;box-shadow:0 36px 80px -20px #000,0 0 0 1px #fff3}.cover-shadow::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 8%,transparent 88%,#fff2);pointer-events:none}.cover-shadow img{width:100%}.recipe-tab{position:absolute;right:-15px;padding:9px 17px 9px 23px;background:#d5b978;color:#49361e;font:700 .72rem var(--sans);letter-spacing:.04em;z-index:-1;border-radius:0 5px 5px 0;box-shadow:0 5px 15px #0004}.tab-one{top:24%}.tab-two{top:65%;background:#9bb3a9}.memory{padding:120px 0 130px;background:var(--paper);position:relative}.memory::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 35px,#8ba8ad1c 36px);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.memory .narrow{position:relative}.memory h2{max-width:650px}.memory-line{font:700 clamp(3rem,8vw,6.8rem)/1 var(--hand);color:#315c7a;transform:rotate(-2deg);margin:40px -7vw 28px;text-align:center}.memory p{max-width:650px;margin:0 0 22px}.recipe-box{padding:110px 0 130px;background:var(--green2);color:#fffaf0}.section-head{display:grid;grid-template-columns:1.1fr .7fr;gap:50px;align-items:end;margin-bottom:55px}.section-head p{color:#c9d5cf;max-width:430px}.box-shell{background:#7e3b27;padding:28px 28px 32px;border-radius:8px 8px 24px 24px;box-shadow:inset 0 5px #a85a3e,0 30px 70px #081c17}.box-tabs{display:flex;gap:5px;overflow:auto;padding:0 12px;scrollbar-width:none}.box-tab{border:0;border-radius:7px 7px 0 0;padding:13px 16px;background:#d5b56f;color:#3d2a15;font-weight:800;font-size:.78rem;white-space:nowrap;cursor:pointer;opacity:.68;transform:translateY(8px);transition:.2s}.box-tab:nth-child(3n+2){background:#9eb8ad}.box-tab:nth-child(3n){background:#d89c8d}.box-tab.active{opacity:1;transform:none;padding-bottom:21px}.recipe-card{background:#fffaf0;color:var(--ink);min-height:440px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch;border-radius:5px 5px 13px 13px;box-shadow:0 8px 0 #5d281a}.card-copy{padding:18px 8px 10px;display:flex;flex-direction:column}.card-count{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}.card-copy h3{font-size:clamp(2rem,4vw,3.4rem);margin:13px 0 16px;color:var(--green2)}.card-copy p{font:italic 1.05rem/1.55 var(--serif);color:#665b4e}.card-copy ul{list-style:none;padding:0;margin:auto 0 8px;border-top:1px solid var(--line)}.card-copy li{padding:7px 0;border-bottom:1px solid var(--line);font-family:var(--serif)}.card-copy li::before{content:"✦";font-size:.65rem;color:var(--red);margin-right:10px}.card-copy small{color:#7b6c5a}.card-photo{min-height:360px;overflow:hidden;border-radius:4px}.card-photo img{width:100%;height:100%;object-fit:cover}.difference{padding:130px 0;background:#efe4d2}.difference-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.sticky-copy{position:sticky;top:40px;align-self:start}.sticky-copy h2{font-size:clamp(2.5rem,4.6vw,4.2rem)}.sticky-copy p{max-width:480px}.sticky-copy img{margin-top:34px;width:100%;height:320px;object-fit:cover;border:10px solid #fff8e9;box-shadow:0 20px 40px #735a3433;transform:rotate(-1.5deg)}.cue-list{padding-top:60px}.cue{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:34px 0;border-bottom:1px solid #c5b393}.cue>span{font:600 1.1rem var(--serif);color:var(--red);padding-top:5px}.cue h3{font-size:2rem;color:var(--green2)}.cue p{margin:8px 0 0;color:#675b4d}.look{padding:120px 0 130px;background:#fffaf0}.center-head{text-align:center;max-width:760px;margin:0 auto 50px}.center-head .eyebrow{justify-content:center}.center-head .eyebrow::after{content:"";width:34px;height:1px;background:currentColor}.center-head p{color:#746858}.page-fan{height:680px;position:relative;max-width:900px;margin:0 auto}.page-shot{position:absolute;top:20px;left:50%;width:min(390px,42vw);padding:0;border:0;background:none;cursor:zoom-in;box-shadow:0 28px 55px #5a452f3a;transition:transform .3s!important}.page-shot img{width:100%}.page-shot:hover{z-index:5!important}.p1{transform:translateX(-100%) rotate(-7deg)!important}.p2{transform:translateX(-50%) translateY(8px)!important;z-index:2}.p3{transform:translateX(0) rotate(7deg)!important}.p1:hover{transform:translateX(-100%) rotate(-4deg) translateY(-8px)!important}.p2:hover{transform:translateX(-50%) translateY(-2px)!important}.p3:hover{transform:translateX(0) rotate(4deg) translateY(-8px)!important}.sample-caption{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800;color:#6b5e4e}.sample-caption span::before{content:"✓";color:var(--red);margin-right:7px}.table-section{position:relative;padding:120px 0;background:#792a24;color:#fff7e8;overflow:hidden}.tablecloth{position:absolute;inset:0;background:linear-gradient(90deg,#fff0 49%,#fff1 50%,#fff0 51%),linear-gradient(#fff0 49%,#fff1 50%,#fff0 51%);background-size:80px 80px;opacity:.28}.table-grid{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center}.table-copy h2 em{color:#efd091}.table-copy p{font:400 1.18rem/1.65 var(--serif);color:#eddcca}.dish-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dish{margin:0;position:relative;overflow:hidden;border:7px solid #f8edd7;background:#fff;box-shadow:0 16px 36px #3a0c0b88;min-height:245px}.dish img{width:100%;height:100%;object-fit:cover}.dish figcaption{position:absolute;left:8px;bottom:8px;background:#fff9ee;color:#67221d;padding:7px 11px;font:700 .72rem var(--sans);letter-spacing:.08em;text-transform:uppercase}.dish.tall{grid-row:span 2}.dish.wide{grid-column:span 2;max-height:270px}.guide{padding:130px 0;background:#dce5df}.guide-grid{display:grid;grid-template-columns:.8fr .62fr .9fr;gap:50px;align-items:center}.guide h2{color:var(--green2)}.guide-page{transform:rotate(2deg);box-shadow:0 30px 50px #23453c33;border:6px solid white}.guide-list>div{padding:15px 0;border-bottom:1px solid #9eafa8;display:flex;flex-direction:column}.guide-list b{font-family:var(--serif);font-size:1.16rem;color:var(--red)}.guide-list span{font-size:.9rem;color:#4e625c}.june-note{padding:130px 0;background:#4c211c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.note-paper{background:#fff9eb;padding:clamp(35px,7vw,75px);box-shadow:0 35px 70px #1f080780;position:relative;transform:rotate(-.5deg);border:1px solid #d4c3a6}.note-paper .tape{position:absolute;top:-18px;left:50%;width:150px;height:38px;background:#d8c68f99;transform:translateX(-50%) rotate(2deg)}.note-paper h2{color:var(--green2);margin-bottom:25px}.note-paper p{font:400 1.08rem/1.72 var(--serif)}.signature{font:500 1.25rem/1.4 var(--hand);color:#315c7a;margin-top:28px}.signature b{font-size:2.5rem}.offer{padding:120px 0;background:linear-gradient(140deg,#15372f,#285a4c);color:#fffaf0}.offer-card{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:55px;background:#0d2b24;border:1px solid #ffffff21;border-radius:24px;padding:clamp(32px,6vw,72px);box-shadow:0 40px 80px #081d18}.offer-copy h2{font-size:clamp(2.5rem,5vw,4.4rem)}.offer-list{list-style:none;padding:0;margin:30px 0}.offer-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff1c;padding:10px 0}.offer-list b{font-family:var(--serif);font-size:1.05rem}.offer-list span{color:#acc8bf;text-align:right;font-size:.88rem}.price-row{display:flex;justify-content:space-between;align-items:end;margin:26px 0}.price-row small{display:block;color:#aac0b9;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.price-row strong{font:600 3.8rem/1 var(--serif);color:#efd091}.price-row s{color:#98aaa4;margin-left:8px}.price-row>span{text-align:right;color:#aec2bb;font-size:.8rem}.cta.light{background:#efd091;color:#2b1d0f;box-shadow:inset 0 -3px #9e783a}.pay-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.pay-row img{width:46px;height:30px;background:white;border-radius:4px;padding:2px}.guarantee{border-left:3px solid #d6ae66;padding-left:15px;color:#bfd0ca;font-size:.85rem;line-height:1.55}.guarantee b{color:white}.faq{padding:120px 0;background:#fffaf0}.faq h2{color:var(--green2);margin-bottom:42px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font:600 1.3rem var(--serif);display:flex;justify-content:space-between;gap:20px}.faq summary::after{content:"+";color:var(--red);font:400 1.6rem var(--sans)}.faq details[open] summary::after{content:"−"}.faq details p{color:#685c4e;max-width:660px}.final{text-align:center;padding:120px 0;background:#f0e4d0}.final .ornament{color:var(--gold);font-size:2rem}.final h2{color:var(--red2);margin:15px 0 25px}.final p{font:400 1.2rem/1.6 var(--serif);max-width:580px;margin:0 auto 32px}.final small{display:block;margin-top:18px;color:#776956}.footer-brand{font:600 1.15rem var(--serif);color:#fff5e4}.footer-brand span{color:#d8b676;font-style:italic}footer{background:#25120f;color:#af9c82;padding:55px 0;text-align:center;font-size:.78rem}footer nav{display:flex;justify-content:center;gap:20px;margin:18px 0}footer p{max-width:680px;margin:8px auto}.sticky{position:fixed;z-index:20;left:50%;bottom:16px;transform:translate(-50%,150%);width:min(680px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff9eb;border:1px solid #d2b98d;border-radius:10px;padding:10px 12px 10px 18px;box-shadow:0 16px 50px #2a171199;transition:transform .4s;color:#38271c}.sticky.on{transform:translate(-50%,0)}.sticky div{display:flex;flex-direction:column;line-height:1.2}.sticky small{color:#766755}.sticky button{border:0;border-radius:5px;background:var(--red);color:white;padding:13px 18px;font-weight:800;cursor:pointer}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding-top:52px;gap:42px}.hero{min-height:auto}.hero-book{width:min(380px,75vw)}.hero-photo{background:linear-gradient(rgba(48,15,12,.9),rgba(42,13,11,.94)),url(../assets/food/food-04.webp) center/cover}.section-head,.difference-grid,.table-grid,.guide-grid,.offer-card{grid-template-columns:1fr}.sticky-copy{position:static}.cue-list{padding-top:0}.table-copy{max-width:680px}.guide-page{max-width:420px;margin:auto}.offer-book{padding:20px 0}.page-fan{height:590px}}
@media(max-width:680px){body{font-size:16px}.wrap,.narrow{padding-left:18px;padding-right:18px}.topnote{height:auto;min-height:38px;padding:8px 12px;flex-wrap:wrap;gap:4px 12px}.topnote span{display:none}.hero-grid{padding-bottom:55px}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}.hero-lede{font-size:1.05rem}.hero-book{order:-1;width:min(250px,65vw);margin-top:8px}.hero-copy{text-align:center}.hero .eyebrow,.hero-actions,.trustline{justify-content:center}.hero blockquote{text-align:left}.trustline{gap:8px 12px}.trustline span+span::before{margin-right:12px}.memory,.recipe-box,.difference,.look,.table-section,.guide,.june-note,.offer,.faq,.final{padding-top:80px;padding-bottom:80px}.memory-line{margin:32px 0;font-size:3.8rem}.section-head{display:block;margin-bottom:30px}.recipe-card{grid-template-columns:1fr;padding:20px;gap:20px}.card-photo{min-height:230px;order:-1}.card-copy h3{font-size:2.2rem}.box-shell{padding:18px 12px 22px;margin:0 -6px}.box-tabs{padding:0}.difference-grid{gap:45px}.sticky-copy img{height:240px}.cue{grid-template-columns:42px 1fr;padding:24px 0;gap:12px}.page-fan{height:390px}.page-shot{width:52vw}.p1{transform:translateX(-105%) rotate(-7deg)!important}.p3{transform:translateX(5%) rotate(7deg)!important}.dish-grid{grid-template-columns:1fr}.dish.tall,.dish.wide{grid-column:auto;grid-row:auto;min-height:230px}.guide-grid{gap:35px}.offer-card{padding:32px 20px}.offer-list li{display:block}.offer-list span{display:block;text-align:left}.price-row{align-items:center}.price-row strong{font-size:3.1rem}.cta{width:100%;justify-content:center}.sticky>div{display:none}.sticky{justify-content:center}.sticky button{width:100%}}

@media(min-width:901px){.hero-grid{gap:60px;padding-top:38px;padding-bottom:42px}.hero h1{font-size:clamp(3.3rem,6.2vw,5.65rem);line-height:.92}.hero-lede{font-size:1.12rem;line-height:1.55;margin:20px 0 15px}.hero blockquote{margin-bottom:20px}.hero-book{width:min(330px,29vw)}}
.cover-shadow img{height:auto}
.hero-book{padding:20px 14px 58px;perspective:1200px;transform:none}.hero-book::before{content:"";position:absolute;left:-22%;right:-25%;bottom:35px;height:24%;background:radial-gradient(ellipse,#120503b8 0%,#12050360 38%,transparent 72%);filter:blur(13px);transform:rotate(-5deg)}.hero-book-object{position:relative;z-index:1;transform-style:preserve-3d;transform:rotateY(-9deg) rotateX(1.5deg) rotateZ(1.4deg);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.hero-book:hover .hero-book-object{transform:rotateY(-3deg) rotateX(.5deg) rotateZ(.4deg) translateY(-5px)}.hero-book-object::before{content:"";position:absolute;z-index:-1;top:1.1%;right:-17px;bottom:1.2%;width:20px;border-radius:0 5px 5px 0;background:repeating-linear-gradient(90deg,#eee4cf 0 2px,#cfc1a8 2px 3px);transform:translateZ(-5px) rotateY(4deg);box-shadow:9px 6px 20px #0008}.hero-book-object::after{content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;width:8%;background:linear-gradient(90deg,#21060499,#fff1 52%,transparent);mix-blend-mode:multiply;pointer-events:none}.cover-shadow{overflow:hidden;border-radius:2px 7px 7px 2px;box-shadow:0 42px 80px -24px #000,0 9px 24px #0008,0 0 0 1px #fff3}.cover-shadow::before{z-index:2;background:linear-gradient(100deg,#0006 0%,transparent 7%,transparent 72%,#fff3 82%,transparent 91%)}.edition-seal{position:absolute;z-index:3;right:-34px;top:9%;width:94px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#d9b15f;color:#452415;text-align:center;text-transform:uppercase;line-height:1;border:1px solid #f2d99e;box-shadow:0 0 0 5px #d9b15f,0 0 0 6px #6d391fcc,0 10px 24px #0008;transform:rotate(9deg)}.edition-seal::before,.edition-seal::after{content:"✦";position:absolute;font-size:.5rem;color:#7a3e26}.edition-seal::before{top:10px}.edition-seal::after{bottom:10px}.edition-seal span{font-size:.48rem;letter-spacing:.14em}.edition-seal b{font:700 .92rem/1 var(--serif);text-transform:none;margin:3px 0}.cover-caption{position:absolute;z-index:3;left:50%;bottom:5px;transform:translateX(-50%);width:max-content;margin:0;text-align:center;color:#f8ead3;text-shadow:0 2px 12px #000}.cover-caption b,.cover-caption span{display:block}.cover-caption b{font:600 1rem/1.2 var(--serif);letter-spacing:.02em}.cover-caption span{margin-top:5px;color:#d5bea1;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:680px){.hero-book{order:0}.hero h1{font-size:clamp(2.65rem,12vw,3.6rem)}.hero blockquote{display:none}.hero-lede{font-size:.98rem;line-height:1.5;margin:16px 0}.hero-actions{gap:14px}.trustline{margin-top:18px}}

/* Hero conversion + product-stage refinement */
.hero-photo{filter:saturate(.78) brightness(.82)}.hero-copy{position:relative;z-index:5}.hero-starters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px;color:#eadac2;font-size:.75rem}.hero-starters b{color:#fff3dc;margin-right:3px}.hero-starters span{padding:5px 9px;border:1px solid #f1d09640;border-radius:99px;background:#1b09064f;box-shadow:inset 0 1px #fff1}.hero-cta{position:relative;isolation:isolate;box-shadow:inset 0 -3px #8b6428,0 14px 30px -14px #0008,0 0 0 0 #efc77f55}.hero-cta::after{content:"";position:absolute;inset:-7px;border:1px solid #efc77f66;border-radius:8px;opacity:0;animation:cta-ring 2.8s ease-out 1.6s infinite;z-index:-1}.trustline{font-size:.7rem}.hero-book{width:min(390px,34vw);padding:28px 48px 64px 24px;isolation:isolate}.hero-book::after{content:"";position:absolute;z-index:-3;inset:1% 2% 11% -4%;border:1px solid #f3d9a443;border-radius:48% 48% 18px 18px;background:radial-gradient(circle at 58% 36%,#f9e5bd42 0 17%,#173b34e8 64%,#0b241fef 100%);box-shadow:inset 0 0 70px #e9c47b14,0 25px 70px #120504b8}.hero-book::before{z-index:-2;left:-10%;right:-7%;bottom:38px;background:radial-gradient(ellipse,#070201e6 0%,#1205038c 40%,transparent 72%)}.hero-book-object{--tilt-x:1.5deg;--tilt-y:-9deg;transform:rotateY(var(--tilt-y)) rotateX(var(--tilt-x)) rotateZ(1.2deg);filter:drop-shadow(0 18px 18px #0007);animation:book-arrive .9s cubic-bezier(.16,.9,.24,1) both,book-breathe 5.5s ease-in-out 1s infinite;will-change:transform}.hero-book:hover .hero-book-object{transform:rotateY(var(--tilt-y)) rotateX(var(--tilt-x)) rotateZ(.4deg) translateY(-7px)}.cover-shadow{border:3px solid #f7e8c8;box-shadow:0 44px 85px -22px #000,0 12px 30px #000b,0 0 0 1px #4b2518}.cover-shadow::after{content:"";position:absolute;z-index:3;top:-30%;left:-65%;width:36%;height:160%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:rotate(14deg);animation:cover-glint 6s ease-in-out 1.8s infinite;pointer-events:none}.edition-seal{right:4px;top:8%;width:82px;box-shadow:0 0 0 4px #d9b15f,0 0 0 5px #6d391fcc,0 9px 22px #0009;animation:seal-set .8s cubic-bezier(.2,1.2,.3,1) .55s both}.edition-seal::before{top:8px}.edition-seal::after{bottom:8px}.edition-seal b{font-size:.82rem}.cover-caption{bottom:7px}.stage-card{position:absolute;z-index:-1;width:124px;padding:12px 13px;background:#f8efd9;color:#51271f;border:1px solid #b69357;box-shadow:0 13px 30px #0008;text-align:left;line-height:1.08}.stage-card small{display:block;margin-bottom:5px;color:#8b342a;font:800 .52rem var(--sans);letter-spacing:.12em;text-transform:uppercase}.stage-card b{font:600 .88rem var(--serif)}.stage-card-one{left:-28px;top:25%;transform:rotate(-8deg);animation:card-drift-one 5s ease-in-out 1.1s infinite}.stage-card-two{right:1px;bottom:24%;transform:rotate(7deg);background:#dce5df;border-color:#78988c;animation:card-drift-two 5.4s ease-in-out 1.35s infinite}.decision-strip{position:relative;z-index:3;background:#fff8eb;border-bottom:1px solid #d7c6a9;box-shadow:0 16px 45px #3a1c1012}.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:24px;padding-bottom:26px}.decision-grid>div{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:0 22px;border-right:1px solid #decbaa}.decision-grid>div:first-child{padding-left:0}.decision-grid>div:last-child{padding-right:0;border-right:0}.decision-grid span{font:600 .72rem var(--serif);color:var(--red);padding-top:3px}.decision-grid p{margin:0;color:#746557;font-size:.73rem;line-height:1.45}.decision-grid b{display:block;margin-bottom:2px;color:var(--green2);font:600 .96rem/1.2 var(--serif)}
@keyframes book-arrive{from{opacity:0;transform:translateY(44px) rotateY(-18deg) rotateX(8deg) rotateZ(3deg) scale(.91)}to{opacity:1}}@keyframes book-breathe{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes cover-glint{0%,62%{left:-65%;opacity:0}68%{opacity:.7}82%,100%{left:135%;opacity:0}}@keyframes seal-set{from{opacity:0;transform:rotate(28deg) scale(.35)}to{opacity:1;transform:rotate(7deg) scale(1)}}@keyframes card-drift-one{0%,100%{translate:0 0;rotate:0deg}50%{translate:-3px -6px;rotate:-1deg}}@keyframes card-drift-two{0%,100%{translate:0 0;rotate:0deg}50%{translate:4px -5px;rotate:1deg}}@keyframes cta-ring{0%{opacity:0;transform:scale(.98)}20%{opacity:.8}100%{opacity:0;transform:scale(1.08)}}
@media(max-width:900px){.hero-book{width:min(410px,76vw)}.decision-grid{grid-template-columns:1fr 1fr;row-gap:22px}.decision-grid>div:nth-child(2){border-right:0}.decision-grid>div:nth-child(3){padding-left:0}}
@media(max-width:680px){.hero-book{width:min(310px,86vw);padding:20px 38px 58px 20px}.edition-seal{right:2px;width:72px}.stage-card{width:100px;padding:9px}.stage-card-one{left:-2px}.hero-starters{justify-content:center}.hero-starters b{width:100%}.decision-grid{grid-template-columns:1fr;padding-top:22px;padding-bottom:22px}.decision-grid>div,.decision-grid>div:first-child,.decision-grid>div:nth-child(3){padding:13px 0;border-right:0;border-bottom:1px solid #decbaa}.decision-grid>div:last-child{border-bottom:0}.cover-caption b{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.hero-book-object,.edition-seal,.stage-card,.cover-shadow::after,.hero-cta::after{animation:none!important}.hero-book-object{transition:none}}

/* Animated cookbook preview: cover -> chapters -> offer */
.hero-book{width:min(430px,37vw);padding:0 0 8px;perspective:1800px;isolation:isolate}.hero-book::before{left:3%;right:0;bottom:72px;height:18%;z-index:-2;background:radial-gradient(ellipse,#050100d9 0%,#1407048f 42%,transparent 74%);filter:blur(16px)}.hero-book::after,.stage-card,.cover-caption{display:none}.flipbook-stage{position:relative;width:100%;height:548px;perspective:1800px;transform-style:preserve-3d}.book-page,.book-cover{position:absolute;top:23px;right:8px;width:72%;aspect-ratio:2/3;border-radius:2px 7px 7px 2px;transform-origin:left center;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.2,.78,.2,1),filter .7s,opacity .45s;box-shadow:0 25px 55px #000a;background:#fffaf0}.book-page img,.book-cover>.cover-shadow,.book-cover>.cover-shadow img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.book-page{border:3px solid #f4ead7;overflow:hidden}.book-page::after,.book-cover::after{content:"";position:absolute;inset:0;transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;border:1px solid #d5c5aa;border-radius:inherit;background:repeating-linear-gradient(0deg,#fffaf0 0 29px,#d8e0db 30px)}.book-base{z-index:1;transform:translateZ(-3px);box-shadow:11px 3px 0 #e8dfce,15px 5px 0 #bbaa8f,0 32px 65px #000c}.book-page-two{z-index:2;transform:translateZ(0)}.book-page-one{z-index:3;transform:translateZ(3px)}.book-cover{z-index:4;transform:translateZ(6px)}.book-cover .cover-shadow{position:absolute;inset:0;overflow:hidden;border:3px solid #f7e8c8;border-radius:inherit;box-shadow:0 35px 70px -18px #000,0 8px 22px #0009}.book-cover .cover-shadow::after{content:"";position:absolute;z-index:3;top:-30%;left:-70%;width:38%;height:160%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(14deg);animation:cover-glint 6s ease-in-out 2s infinite;pointer-events:none}.book-cover .edition-seal{right:-4px;top:7%;width:82px;z-index:8;animation:none;transform:rotate(7deg);transition:opacity .35s}.book-leaf::before{content:"";position:absolute;z-index:8;left:0;top:0;bottom:0;width:7%;background:linear-gradient(90deg,#1606048c,transparent);pointer-events:none}.is-chapter-one .book-cover{transform:rotateY(-158deg) translateZ(6px)}.is-chapter-two .book-cover{transform:rotateY(-166deg) translateZ(6px)}.is-chapter-two .book-page-one{transform:rotateY(-156deg) translateZ(3px)}.is-chapter-three .book-cover{transform:rotateY(-170deg) translateZ(6px)}.is-chapter-three .book-page-one{transform:rotateY(-165deg) translateZ(3px)}.is-chapter-three .book-page-two{transform:rotateY(-156deg)}.is-closing .book-page-two{transform:rotateY(0);transition-delay:.05s}.is-closing .book-page-one{transform:rotateY(0);transition-delay:.28s}.is-closing .book-cover{transform:rotateY(0) translateZ(6px);transition-delay:.52s}.is-chapter-one .edition-seal,.is-chapter-two .edition-seal,.is-chapter-three .edition-seal{opacity:0}.demo-caption{position:absolute;z-index:10;left:3%;right:0;bottom:0;text-align:center;color:#fff4df;text-shadow:0 2px 12px #000}.demo-caption small,.demo-caption b{display:block}.demo-caption small{color:#d8b978;font:800 .58rem var(--sans);letter-spacing:.16em;text-transform:uppercase}.demo-caption b{min-height:42px;margin-top:4px;font:600 1.02rem/1.2 var(--serif)}.demo-dots{display:flex;justify-content:center;gap:7px;margin-top:8px}.demo-dots i{width:17px;height:3px;border-radius:4px;background:#fff4;transition:width .3s,background .3s}.demo-dots i.active{width:30px;background:#e8c16f}.demo-offer{position:absolute;z-index:12;top:50%;right:4%;width:64%;padding:22px 18px;border:1px solid #e6c47b;border-radius:9px;background:#fff8eefa;color:#352017;text-align:center;box-shadow:0 24px 70px #000d;opacity:0;transform:translateY(-38%) scale(.86);pointer-events:none;transition:opacity .45s .8s,transform .6s cubic-bezier(.2,1,.3,1) .8s}.demo-offer small,.demo-offer span{display:block}.demo-offer small{color:#8f2f28;font:800 .6rem var(--sans);letter-spacing:.14em;text-transform:uppercase}.demo-offer strong{display:block;margin:5px 0 2px;color:#183a32;font:700 3.35rem/1 var(--serif)}.demo-offer span{color:#746353;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.demo-offer button{margin-top:13px;border:0;border-radius:4px;background:#8f2f28;color:#fff;padding:11px 18px;font-weight:800;cursor:pointer}.is-offer .demo-offer{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.is-offer .book-cover{filter:brightness(.5) blur(1px)}
@media(max-width:900px){.hero-book{width:min(460px,86vw)}.flipbook-stage{height:570px}.book-page,.book-cover{right:7%;width:68%}}
@media(max-width:680px){.hero-book{width:min(340px,94vw);padding:0}.flipbook-stage{height:465px}.book-page,.book-cover{top:18px;right:5%;width:72%}.book-cover .edition-seal{width:66px;right:-2px}.demo-caption b{font-size:.9rem;min-height:38px}.demo-offer{right:5%;width:66%;padding:16px 12px}.demo-offer strong{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.book-page,.book-cover,.demo-offer{transition:none!important}.book-cover .cover-shadow::after{animation:none!important}}
.book-page{overflow:visible}.book-page::after,.book-cover::after{z-index:0}.book-leaf>img,.book-cover>.cover-shadow{position:absolute;inset:0;z-index:1;transform:translateZ(1px);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.demo-offer{transform:translateZ(30px) translateY(-38%) scale(.86);transition:opacity .25s .12s,transform .48s cubic-bezier(.2,1,.3,1) .12s}.is-offer .demo-offer{transform:translateZ(30px) translateY(-50%) scale(1)}

/* The hero preview shows one complete recipe page at a time. */
.hero-book{width:min(430px,37vw);padding:0;perspective:none}.hero-book::before,.hero-book::after{display:none}.showcase-stage{position:relative;height:508px;overflow:hidden;border:1px solid #f2dba980;border-radius:18px;background:radial-gradient(circle at 50% 40%,#a97a454f 0%,transparent 42%),radial-gradient(circle at 15% 83%,#822e3059 0%,transparent 35%),linear-gradient(145deg,#143b36 0%,#0c2824 55%,#351b1c 100%);box-shadow:inset 0 1px #fff6,0 30px 65px #150605a3,0 0 0 5px #ead19a1c}.showcase-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#f9df9d9e 1px,transparent 2px) 4px 8px/45px 43px,radial-gradient(circle,#fff7dc80 1px,transparent 2px) 21px 17px/67px 61px;mask-image:radial-gradient(ellipse at 50% 50%,transparent 18%,#000 100%);animation:showcase-glitter 7s linear infinite}.showcase-stage::after{content:"";position:absolute;inset:7px;border:1px solid #f5da9e3b;border-radius:12px;pointer-events:none}.showcase-sparkle{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 18%,#fff7cc 0 2px,transparent 4px),radial-gradient(circle at 86% 24%,#fff7cc 0 2px,transparent 4px),radial-gradient(circle at 80% 77%,#fff7cc 0 2px,transparent 4px),radial-gradient(circle at 20% 71%,#fff7cc 0 2px,transparent 4px);animation:showcase-spark 2.8s ease-in-out infinite alternate}.showcase-pages{position:absolute;inset:0;animation:showcase-float 3.5s ease-in-out infinite}.showcase-page,.showcase-cover{position:absolute;top:21px;left:50%;width:min(71%,292px);height:auto;aspect-ratio:2/3;object-fit:cover;border:3px solid #fff8e8;border-radius:3px 7px 7px 3px;box-shadow:8px 4px 0 #e2d6c0,12px 6px 0 #927b5d,0 22px 44px #000a;backface-visibility:hidden;transition:opacity .35s,transform .55s cubic-bezier(.2,.85,.2,1);transform:translateX(-50%) translateY(20px) rotateY(7deg) scale(.93);opacity:0}.showcase-cover{z-index:5;opacity:1;transform:translateX(-50%) translateY(0) rotateY(-5deg) rotateZ(-1deg)}.showcase-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.showcase-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,#0006,transparent 12%,transparent 75%,#fff4 85%,transparent);pointer-events:none}.is-chapter-one .showcase-cover,.is-chapter-two .showcase-cover,.is-chapter-three .showcase-cover{opacity:0;transform:translateX(-88%) translateY(-6px) rotateY(-55deg) scale(.84)}.is-chapter-one .page-biscuits,.is-chapter-two .page-chicken,.is-chapter-three .page-pudding{z-index:4;opacity:1;transform:translateX(-50%) translateY(0) rotateY(-2deg) scale(1)}.showcase-turn{position:absolute;z-index:8;top:20px;left:50%;width:min(71%,292px);aspect-ratio:2/3;transform:translateX(-50%);pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 25%,#fffdf2e8 48%,#c7b492 53%,transparent 73%)}.is-chapter-one .showcase-turn,.is-chapter-two .showcase-turn,.is-chapter-three .showcase-turn{animation:showcase-page-sweep .52s ease-out both}.showcase-offer{position:absolute;z-index:10;left:50%;top:50%;width:72%;padding:25px 16px;border:1px solid #e6c47b;border-radius:12px;background:#fff8ed;color:#352017;text-align:center;box-shadow:0 22px 60px #000d;opacity:0;transform:translate(-50%,-43%) scale(.86);transition:opacity .35s,transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.showcase-offer small,.showcase-offer span{display:block}.showcase-offer small{font:800 .62rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#8f2f28}.showcase-offer strong{display:block;margin:5px 0;color:#183a32;font:700 3.8rem/1 var(--serif)}.showcase-offer span{color:#745c49;font-size:.72rem}.showcase-offer button{margin-top:14px;padding:11px 20px;border:0;border-radius:5px;background:#8f2f28;color:white;font-weight:800;cursor:pointer}.showcase-offer button:hover{background:#6f211d}.is-offer .showcase-cover{filter:brightness(.55) blur(1.5px)}.is-offer .showcase-offer{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.showcase-caption{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:82px;margin-top:10px;padding:13px 16px;background:#fff7e8;color:#2c3329;border:1px solid #e2c99a;border-radius:10px;box-shadow:0 8px 20px #1506054d;text-shadow:none}.showcase-caption small{display:block;color:#8f2f28;font:800 .6rem var(--sans);letter-spacing:.12em;text-transform:uppercase}.showcase-caption b{display:block;margin-top:5px;font:600 1.05rem/1.2 var(--serif)}.showcase-replay{flex:none;width:34px;height:34px;border:1px solid #c6a977;border-radius:50%;background:#fffdf5;color:#76312a;font-size:1.45rem;line-height:1;cursor:pointer}.showcase-replay:hover{background:#f4e4c5}.offer-intro{color:#c2d2ca;font:400 1rem/1.55 var(--serif);max-width:560px}
@keyframes showcase-float{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes showcase-glitter{0%{background-position:4px 8px,21px 17px}100%{background-position:49px 51px,88px 78px}}@keyframes showcase-spark{from{opacity:.35}to{opacity:.95}}@keyframes showcase-page-sweep{0%{opacity:0;transform:translateX(-55%) scaleX(.2)}30%{opacity:.8}100%{opacity:0;transform:translateX(-15%) scaleX(1.4)}}
@media(max-width:900px){.hero-book{width:min(430px,84vw)}.showcase-stage{height:500px}}
@media(max-width:680px){.hero-book{width:min(340px,92vw);margin:0 auto}.showcase-stage{height:394px}.showcase-page,.showcase-cover,.showcase-turn{top:14px;width:min(67%,235px)}.showcase-caption{min-height:78px}.showcase-caption b{font-size:.96rem}.showcase-offer{width:76%;padding:18px 12px}.showcase-offer strong{font-size:3rem}.hero h1{font-size:clamp(2.65rem,11vw,3.6rem)}}
@media(prefers-reduced-motion:reduce){.showcase-stage::before,.showcase-sparkle,.showcase-pages,.showcase-turn{animation:none!important}.showcase-page,.showcase-cover,.showcase-offer{transition:none!important}}
.sample-decision{display:flex;align-items:center;justify-content:space-between;gap:26px;max-width:900px;margin:48px auto 0;padding:24px 28px;background:#f2e5ce;border:1px solid #d9bd8b;border-radius:12px}.sample-decision p{max-width:480px;margin:0;color:#594638;font-size:.9rem;line-height:1.5}.sample-decision p b{display:block;color:#183a32;font:600 1.35rem var(--serif);margin-bottom:4px}.sample-decision .cta{flex:none;padding:14px 17px;font-size:.87rem}@media(max-width:680px){.sample-decision{display:block;padding:22px 20px;margin-top:36px}.sample-decision .cta{margin-top:18px}}

/* A single dimensional book replaces the framed page display. */
.showcase-stage{height:506px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}.showcase-stage::before{content:"";position:absolute;inset:5% 2% 8%;mask-image:none;background:radial-gradient(ellipse at 52% 42%,#e9c89945 0%,#733c2829 35%,transparent 71%);animation:none}.showcase-stage::after{content:"";position:absolute;left:9%;right:4%;top:auto;bottom:4px;height:50px;border:0;border-radius:50%;background:#0c0504ac;filter:blur(18px)}.showcase-pages{inset:auto;top:22px;left:50%;width:min(72%,300px);height:auto;aspect-ratio:2/3;transform-style:preserve-3d;transform:translateX(-50%) rotateY(-13deg) rotateX(3deg) rotateZ(-1deg);animation:book-volume-drift 4.2s ease-in-out infinite;filter:drop-shadow(18px 28px 21px #0009)}.showcase-pages::before{content:"";position:absolute;z-index:-1;top:1.2%;bottom:1.2%;left:-19px;width:22px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#371b17,#8f5b3d 24%,#321713 83%,#100805);transform:rotateY(-68deg);transform-origin:right center;box-shadow:-5px 4px 14px #0008}.showcase-pages::after{content:"";position:absolute;z-index:-1;top:1%;right:-17px;bottom:1%;width:21px;border-radius:0 5px 5px 0;background:repeating-linear-gradient(90deg,#f9f2e4 0 2px,#cabca4 2px 3px);transform:rotateY(70deg);transform-origin:left center;box-shadow:9px 5px 18px #0009}.showcase-page,.showcase-cover{top:0;left:0;width:100%;height:100%;border:2px solid #f7edda;border-radius:2px 6px 6px 2px;transform-origin:left center;box-shadow:inset 7px 0 11px #34201255,0 0 0 1px #25110c;transform:translateY(15px) translateZ(10px) rotateY(7deg) scale(.96)}.showcase-cover{transform:translateZ(20px) rotateY(0);opacity:1;box-shadow:0 0 0 1px #2c1710,7px 5px 17px #0008}.showcase-cover::before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:0;width:11%;background:linear-gradient(90deg,#170908b8,#fff2 75%,transparent);mix-blend-mode:multiply;pointer-events:none}.is-chapter-one .showcase-cover,.is-chapter-two .showcase-cover,.is-chapter-three .showcase-cover{opacity:0;transform:translateX(-20px) translateZ(35px) rotateY(-42deg)}.is-chapter-one .page-biscuits,.is-chapter-two .page-chicken,.is-chapter-three .page-pudding{opacity:1;transform:translateZ(20px) rotateY(0) scale(1)}.showcase-turn{top:0;left:0;width:100%;height:100%;transform:none}.is-offer .showcase-cover{filter:brightness(.47) blur(1px)}.showcase-caption{margin-top:0;min-height:80px}.showcase-offer{width:75%;max-width:285px}.showcase-sparkle{display:none}
@keyframes book-volume-drift{0%,100%{transform:translateX(-50%) rotateY(-13deg) rotateX(3deg) rotateZ(-1deg) translateY(0)}50%{transform:translateX(-50%) rotateY(-9deg) rotateX(2deg) rotateZ(-.5deg) translateY(-7px)}}
/* Every purchase action shares one clear visual language. */
.cta,.cta.light{position:relative;gap:14px;min-height:58px;padding:15px 20px;border:1px solid #ffe2a3;border-radius:7px;background:linear-gradient(135deg,#fbe0a6 0%,#e3ad55 100%);color:#302011;font-size:1rem;font-weight:800;line-height:1.2;box-shadow:inset 0 1px #fff9,inset 0 -3px #9b6d2b,0 14px 29px #1609056b;transition:transform .22s,box-shadow .22s,filter .22s}.cta::before{content:"↗";order:3;display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#42291b;color:#ffe3ab;font-size:1rem;line-height:1}.cta span{white-space:nowrap;border-left:0;border-radius:5px;padding:7px 10px;background:#fff6ddae;color:#33210e}.cta:hover,.cta.light:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:inset 0 1px #fff9,inset 0 -3px #9b6d2b,0 20px 38px #16090599}.cta:active,.cta.light:active{transform:translateY(0)}.cta:focus-visible,.sticky button:focus-visible,.showcase-offer button:focus-visible{outline:3px solid #fff;outline-offset:3px}.sample-decision .cta{padding:13px 15px}.showcase-offer button{width:100%;min-height:46px;border:1px solid #c26155;background:#8f2f28;box-shadow:0 8px 16px #50170f45;transition:transform .2s,background .2s}.showcase-offer button:hover{transform:translateY(-2px);background:#6f211d}.sticky{border:2px solid #d6a75e;box-shadow:0 18px 48px #180a0799}.sticky button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:54px;border:1px solid #a93b2f;border-radius:7px;background:linear-gradient(135deg,#9f382d,#6f211b);box-shadow:0 8px 18px #671e1960;transition:transform .2s,filter .2s,box-shadow .2s}.sticky button::after{content:"↗";font-size:1.15rem}.sticky button span{padding:5px 8px;border-radius:4px;background:#fff2d8;color:#62221a}.sticky button:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 24px #671e1980}
@media(max-width:900px){.showcase-stage{height:506px}}
@media(max-width:680px){.showcase-stage{height:392px}.showcase-pages{top:13px;width:min(66%,235px)}.showcase-caption{min-height:78px}.hero-cta{font-size:.85rem}.cta{justify-content:space-between}.cta::before{width:23px;height:23px}.sticky button{width:100%}}
@media(prefers-reduced-motion:reduce){.showcase-pages{animation:none!important}.cta,.sticky button,.showcase-offer button{transition:none!important}}
.showcase-stage{perspective:1100px}.showcase-pages{transform:translateX(-50%) rotateY(-21deg) rotateX(3deg) rotateZ(-1deg);filter:drop-shadow(22px 29px 20px #000b)}.showcase-spine,.showcase-edge{position:absolute;display:block;pointer-events:none}.showcase-spine{z-index:1;top:1%;bottom:1%;left:-15px;width:19px;border-radius:5px 0 0 5px;background:linear-gradient(90deg,#250a0a,#7c3426 36%,#361412 83%,#180b09);box-shadow:-5px 4px 16px #0008}.showcase-edge{z-index:1;top:1.1%;bottom:1.1%;right:-19px;width:23px;border-radius:0 6px 6px 0;background:repeating-linear-gradient(90deg,#f9f2e6 0 2px,#c6b599 2px 3px);box-shadow:7px 5px 14px #0009}.showcase-cover,.showcase-page{z-index:2}.showcase-cover{z-index:5}.is-chapter-one .page-biscuits,.is-chapter-two .page-chicken,.is-chapter-three .page-pudding{z-index:4}@keyframes book-volume-drift{0%,100%{transform:translateX(-50%) rotateY(-21deg) rotateX(3deg) rotateZ(-1deg) translateY(0)}50%{transform:translateX(-50%) rotateY(-16deg) rotateX(2deg) rotateZ(-.5deg) translateY(-7px)}}

/* Mobile: lead with the product, keep every section visible, and make purchase controls compact. */
@media(max-width:680px){
  .hero-grid{gap:12px;padding-top:16px;padding-bottom:42px}
  .hero-book{order:-1;width:min(320px,88vw);margin:0 auto}
  .js .hero-book[data-reveal]{opacity:1;transform:none;transition:none}
  .showcase-stage{height:354px}
  .showcase-pages{top:8px;width:min(67%,220px)}
  .showcase-caption{min-height:66px;padding:9px 12px}
  .showcase-caption small{font-size:.53rem}
  .showcase-caption b{font-size:.87rem;margin-top:3px}
  .showcase-replay{width:30px;height:30px;font-size:1.2rem}
  .hero .eyebrow{margin-bottom:11px;font-size:.66rem}
  .hero h1{font-size:clamp(2.55rem,10.8vw,3.4rem)}
  .hero-lede{margin:14px 0;font-size:.96rem}
  .hero-actions{gap:10px}
  .cta,.cta.light,.sample-decision .cta{width:auto;max-width:100%;min-height:46px;padding:9px 11px;gap:8px;font-size:.82rem;justify-content:center;text-align:left}
  .cta span{padding:5px 7px;font-size:.79rem}
  .cta::before{width:20px;height:20px;font-size:.7rem}
  .box-shell{padding:12px 10px 18px;margin:0 -6px}
  .box-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding:0;margin-bottom:10px}
  .box-tab,.box-tab.active{display:grid;place-items:center;min-height:42px;padding:7px 5px;border-radius:5px;white-space:normal;line-height:1.15;font-size:.68rem;text-align:center;transform:none}
  .box-tab.active{background:#ffedbd;box-shadow:inset 0 0 0 2px #593321}
  .recipe-card{border-radius:9px;padding:14px}
  .sticky{left:10px;right:10px;bottom:10px;width:auto;transform:translateY(150%);padding:7px 8px;gap:8px;justify-content:space-between}
  .sticky.on{transform:translateY(0)}
  .sticky>div{display:flex;flex:1;min-width:0}
  .sticky b{font-size:.78rem;line-height:1.1}
  .sticky small{font-size:.63rem;line-height:1.15}
  .sticky button{width:auto;flex:none;min-height:44px;padding:7px 10px;gap:6px;font-size:.78rem;white-space:nowrap}
  .sticky button span{padding:0;background:none;color:inherit}
  .sticky button::after{display:none}
}
@media(max-width:355px){
  .hero-book{width:min(295px,90vw)}
  .showcase-stage{height:333px}
  .showcase-pages{width:min(66%,202px)}
  .box-tab,.box-tab.active{font-size:.64rem}
  .sticky small{display:none}
  .sticky button{font-size:.74rem;padding:7px 8px}
}