/* Compact chapters stay in document flow; the original hero owns its scroll zoom. */
@media (max-width:900px), (max-width:1024px) and (max-height:500px) and (hover:none) and (pointer:coarse){
 /* The document already reserves the header through scroll-padding-top. */
 .home-story{--chapter-offset:24px}
 /* Reserve the full mobile overlap: the next film must wait for the phone zoom. */
 .hero-motion .story-bridge{min-height:78svh}
 /* Finish the scroll-driven reveal at the native sticky exit, without a reading hold. */
 .hero-motion .intro-scroll-region{height:calc(var(--hero-action) + 100svh);height:calc(var(--hero-action) + 100dvh)}
 .hero-motion .story-bridge{transition:none}
 .hero-motion .bridge-reveal-content{--bridge-center:.54;transition:none}
 .home-story #verhaal .story-card h2 br{display:initial}
 .home-story #verhaal{height:auto;overflow:visible}
 .home-story #verhaal .story-stage,.home-story #verhaal .chapters{position:static;height:auto;min-height:0;padding:0;border:0;box-shadow:none;overflow:visible;background:transparent}
 .home-story #verhaal .story-top,.home-story #verhaal .chapter-nav{display:none}
 .home-story #verhaal .chapter{position:relative;inset:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;height:auto;min-height:0;margin:0;padding:24px var(--gutter) 48px;gap:24px;border:0;border-radius:0;overflow:visible;scroll-margin-top:var(--chapter-offset);background:transparent;will-change:auto}
 .home-story #verhaal .chapter .chapter-film.film{position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;flex:none;margin:0;border-radius:20px;overflow:hidden;background:#f5f0e6}
 .home-story #verhaal .chapter .chapter-film.film picture,.home-story #verhaal .chapter .chapter-film.film img,.home-story #verhaal .chapter .chapter-film.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
 .home-story #verhaal .chapter .chapter-film.film:before,.home-story #verhaal .chapter .chapter-film.film:after{display:none}
 .home-story #verhaal .chapter .card-stack{position:static;width:100%;max-width:none;margin:0;padding:0;transform:none;align-self:stretch}
 .home-story #verhaal .chapter .story-card{width:100%;max-height:none;padding:0;margin:0;transform:none;opacity:1;background:none;box-shadow:none;border:0}
 .home-story #verhaal .chapter .story-card h2{font-size:clamp(31px,5.5vw,44px);line-height:1.1}
 .home-story #verhaal .chapter .story-card p{font-size:16px;line-height:1.55;max-width:none;margin-top:18px}
 .home-story #verhaal .card-rule{margin-block:21px 16px}
 .home-story #verhaal .card-aside{display:block;font-size:12px}
 .home-story #verhaal .chapter .story-playback-toggle{display:none}
 .home-story #verhaal .chapter .media-fallback{position:static;max-width:none;margin-top:16px}
}
@media (max-width:600px){.consent{padding:16px 16px 14px}.consent-title{font-size:26px}.consent-sub{font-size:16px}.consent-text{font-size:13px;line-height:1.5;margin:8px 0 12px}.consent-actions{gap:8px}.consent-btn{min-height:44px;padding:8px 14px}}
.wa-call{background:var(--ink);color:#fff;text-decoration:none}
.wa-call:hover{background:#30443f}
.intro-film video{transition:opacity .35s ease}
/* Keep the original portrait framing stable when Safari changes its toolbar height. */
@media (max-width:900px) and (orientation:portrait){.hero-motion .intro-film{height:100svh;height:100lvh;bottom:auto}}
@media (max-width:900px){
 .intro-copy,.motion-ready .intro-copy,.hero-motion .intro-copy{bottom:clamp(90px,11svh,120px)}
 .intro-bottom>a{max-width:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;text-align:left}
}
@media (prefers-reduced-motion:reduce){.intro-film video{transition:none}}