/* Source Sans 3 (Adobe, SIL Open Font License 1.1; see /fonts/OFL-source-sans-3.md) */
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/source-sans-3-latin-300.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/source-sans-3-latin-400.woff2) format("woff2")}
:root{--bg:#000;--text:#c9c6bf;--soft:#86837d;
--sans:"Source Sans 3",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--bg);overflow:hidden}
body{-webkit-font-smoothing:antialiased}
.center{position:relative;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px 64px;gap:8px}
.stage{width:min(80vw,62vh,560px);aspect-ratio:1/1}
#scene{width:100%;height:100%;display:block}
.status{margin:0;font-family:var(--sans);font-size:14px;font-weight:300;letter-spacing:.14em;color:var(--text);opacity:0;animation:in 1.2s ease .4s forwards}
@keyframes in{to{opacity:.85}}
.tagline{margin:14px 0 0;max-width:30em;text-align:center;font-family:var(--sans);font-size:13px;font-weight:300;line-height:1.6;letter-spacing:.06em;color:var(--soft);opacity:0;animation:in2 1.2s ease .9s forwards;text-wrap:balance}
@keyframes in2{to{opacity:1}}
.foot{position:fixed;left:0;right:0;bottom:0;padding:0 24px calc(18px + env(safe-area-inset-bottom));text-align:center;font-family:var(--sans);font-size:12px;font-weight:300;letter-spacing:.08em}
@media (max-width:480px){.tagline{max-width:19em;font-size:12.5px}}
.foot a{color:var(--soft);text-decoration:none;opacity:.8}
.foot a:hover,.foot a:focus-visible{opacity:1;outline:none}
.no-webgl .stage{width:110px;aspect-ratio:1/1;margin-bottom:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ece7de,#d9b38c 60%,#b8936d);box-shadow:0 0 0 3px #26262a,0 20px 40px -14px rgba(0,0,0,.8)}
.no-webgl #scene{display:none}
@media (prefers-reduced-motion:reduce){.status{animation:none;opacity:.85}.tagline{animation:none;opacity:1}}