@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:dark;
  --bg:#07101F;
  --fg:#F4F1FF;
  --fg-2:rgba(244,241,255,.68);
  --accent:#FF9A4D;
  --g:clamp(20px,4.5vw,64px);
}
*{box-sizing:border-box}
html{scroll-snap-type:y proximity}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:4px}

#gl{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:pan-y}
.track>div{height:100vh;scroll-snap-align:start}

.top{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:calc(24px + env(safe-area-inset-top, 0px)) var(--g) 24px;pointer-events:none}
.top a{pointer-events:auto}
.wordmark{font-weight:650;font-stretch:115%;font-size:16px;letter-spacing:.01em;text-decoration:none}
.top nav{display:flex;gap:30px}
.top nav a{font-size:15px;color:var(--fg-2);text-decoration:none;transition:color .3s}
.top nav a:hover,.top nav a.on{color:var(--fg)}
.top nav a.on{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:8px}

.panel{position:fixed;left:var(--g);bottom:clamp(48px,11vh,120px);z-index:2;width:min(880px,58vw);opacity:0;pointer-events:none;will-change:opacity,transform}
.panel[data-i="0"]{opacity:1}
.panel.live{pointer-events:auto}
.display{margin:0 0 22px;font-weight:800;font-stretch:125%;font-size:clamp(44px,6.8vw,136px);line-height:.88;letter-spacing:-.035em;text-wrap:balance}
.panel p,.lede{margin:0 0 30px;max-width:30em;font-size:clamp(17px,1.35vw,21px);line-height:1.5;color:var(--fg-2);text-wrap:pretty}
.go{display:inline-block;padding:15px 26px;border-radius:999px;border:1px solid var(--fg);font-size:16px;font-weight:500;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.go:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.panel .legal{margin:36px 0 0;font-size:14px}
.legal a{text-underline-offset:3px}

.hint{position:fixed;right:var(--g);bottom:calc(30px + env(safe-area-inset-bottom, 0px));z-index:2;margin:0;font-size:14px;color:var(--fg-2);opacity:0;transition:opacity .8s}
.gl .hint{opacity:1}
.gl .hint.gone{opacity:0}

.page{position:relative;z-index:2}
.page-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--g) clamp(48px,11vh,120px)}
.page-hero>*{max-width:min(880px,58vw)}
.page-section{padding:120px var(--g) 96px;background:linear-gradient(to bottom,transparent,var(--bg) 160px)}
.page-section h2{margin:0 0 18px;font-weight:750;font-stretch:118%;font-size:clamp(30px,3.4vw,48px);line-height:1;letter-spacing:-.02em}
.page-section p{margin:0 0 14px;max-width:34em;font-size:18px;line-height:1.6;color:var(--fg-2)}
.page-section .email{font-weight:600;font-stretch:112%;font-size:clamp(22px,2.6vw,34px);color:var(--fg);text-underline-offset:6px;text-decoration-thickness:1px}
.page-foot{padding:28px var(--g) calc(32px + env(safe-area-inset-bottom, 0px));font-size:14px;color:var(--fg-2);background:var(--bg)}

.doc-top{background:var(--bg);border-bottom:1px solid rgba(244,241,255,.08)}
.doc{max-width:68ch;margin:0 auto;padding:clamp(120px,16vh,168px) var(--g) 96px;font-size:17px;line-height:1.65;color:var(--fg-2)}
.doc h1{margin:0 0 12px;font-weight:800;font-stretch:118%;font-size:clamp(34px,5vw,56px);line-height:1;letter-spacing:-.025em;color:var(--fg);text-wrap:balance}
.doc .updated{margin:0 0 40px;font-size:15px}
.doc h2{margin:48px 0 12px;font-weight:700;font-stretch:112%;font-size:22px;line-height:1.25;color:var(--fg)}
.doc h3{margin:28px 0 8px;font-weight:650;font-size:18px;color:var(--fg)}
.doc p,.doc ul{margin:0 0 16px}
.doc ul{padding-left:1.2em}
.doc li{margin:0 0 8px}
.doc strong{color:var(--fg);font-weight:600}
.doc a{color:var(--fg);text-underline-offset:3px}
.doc table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid rgba(244,241,255,.14)}
.doc th{color:var(--fg);font-weight:600}
.doc-table{overflow-x:auto}

@media (max-width:760px){
  .top nav{display:none}
  .panel{width:auto;right:var(--g);bottom:40px}
  .display{font-size:clamp(40px,12.5vw,72px)}
  .page-hero>*{max-width:none}
  .hint{display:none}
}