/* Approved evening kitchen palette; existing layout and animation stay intact. */
:root{--bg:#352215;--muted:#f0e7de;--body-copy:#f0e7de}
.hero{background:var(--bg);overflow:visible;z-index:1;max-height:none}
.hero-photo{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 100%)}
.hero .phone{z-index:1}
.hero .hero-copy{z-index:3}
.hero .phone{background:#251b14;border-color:#94785c;box-shadow:25px 30px 70px #21130899,0 0 100px #c68d3433}
.hero .phone::before{background:radial-gradient(ellipse,#edbc7566,transparent 70%);box-shadow:inset 0 0 30px #dfad66}
.plan-device{background:#251b14;border-color:#94785c;box-shadow:30px 40px 60px #21130880}
.plan-visual::before{background:radial-gradient(ellipse,#d39a4936,transparent 65%)}
.plan-device::after{border-color:#e7bc83;background:#dba35d15;box-shadow:0 0 26px #e1af6955}
.plan-copy .plan-principle{color:#fff}
@media(min-width:701px){.hero{min-height:max(900px,calc(clamp(241.5px,20.7vw,333.5px)*3 + 70px))}}
.hero-shade{background:linear-gradient(90deg,#24180f80,transparent 70%),linear-gradient(0deg,var(--bg),transparent 18%,transparent 85%,#30201430)}
.hero::before{background-image:url('assets/kitchen-evening.png')}
.features{background:linear-gradient(0deg,var(--bg),#35221580 18%,#35221580 65%,var(--bg)),url('assets/original-background-warm.png') center bottom/cover no-repeat}
.features::before{display:none}
.plan-scene::before,.burger-stage::before{background:linear-gradient(0deg,var(--bg),transparent 18%,transparent 82%,var(--bg)),linear-gradient(90deg,#35221555,#35221525),url('assets/original-background-warm.png') center/cover no-repeat;mask-image:none}
.burger-stage{background:none}
.recipes-scene{background:var(--bg)}
.recipes-scene::before{background:linear-gradient(0deg,var(--bg),#35221555 20%,#35221555 80%,var(--bg)),url('assets/original-background-warm.png') center/cover no-repeat}
.download::before{background:linear-gradient(0deg,var(--bg),transparent 28%,#35221544 60%,var(--bg)),url('assets/original-background-warm.png') center/cover no-repeat}
.site-footer{background:linear-gradient(0deg,var(--bg),#35221522)}
.story-shade{background:linear-gradient(90deg,#352215b8,transparent 72%),linear-gradient(0deg,var(--bg),transparent 24%,transparent 84%,var(--bg))}
.story-photo{filter:sepia(.12) saturate(.9)}
.plan-copy p,.burger-copy>p:last-child,.feature li{color:#f0e7de}
.feature svg{stroke:#fff}
.feature+.feature{border-color:#ffffff80}
.feature li::before{background:#fff}
.recipe-card[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 3px #fff}
.recipe-card:focus-visible{outline:3px solid #fff;outline-offset:6px}
.recipe-detail .eyebrow,.recipe-metrics dt,.nutrition-note{color:var(--muted)}
.recipe-card::after{display:none}
.recipe-card span{display:none}
.recipe-controls button,.story-controls button{display:inline-grid;place-items:center;padding:0;line-height:1;color:#352215;border-color:#fff;background:#fff}
.recipe-controls button:hover,.story-controls button:hover{background:#f0e7de;border-color:#f0e7de}
.recipe-controls button:focus-visible,.story-controls button:focus-visible{outline-color:#fff}
.story-summary,.story-bottom p{color:var(--muted)}
.site-footer .footer-divider,.site-footer .footer-copyright{color:inherit}
#languages::backdrop{background:#51351f80;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}
/* Fade into the photograph shared by the surrounding features section. */
.plan-scene::before{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)}
@media(max-width:700px){
 .features-heading h2{color:var(--text)}
 .hero{height:max(100svh,calc(clamp(310px,40svh,350px) + clamp(218.21px,31.625svh,275px)*2.3 + 32px))}
 .hero::before{inset:0;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
 .hero-shade{background:linear-gradient(0deg,var(--bg),transparent 22%,#35221540 65%,#35221570)}
 .plan-copy::before{background:linear-gradient(#352215d9 0%,#352215d9 82%,transparent)}
 .story-shade{background:linear-gradient(0deg,var(--bg),transparent 35%,transparent 90%,var(--bg))}
 .feature li{color:var(--body-copy)}
}
/* Shared paragraph tone, including the previously white mobile overrides. */
.hero-copy>p.hero-description-desktop,
.hero-copy>p.hero-description-mobile,
.hero-copy .hero-category,
.plan-copy p,.plan-copy .plan-principle,
.section-heading p,.feature li,
.burger-copy>p,.burger-caption,
.recipes-heading p,.recipe-detail .eyebrow,.recipe-metrics dt,.nutrition-note,
.stories-heading p,.story-period,.story-summary,.story-bottom p,
.download>p,.site-footer{color:var(--body-copy)}
/* Halve the unused desktop space between the plate and the recipe copy. */
@media(min-width:701px){
 .recipe-plate{justify-self:center;position:relative;left:12px}
}
@media(min-width:1051px){
 .recipe-plate{left:20px}
}
/* Compact desktop scene transitions; mobile spacing remains untouched. */
@media(min-width:701px){
 .hero{height:90svh;min-height:max(760px,calc(clamp(241.5px,20.7vw,333.5px)*2.7 + 70px))}
 .plan-scene{height:84svh;min-height:740px;max-height:1040px}
 .burger-caption{bottom:4%}
 .recipes-scene{padding-top:52px}
 .download{height:64svh;min-height:560px;padding-top:55px;padding-bottom:80px}
}
@media(min-width:701px) and (max-width:1400px){
 .stories-scene{height:85svh;min-height:740px}
 .story-photo{object-position:right center}
 .story-photo-jan{transform:scale(1.08);transform-origin:right 30%}
}