.story{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.scene{flex:0 0 100vw;width:100vw}.light-button{background:#fff;color:var(--ink)}.hero-copy{top:48%;max-height:calc(100svh - 120px)}.hero-copy h1{font-size:clamp(2.8rem,min(7.2vw,10svh),8rem)}.hero-actions{flex-wrap:wrap}.testimonial blockquote{font-size:clamp(.82rem,1.15vw,1.1rem);line-height:1.5;max-height:100%;overflow-y:auto}
@media(min-width:701px) and (max-height:760px){.hero-copy{top:49%;left:7vw}.hero-copy .eyebrow{margin-bottom:.7rem}.hero-copy h1{font-size:clamp(3rem,8.5svh,4.5rem)}.hero-copy>p:not(.eyebrow){margin:1rem 0;font-size:.9rem}.hero-actions{gap:1.2rem}.project-stamp{bottom:2rem}.scroll-cue{bottom:1.5rem}}
@media(max-width:700px){.story{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.scene{flex:0 0 100vw;width:100vw}.hero-copy{top:46%;max-height:calc(100svh - 105px)}.hero-copy h1{font-size:clamp(2.7rem,13vw,4.2rem)}.hero-copy>p:not(.eyebrow){margin:1rem 0}.hero-actions{align-items:flex-start;gap:.9rem}.testimonial blockquote{font-size:.88rem}}