/* The existing kitchen stays in view while the opening copy advances. */
.home-story-pin{position:relative}
.home-story-panel,.home-story-footer{display:none}
.home-story.story-ready .home-story-pin{position:sticky;top:0;height:var(--story-height,100svh);overflow:hidden;isolation:isolate}
.home-story.story-ready .hero{height:100%;min-height:0}
.home-story.story-ready .hero-bg img{height:100%;object-position:50% 77%;transform-origin:50% 75%;will-change:transform}
.home-story.story-ready .hero-bg::after{opacity:var(--story-shade,1)}
.home-story.story-ready .hero-inner{will-change:transform,opacity;padding-top:70px;padding-bottom:110px}
.home-story .hero p.lead{color:#f1efea;text-shadow:0 1px 8px #0008}
.home-story .scroll-cue{display:none}
.home-story.story-ready .home-story-panel{display:block;position:absolute;z-index:4;left:max(24px,calc((100% - 1200px)/2));bottom:110px;width:min(440px,calc(100% - 48px));padding:26px;border:1px solid #b6986855;border-radius:22px;background:linear-gradient(130deg,#101117f5,#16171be8);box-shadow:0 16px 60px #0004;opacity:0;transform:translateY(120px);will-change:transform,opacity}
.home-story-panel h2{font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.12;letter-spacing:-.035em}
.home-story-panel p{margin-top:16px;color:#e0deda;line-height:1.55}
.home-story-panel .eyebrow{margin:0 0 12px;color:var(--gold)}
.home-story-panel .btn{margin-top:20px}
.home-story.story-ready .home-story-footer{display:flex;position:absolute;z-index:5;bottom:0;left:0;right:0;padding:18px max(24px,calc((100% - 1200px)/2)) max(18px,env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(transparent,#09090ce8)}
.home-story-chapters{display:flex;gap:8px}
.home-story-chapters button{width:44px;height:44px;border-radius:50%;border:1px solid #999183;background:#15151bdb;color:#fff;font:500 12px Inter,sans-serif;cursor:pointer}
.home-story-chapters button[aria-current=step]{background:var(--gold);color:#191816;border-color:var(--gold)}
.home-story-hint{color:#f0e5d2;text-align:right;font-size:12px;line-height:1.5;max-width:170px}
@media(max-width:700px){
 .home-story.story-ready .hero{align-items:flex-start}
 .home-story.story-ready .hero-inner{padding-top:clamp(100px,17svh,145px);padding-bottom:100px}
 .home-story .hero h1{font-size:clamp(2.05rem,9.3vw,3.5rem);line-height:1.06;max-width:17ch}
 .home-story .hero .hero-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:20px}
 .home-story .hero p.lead{font-size:15px;line-height:1.5;margin-top:20px}
 .home-story .hero-actions{margin-top:24px;gap:10px}
 .home-story .hero-actions .btn{min-height:44px;padding:12px 17px;font-size:13px}
 .home-story.story-ready .home-story-panel{left:18px;width:calc(100% - 36px);bottom:95px;padding:22px}
 .home-story-panel p{font-size:14px}
 .home-story.story-ready .home-story-footer{padding-inline:18px}
 .home-story-hint{font-size:11px;max-width:115px}
}
/* Short landscape screens use a normal reading flow. */
@media(prefers-reduced-motion:reduce),(max-height:520px){
 .home-story{height:auto!important}
 .home-story.story-ready .home-story-pin{position:relative;height:auto;overflow:visible}
 .home-story.story-ready .hero{min-height:580px;height:auto}
 .home-story.story-ready .hero-inner{transform:none!important;opacity:1!important}
 .home-story.story-ready .hero-bg img{transform:none!important}
 .home-story.story-ready .home-story-panel{position:relative;left:auto;bottom:auto;max-width:800px;width:calc(100% - 36px);margin:20px auto;opacity:1!important;transform:none!important}
 .home-story.story-ready .home-story-footer{display:none}
}
