@font-face{font-family:"JetBrains Mono";src:url(fonts/jbmono.woff2) format("woff2");
  font-weight:100 800;font-style:normal;font-display:swap}
@keyframes resettle{from{opacity:.3}to{opacity:1}}
:root{    --s4:#d9bf92;
    --n2:#101219; --n3:#0b0d12;
  --ink-day:#221d18;    
  --ink-night:#ece7dd;--mute-night:#a49e91;--rule-night:rgba(236,231,221,.14);
   --sun-low:#ff8f5a;
  
  --body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --shell:66rem;
  --gut:clamp(1.25rem, 5vw, 3.5rem);
  --stack:clamp(4.5rem, 11vw, 8.5rem);}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--n3);color:var(--ink-day);
  font-family:var(--body);font-size:1.0625rem;line-height:1.65;
  font-optical-sizing:auto;-webkit-font-smoothing:antialiased;}
.band{background:var(--bg);color:var(--ink);
  padding:var(--stack) var(--gut)}
.night{--ink:var(--ink-night);--mute:var(--mute-night);--rule:var(--rule-night);--sun:var(--sun-low)}
.bg-n2{--bg:var(--n2)}
.shell{max-width:var(--shell);margin:0 auto}
p{margin:0 0 1em;max-width:62ch}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em;
  text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}
a:hover{text-decoration-color:var(--sun)}
a:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:1px}
::selection{background:var(--sun-low);color:var(--n3)}
.tag{font-family:var(--mono);font-size:.72rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.wordmark{display:inline-flex;align-items:center;gap:.5em;
  font-family:var(--mono);font-weight:500;font-size:1.02rem;line-height:1;
  letter-spacing:.055em;text-decoration:none}
.wordmark:hover{text-decoration:none}
.wordmark .mark{flex:none;display:block;height:1.42em;width:auto;
  fill:currentColor}
.wordmark .nm{white-space:nowrap}
.solve.resettle{animation:resettle .45s ease-out}
.door .aa{position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none}
.door .aa-toggle{position:absolute;right:.9rem;bottom:.8rem;z-index:2;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;
  color:rgba(236,231,221,.5);background:none;cursor:pointer;
  border:1px solid rgba(236,231,221,.22);border-radius:2px;
  padding:.3em .6em;opacity:.55;transition:opacity .2s,color .2s}
.door .aa-toggle:hover{opacity:.9}
.door .aa-toggle.on{color:var(--sun-low);border-color:var(--sun-low);
  opacity:.9}
.door .aa-toggle.link{right:5.9rem}
.door .aa-toggle.snd{right:10.4rem}
.on{opacity:1}
.legal{font-family:var(--mono);font-size:.72rem;letter-spacing:.02em;
  color:var(--mute);margin:1.2rem 0 0;max-width:none;line-height:1.9}
.legal a{color:inherit}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0}
.door{position:relative;min-height:100vh;min-height:100svh;
  display:flex;flex-direction:column;justify-content:flex-start;
  overflow:hidden;padding-top:0;padding-bottom:0;
  background:var(--s4) url(figures/horizon-dusk.avif) 50% 65%/cover no-repeat}
.door::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top, var(--n3) 4%, rgba(11,13,18,0) 26%)}
.door .shell{position:relative;z-index:2;width:100%}
.door .shell.top{padding-top:calc(var(--stack)*.55)}
.door{--door-wm:clamp(1.35rem, 2.6vw, 2.2rem)}
.door .shell.top .wordmark{font-size:var(--door-wm);color:var(--ink-day)}
.door .shell.foot{padding-top:calc(var(--stack)*1.55 - 1.42*(var(--door-wm) - 1.02rem));
  padding-bottom:clamp(2rem,5vh,3.5rem)}
.door h1{max-width:15ch;font-size:clamp(1.9rem,4.2vw,3.1rem);margin:.6rem 0 0}
.door .tag{color:var(--ink)}
.doors{list-style:none;margin:2.2rem 0 0;padding:0;max-width:26rem}
.doors li{border-top:1px solid var(--rule)}
.doors li:last-child{border-bottom:1px solid var(--rule)}
.doors a{display:flex;justify-content:space-between;align-items:baseline;
  gap:2rem;padding:.8rem .1rem;text-decoration:none;
  font-family:var(--mono);font-size:.82rem;letter-spacing:.09em;
  text-transform:uppercase}
.doors a:hover{color:var(--sun)}
.doors .k{font-family:var(--mono);font-style:normal;font-weight:500;text-transform:none;letter-spacing:.06em;font-size:.82rem;color:var(--ink);text-shadow:0 1px 10px rgba(16,18,25,.55)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.band{--bg:#fff}
body{background:#fff}}