html{scroll-snap-type:none}.cover{--p:0;height:190dvh;min-height:1100px;display:block;overflow:visible}.cover-title{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;justify-content:center;z-index:3;pointer-events:none;transform:translateY(calc(var(--p) * -18vh));opacity:calc(1 - var(--p) * .88)}.cover-title h1{margin:0;max-width:9em}.cover-title .subtitle{max-width:24em}.hero-frame{position:sticky;z-index:2;top:4dvh;margin-top:-100dvh;margin-left:auto;margin-right:auto;width:calc(30vw + var(--p) * 66vw);height:calc(72dvh + var(--p) * 24dvh);overflow:hidden;background:#d7d8d2;transform:translateX(calc(var(--p) * 7vw))}.hero-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .08s steps(1),transform .42s ease}.hero-shot.active{opacity:1;transform:scale(1)}.frame-index{position:absolute;right:12px;bottom:10px;padding:4px 7px;background:#f6f5efde;font-size:10px}.cover .intro{position:sticky;z-index:4;top:72dvh;width:28vw;transform:translateY(calc(var(--p) * -14vh));opacity:calc(1 - var(--p) * .75)}.floating-photos{display:none}.motion-off .hero-shot{transition:none}.motion-off .hero-shot:not(.active){display:none}@media(max-width:767px){.cover{height:165dvh}.cover-title{justify-content:flex-start;padding-top:18vh;transform:translateY(calc(var(--p) * -12vh))}.cover-title h1{font-size:15vw}.hero-frame{top:28dvh;margin-top:-100dvh;width:calc(68vw + var(--p) * 32vw);height:calc(45dvh + var(--p) * 48dvh);transform:none}.cover .intro{top:76dvh;width:100%;transform:translateY(calc(var(--p) * -10vh));font-size:13px}}@media(prefers-reduced-motion:reduce){.cover{height:100dvh;min-height:620px}.cover-title{position:relative;height:auto;transform:none;opacity:1}.hero-frame{position:absolute;inset:23% 4% 22% auto;margin:0;width:48%;height:auto;transform:none}.cover .intro{position:absolute;left:20px;bottom:24px;top:auto;width:40%;transform:none;opacity:1}.hero-shot{transition:none}}