#sp{position:relative;height:520vh;background:#0a0f24}
  #sp .stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}
  #sp .frames{position:absolute;inset:0;will-change:transform}
  #sp .frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity}
  #sp .frames img:first-child{opacity:1}
  #sp .vid{position:absolute;inset:0;pointer-events:none}
  #sp .vid video{width:100%;height:100%;object-fit:cover}
  #sp .vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(6,9,24,.45) 100%);pointer-events:none}
  #sp .grain{position:absolute;inset:0;opacity:.5;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}
  #sp .intro{position:absolute;inset:0;display:flex;align-items:center;z-index:3}
  #sp .intro .inner{max-width:1160px;margin:0 auto;padding:88px 32px 0;width:100%}
  #sp .intro h1{font-size:clamp(40px,6.2vw,74px);font-weight:700;line-height:1.03;max-width:13ch;color:var(--ivory);margin-top:24px}
  #sp .intro h1 .yr{font-family:var(--serif);font-style:italic;font-weight:600;color:var(--amber)}
  #sp .intro .lede{margin-top:24px;max-width:56ch;font-size:17px;line-height:1.6;color:rgba(242,239,233,.82)}
  #sp .intro .lede .latin{font-family:var(--serif);font-style:italic;color:var(--ivory)}
  #sp .intro .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
  #sp .scrollcue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,239,233,.65)}
  #sp .scrollcue::after{content:"";display:block;width:1px;height:34px;background:linear-gradient(to bottom,var(--amber),transparent);margin:10px auto 0;animation:cue 2.2s ease-in-out infinite}
  @keyframes cue{0%,100%{opacity:.35;transform:scaleY(.7);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
  #sp .cap{position:absolute;left:0;right:0;bottom:12vh;z-index:3;text-align:center;opacity:0;transform:translateY(14px);padding:0 24px}
  #sp .cap .k{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}
  #sp .cap .t{font-size:clamp(24px,3.6vw,40px);font-weight:700;letter-spacing:-0.02em;line-height:1.1}
  #sp .cap .s{margin-top:10px;font-size:15.5px}
  #sp .cap.light .k{color:var(--amber)}
  #sp .cap.light .t{color:var(--ivory)}
  #sp .cap.light .s{color:rgba(242,239,233,.78)}
  #sp .cap.light .t,#sp .cap.light .s{text-shadow:0 1px 24px rgba(6,9,24,.55)}
  #sp .cap.ink .k{color:var(--gold)}
  #sp .cap.ink .t{color:var(--navy)}
  #sp .cap.ink .s{color:var(--bark)}
  #sp .cap.ink .t,#sp .cap.ink .s{text-shadow:0 1px 18px rgba(248,247,245,.7)}
  #sp .paperfade{position:absolute;inset:0;background:var(--paper);opacity:0;pointer-events:none;z-index:2}
  #sp.static{height:auto;background:var(--paper)}
  #sp.static .stage{position:relative;height:auto;min-height:100vh;min-height:100dvh}
  #sp.static .frames img{opacity:0!important}
  #sp.static .frames img:last-child{opacity:1!important}
  #sp.static .intro{position:relative;padding:140px 0 80px;background:linear-gradient(rgba(6,9,24,.55),rgba(6,9,24,.25))}
  #sp.static .cap,#sp.static .scrollcue,#sp.static .vid{display:none}