*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}.scroll-container{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.poster{height:200dvh;position:relative}.section{position:relative;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1}.section--1{background:0 0}.hero-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--cat-x,50%)var(--cat-y,50%);z-index:0}.section--1::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient( to bottom,rgba(0,0,0,.45),rgba(0,0,0,.2),transparent )}.section--2{background:0 0}.section__content{position:absolute;top:22vh;left:8vw;transform:none;text-align:left;max-width:40ch;z-index:3}.section__content--2{text-align:left;opacity:0;transition:opacity .2s ease .15s;background:rgba(0,0,0,.25);padding:2rem 2.5rem;border-radius:4px}.section--2.is-visible .section__content--2{opacity:1}.headline{font-family:newgate,serif;font-size:clamp(3.6rem,8.4vw,7.2rem);font-weight:400;letter-spacing:.02em;line-height:1.05;text-shadow:0 1px 4px rgba(0,0,0,.5)}.tagline{font-family:system-ui,-apple-system,sans-serif;font-size:clamp(.94rem,1.8vw,1.1rem);font-weight:500;letter-spacing:.25em;text-transform:uppercase;margin:1.25rem 0 0;max-width:26ch;opacity:.75;text-shadow:0 1px 4px rgba(0,0,0,.5)}.scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;font-family:system-ui,-apple-system,sans-serif;font-size:32px;color:#fff;cursor:pointer;opacity:.85;animation:bounce 2s infinite;transition:opacity .5s ease;text-shadow:0 2px 8px rgba(0,0,0,.7);background:rgba(255,255,255,.25);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.scroll-indicator:hover{opacity:1}.scroll-indicator--scrolled{animation:none;transform:translateX(-50%)}.scroll-indicator--hidden{opacity:0;pointer-events:none}@keyframes bounce{0%,100%{transform:translateX(-50%)translateY(0)}50%{transform:translateX(-50%)translateY(8px)}}@media(prefers-reduced-motion:reduce){.scroll-indicator{animation:none;transform:translateX(-50%)}}.stack{font-family:system-ui,-apple-system,sans-serif;font-size:clamp(.8rem,1.5vw,.95rem);line-height:1.7;color:rgba(255,255,255,.88);text-shadow:0 1px 3px rgba(0,0,0,.4)}.stack .gap{display:block;height:1.4em}