@font-face{font-family:Instrument Serif;src:url('assets/serif.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Sans;src:url('assets/sans.woff2') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0}body{background:#edf6ff;color:#123e68;font-family:Instrument Sans,Arial,sans-serif}.movement{height:650vh}.stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#edf6ff 0%,#dceeff 42%,#bbd8f5 78%,#90bce8 100%)}.gallery{position:absolute;inset:0;z-index:1}.photo{position:absolute;top:50%;left:50%;object-fit:cover;will-change:transform,opacity,filter;max-width:none}.title-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.title-layer.active{mix-blend-mode:exclusion}h1{margin:0;white-space:nowrap;font-family:Instrument Serif,Georgia,serif;font-weight:400;font-style:italic;font-size:12.8vw;line-height:1;letter-spacing:.012em;color:#316ca8;perspective:800px;transform-style:preserve-3d}.active h1{color:#ffdda8}h1 span{display:inline-block;transform-origin:center;will-change:transform}.description{position:absolute;bottom:4.9vh;left:50%;transform:translateX(-50%);width:90%;max-width:1100px;margin:0;text-align:center;font-size:clamp(16px,1.82vw,30px);line-height:1.5;color:#365d7d;z-index:3;pointer-events:none}.scroll-cue{position:absolute;bottom:27vh;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.22em;color:#527b9d;transition:opacity .25s;display:flex;align-items:center;flex-direction:column;gap:12px}.scroll-cue span{font-size:20px;letter-spacing:0}.end-cue{position:absolute;bottom:26vh;left:0;right:0;z-index:4;text-align:center;opacity:0;pointer-events:none}.end-cue button{border:0;border-bottom:1px solid #668fb4;background:transparent;font:12px Instrument Sans,sans-serif;padding:8px 0;color:#305b80;cursor:pointer}.end-cue span{margin-left:15px}button:focus-visible{outline:2px solid #316ca8;outline-offset:5px}
@media(max-width:700px){.movement{height:550vh}h1{font-size:13.2vw;letter-spacing:0}.description{bottom:8vh;font-size:15px;width:86%;line-height:1.65}.wide{display:none}.scroll-cue{bottom:35vh}.end-cue{bottom:33vh}}
@media(prefers-reduced-motion:reduce){.movement{height:auto}.stage{height:auto;min-height:100svh;padding:18vh 6vw 8vh;display:flex;flex-direction:column;gap:36px}.title-layer{position:relative;order:0}.gallery{position:relative;inset:auto;order:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo{position:static;width:100%;height:140px;transform:none!important;opacity:1!important;filter:none!important}.description{position:relative;left:auto;bottom:auto;transform:none;order:2;width:100%;font-size:16px}.wide{display:none}.scroll-cue,.end-cue{display:none}}