/* R19: expressive display, open punctuation and quiet warm surfaces. */
@font-face{font-family:Playfair;src:url('assets/playfair-display.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
:root{--ink:#32261f;--cream:#f8f2e8;--muted:#66584c;--red:#962f2c;--orange:#ffb278;--line:#d9c8b3;--dark:#201815}
body{background:var(--cream)}
h1,h2,h3{font-family:Playfair,Georgia,serif;font-weight:500;line-height:1.16;letter-spacing:0;font-kerning:normal}
h2{text-wrap:balance}.eyebrow{font-size:12px;letter-spacing:.12em}
.header{background:#fcf7ee;border-bottom:1px solid #d9c8b3}
.hero h1{font-size:clamp(60px,5.1vw,76px);font-weight:500;line-height:1.12;letter-spacing:-.012em}
.hero h1 span{font-size:1.22em;font-weight:600;letter-spacing:-.018em}
.hero-copy{width:56%;padding:45px 0 38px;text-shadow:0 2px 10px #0004}
.hero-lede{font-family:Inter,Arial,sans-serif;font-size:20px;line-height:1.5;margin:22px 0 14px}
.hero .eyebrow{font-size:12px;color:#f4d6ba;margin-bottom:18px}
.hero-conditions{font-size:16px;line-height:1.65;color:#fff7ec}
.hero-conditions .date{font-size:15px;margin-top:15px}
.subscriber-offer{font-size:14px;line-height:1.5;color:#f4e2cf;margin-top:12px}
.hero:after{background:linear-gradient(90deg,rgba(20,14,11,.9) 0%,rgba(20,14,11,.8) 31%,rgba(20,14,11,.58) 48%,rgba(20,14,11,.04) 74%),linear-gradient(0deg,rgba(20,14,11,.3),transparent 40%)}
.paper{background-color:#f8f2e8;background-image:url('assets/paper-grain.png')}
.food{border-bottom:1px solid #d9c8b3;padding:64px 0 58px}
.food-intro h2{font-size:36px;line-height:1.19;letter-spacing:0}
.food-intro .eyebrow{font-size:11px;letter-spacing:.11em}
.food-intro p:not(.eyebrow){font-size:14px;line-height:1.7}
.food figcaption h3{font-size:24px;line-height:1.24;font-weight:500}
.food-image{border-radius:3px;box-shadow:0 5px 14px #39261a1c}
.request{background:linear-gradient(#3a251c75,#241914a3),url('assets/warm-grain.webp') center/1200px 760px;padding:64px 0;border-block:1px solid #604435}
.request:before{background:radial-gradient(ellipse at 50% 25%,#d8a56a10,transparent 70%)}
.form-card{background:#fffaf1;padding:38px 46px 29px;box-shadow:0 18px 44px #170e0b5c;border:1px solid #e1cdb4;border-radius:5px}
.form-card h2{font-size:42px;line-height:1.2;font-weight:500;max-width:23ch;text-wrap:balance}
.form-card .eyebrow{font-size:12px;letter-spacing:.12em;color:#80523a}
.form-intro{font-size:16px;line-height:1.65;margin:14px 0 25px}
.field label{font-size:14px}.field input{min-height:52px}
.subscription-purpose{font-size:14px;line-height:1.7;color:#66584c;margin:3px 0 20px;max-width:65ch}
.form-terms{font-size:13px;line-height:1.75;border-top:1px solid #e3d5c2;padding-top:18px;margin-top:22px}
form button:disabled{opacity:1;background:#7c5550;border-color:#7c5550;color:#fff;transform:none}
form input:disabled{background:#eee7dc;border-color:#ae9a86;color:#66584c}
.request-caption{color:#ead7bf;font-size:11px;letter-spacing:.13em}
.process{padding:58px 0 54px}
.section-label h2{font-size:38px;line-height:1.2}
.section-label .eyebrow{font-size:11px;color:#80523a}
.steps h3{font-family:Inter,Arial,sans-serif;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.01em}
.steps p{font-size:14px;line-height:1.75}
.step-icon{background:#f0e2ce;border-color:#d3b99b}
.offer-band{background:#e7d5ba url('assets/paper-grain.png');border-top:1px solid #cfb595}
.offer-details{border-top:0;padding:46px 0 50px}
.terms-grid{border-left-color:#cbb08e}.terms-grid>div{border-bottom-color:#cfb997}
.terms-grid dd{font-size:14px;color:#5e4b3b}
.subscriber{background:#682925 url('assets/paper-grain.png');color:#fff4e4}
.subscriber h2{font-size:42px;line-height:1.2;font-weight:500}
.subscriber .eyebrow{font-size:12px;color:#f0c4a1}
.subscriber p:last-child{color:#ffecd7;font-size:15px;line-height:1.8}
.faq{background-color:#f8f2e8}
.faq h2{font-size:42px;line-height:1.2;margin-bottom:22px}
.faq .eyebrow{font-size:12px}.faq details{border-color:#d0b99a}
footer{background:#251d18}.footer-bottom{font-size:12px;color:#d1bda7}
@media(max-width:1100px){.food-intro h2{font-size:38px}.food figcaption h3{font-size:23px}.process,.offer-details{gap:28px}}
@media(min-width:651px) and (max-width:1000px){
.hero-copy{width:100%;padding:36px 0 34px}.hero h1{font-size:64px}.hero-lede{font-size:20px}
.hero-conditions{margin-top:calc(45vw + 26px)}
.hero:after{background:linear-gradient(180deg,#140e0be8 0%,#140e0bce 28%,#140e0b15 42%,#140e0b08 62%,#140e0be6 77%,#140e0bf0 100%)}
.food-grid{gap:24px 18px}.subscriber h2{font-size:36px}.faq h2{font-size:38px}
}
@media(max-width:650px){
.hero-copy{width:100%;padding:28px 0 27px}.hero h1{font-size:46px;line-height:1.14;letter-spacing:-.012em}.hero h1 span{font-size:1.22em}
.hero .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:14px}.hero-lede{font-size:17px;margin:15px 0 0}
.hero-conditions{margin-top:252px;font-size:14px}.hero-conditions .date{font-size:13px;margin-top:10px}.subscriber-offer{font-size:12px}
.hero:after{background:linear-gradient(180deg,#140e0be6 0%,#140e0bce 27%,#140e0b0d 40%,#140e0b08 59%,#140e0be8 76%,#140e0bf0 100%)}
.food{padding:39px 0}.food-intro h2{font-size:35px;line-height:1.22;max-width:100%}.food-intro .eyebrow{font-size:11px}.food-intro p:not(.eyebrow){font-size:15px}
.food figcaption h3{font-size:22px;line-height:1.25}.food figcaption{padding-top:12px}
.request{padding:33px 0}.form-card{padding:27px 22px 24px}.form-card .eyebrow{font-size:11px;letter-spacing:.1em}.form-card h2{font-size:32px;line-height:1.23;text-wrap:balance}
.form-intro{font-size:15px;line-height:1.7;margin:15px 0 22px}.subscription-purpose{font-size:14px;line-height:1.7;margin:1px 0 19px}.form-terms{font-size:12px;line-height:1.75}
.submit{font-size:14px;gap:12px;padding-inline:16px;min-height:54px}
.process{padding:40px 0}.section-label h2{font-size:34px}.section-label .eyebrow{font-size:11px}.steps h3{font-size:20px;line-height:1.4}.steps{gap:28px}
.offer-details{padding:36px 0 40px}.terms-grid dd{font-size:13px}.terms-grid>div,.terms-grid>div:nth-child(n+4){border-bottom-color:#cfb997}
.subscriber,.faq{padding:39px 24px}.subscriber h2,.faq h2{font-size:35px;line-height:1.22}.subscriber p:last-child{font-size:15px}
.footer-bottom{font-size:11px}
}
@media(max-width:359px){
.hero h1{font-size:40px}.hero .eyebrow{font-size:9px}.hero-lede{font-size:16px}.hero-conditions{margin-top:244px;font-size:13px}
.food-intro h2{font-size:32px}.food figcaption h3{font-size:20px}.form-card{padding:25px 18px}.form-card h2{font-size:29px}.form-card .eyebrow{font-size:10px}.form-intro{font-size:14px}.submit{font-size:13px;padding-inline:13px}.subscriber h2,.faq h2{font-size:32px}
}