:root{--w:#f4f4f4;--dim:rgba(244,244,244,.5);--faint:rgba(244,244,244,.28)}
*{box-sizing:border-box;margin:0}
html,body{background:#000;color:var(--w);min-height:100%;font-family:'Jost','Century Gothic',Futura,sans-serif;font-weight:300}
body{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2vh 5vw;overflow-x:hidden}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
main{width:100%;display:flex;flex-direction:column;align-items:center}
#stage{width:min(88vw,58svh,640px);aspect-ratio:1;display:block}
.word{font-weight:200;font-size:clamp(34px,6.4vw,60px);letter-spacing:.42em;margin:-1svh -.42em 0 0;animation:flick 7s infinite}
.tag{font-weight:200;font-size:clamp(10px,1.5vw,13px);letter-spacing:.55em;color:var(--dim);margin:1.6svh -.55em 0 0}
.soon{margin-top:4svh;font-size:12px;letter-spacing:.4em;color:var(--dim);margin-right:-.4em}
#count{display:flex;gap:clamp(18px,4vw,38px);margin-top:1.6svh;font-variant-numeric:tabular-nums}
#count div{text-align:center;min-width:3ch}
#count b{display:block;font-weight:200;font-size:clamp(26px,4.4vw,40px);letter-spacing:.06em}
#count span{font-size:10px;letter-spacing:.3em;color:var(--faint);margin-right:-.3em}
footer{margin-top:4svh;max-width:62ch;text-align:center;font-size:11px;line-height:1.7;letter-spacing:.04em;color:var(--faint)}
a{color:inherit}
@keyframes flick{0%,93%,100%{opacity:1}94%{opacity:.55;transform:translateX(2px)}95%{opacity:1;transform:translateX(-3px)}96%{opacity:.7}}
@media(prefers-reduced-motion:reduce){.word{animation:none}}

[hidden]{display:none!important}
body{padding-bottom:84px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px;z-index:30}
.top{width:100%;padding:18px 0;text-align:center}
.mark{font-weight:200;letter-spacing:.42em;margin-right:-.42em;font-size:18px;text-decoration:none}
.word a{text-decoration:none}
.page{width:100%;max-width:64ch;padding:4vh 0 2vh;flex:1}
.page h1{font-weight:200;font-size:clamp(30px,5.4vw,46px);letter-spacing:.14em;line-height:1.2;margin-bottom:.6em}
.page h2{font-weight:300;font-size:20px;letter-spacing:.12em;margin:2em 0 .5em}
.page p,.page li{font-size:17px;line-height:1.75;color:rgba(244,244,244,.82)}
.page p{margin-bottom:1em}.page ul{padding-left:1.2em;margin-bottom:1em}
.page a{text-underline-offset:4px;text-decoration-color:var(--faint)}.page a:hover{text-decoration-color:#fff}
.lede{font-size:21px!important;color:var(--w)!important}
.links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:3svh;justify-content:center}
.links a{letter-spacing:.2em;font-size:13px;text-decoration:none;border-bottom:1px solid var(--faint);padding-bottom:4px}
.intro{max-width:56ch;text-align:center;margin-top:5svh}.intro h2{font-weight:200;font-size:clamp(22px,3.4vw,30px);letter-spacing:.16em;margin-bottom:.6em}
.intro p{line-height:1.75;color:rgba(244,244,244,.78)}
.dock{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:clamp(4px,3vw,36px);padding:12px 8px calc(12px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.88);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1)}
.dock a{padding:12px clamp(8px,2.4vw,20px);font-size:clamp(10px,2.9vw,13px);letter-spacing:.24em;text-decoration:none;color:var(--dim);white-space:nowrap;border-bottom:1px solid transparent}
.dock a:hover{color:#fff}.dock a[aria-current=page]{color:#fff;border-bottom-color:#fff}
:focus-visible{outline:2px solid #fff;outline-offset:3px}
footer a{text-decoration-color:rgba(244,244,244,.2)}footer .credit{margin-top:1em}
.fnav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-bottom:1.2em}
form.signup{margin-top:2em}.fld{margin-bottom:1.4em}
label,legend{display:block;font-size:12px;letter-spacing:.24em;color:var(--dim);margin-bottom:.6em}
input[type=email],input[type=text]{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.35);color:#fff;font:300 20px Jost,sans-serif;padding:10px 0;border-radius:0}
input[type=email]:focus,input[type=text]:focus{outline:0;border-bottom-color:#fff}
fieldset{border:0;padding:0;margin:0 0 1.4em}.chk{display:flex;gap:12px;align-items:flex-start;margin-bottom:.7em;font-size:16px;letter-spacing:.02em;color:rgba(244,244,244,.82)}
.chk input{margin-top:6px;accent-color:#fff;width:18px;height:18px;flex:none}.chk label{all:unset;cursor:pointer;line-height:1.6}
button.go{background:#fff;color:#000;border:0;padding:16px 34px;font:400 14px Jost,sans-serif;letter-spacing:.3em;cursor:pointer}
button.go:disabled{opacity:.5;cursor:wait}
.msg{border:1px solid rgba(255,255,255,.3);padding:16px 18px;margin:1.5em 0}.msg.err{border-color:#ff6b6b}.err-t{color:#ff9b9b;font-size:14px;margin-top:6px}
.hp{position:absolute;left:-5000px}
.card{padding:1.4em 0;border-top:1px solid rgba(255,255,255,.12)}.card h2{margin:.2em 0}.card time,.meta{font-size:13px;letter-spacing:.14em;color:var(--dim)}
.pager{display:flex;justify-content:space-between;margin-top:2em}
.crumb{font-size:13px;letter-spacing:.14em;margin-bottom:2em}.page img{max-width:100%;height:auto}