#scroller{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100svh;overflow-y:auto;overscroll-behavior-y:contain}.panel{scroll-snap-align:start;scroll-snap-stop:always}.visual .veil{transition:opacity .8s ease}.visual .project-copy,.hero .hero-copy{transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .7s ease}.panel:not(.active) .project-copy,.panel:not(.active) .hero-copy{transform:translateY(-35%);opacity:.65}.panel.active .project-copy,.panel.active .hero-copy{transform:translateY(-45%);opacity:1}.panel-layer{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:0;transform:scale(1.08) translateY(3%);transition:opacity .8s ease,transform 1.2s cubic-bezier(.22,.61,.36,1)}.panel.active .panel-layer{opacity:1;transform:scale(1) translateY(0)}@media(max-width:700px){#scroller{height:100svh}.panel-layer{transform:scale(1.05) translateY(2%)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}