*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background-color .5s var(--ease), color .5s var(--ease);flex-direction:column;min-height:100svh;margin:0;display:flex;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:inherit}#heap{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.veil{z-index:0;pointer-events:none;background:radial-gradient(45% 40% at 88% 6%, var(--glow-a), transparent 70%), radial-gradient(40% 40% at 6% 100%, var(--glow-b), transparent 70%), radial-gradient(120% 90% at 30% 45%, transparent 45%, var(--vignette) 100%);position:fixed;inset:0}.grain{z-index:5;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{z-index:1;padding:clamp(18px, 3vw, 34px) var(--pad-x) clamp(20px, 4vh, 44px);flex:1;grid-template-rows:auto 1fr auto;gap:clamp(22px,4vh,52px);display:grid;position:relative}.bar{font:500 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--fg);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand svg{width:22px;height:22px;display:block}.bar-right,.bar-right .meta{align-items:center;gap:clamp(14px,2.6vw,32px);display:flex}.status{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.status .dot{background:var(--fg);border-radius:50%;width:6px;height:6px;transition:background .15s,border-radius .15s;animation:2.4s ease-out infinite pulse}.uptime{color:var(--faint)}:root[data-gc=stw] .status{color:var(--accent-ink)}:root[data-gc=stw] .status .dot{background:var(--accent);border-radius:1px;animation:none}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--fg) 45%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.intro{align-self:center}.eyebrow{font:500 11.5px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:14px;margin:0 0 clamp(18px,3.2vh,32px);display:flex}.eyebrow:before{content:"";background:var(--accent);flex:none;width:32px;height:1px}.title{letter-spacing:-.035em;text-transform:uppercase;cursor:default;margin:0;font-size:clamp(42px,min(14vw,20vh),200px);font-weight:800;font-stretch:125%;line-height:.86}.title .row{white-space:nowrap;display:block}.title .row+.row{margin-top:.04em}.title .im{font-family:var(--serif);letter-spacing:0;color:var(--muted);font-size:.9em;font-style:italic;font-weight:400;font-stretch:100%}.title .row>span:not(.caret){transition:text-shadow .35s var(--ease)}.title:hover .row>span:not(.caret){text-shadow:-.035em 0 color-mix(in srgb, var(--accent) 60%, transparent), .035em 0 color-mix(in srgb, var(--old) 55%, transparent)}.caret{background:var(--accent);width:.34em;height:.7em;margin-left:.1em;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.ch{position:relative}.ch[data-g]{color:#0000;text-shadow:none}.ch[data-g]:after{content:attr(data-g);text-align:center;color:var(--accent);position:absolute;top:0;left:0;right:0}.tagline{max-width:36em;color:var(--muted);margin:clamp(22px,4vh,40px) 0 0;font-size:clamp(15px,1.2vw,18px);line-height:1.65}.tagline strong{color:var(--fg);font-weight:500}.tagline .accent{color:var(--accent-ink)}.foot{grid-template-columns:minmax(0,540px) minmax(0,1fr);align-items:end;gap:32px 48px;display:grid}.links{border-top:1px solid var(--line);min-height:1px;margin:0;padding:0;list-style:none}.link{isolation:isolate;border-bottom:1px solid var(--line);outline:none;grid-template-columns:2.4ch auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 6px;text-decoration:none;display:grid;position:relative;overflow:hidden}.link:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 85%);transform-origin:0;transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.link:hover:before,.link:focus-visible:before{transform:scaleX(1)}.link:focus-visible{box-shadow:inset 2px 0 0 var(--accent)}.link .idx{font:500 11px/1 var(--mono);color:var(--faint)}.link .label{text-transform:uppercase;transition:transform .5s var(--ease);font-size:clamp(20px,2vw,28px);font-weight:700;font-stretch:125%;line-height:1}.link .note{font:400 12px/1.3 var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link .arrow{width:16px;height:16px;color:var(--muted);transition:transform .5s var(--ease), color .2s}.link:hover .label,.link:focus-visible .label{transform:translate(8px)}.link:hover .arrow,.link:focus-visible .arrow{color:var(--accent-ink);transform:translate(3px,-3px)}.gc{width:min(100%,620px);font:400 11px/1.75 var(--mono);color:var(--muted);text-align:right;justify-self:end}.gc-stat,.gc-stat .y{color:var(--fg)}.gc-stat .o{color:var(--old-ink)}.gc ol{margin:6px 0 8px;padding:0;list-style:none}.gc li{white-space:nowrap;text-overflow:ellipsis;opacity:.32;transition:opacity .4s;overflow:hidden}.gc li:nth-last-child(2){opacity:.55}.gc li:last-child{opacity:1;color:var(--fg)}.gc-hint{color:var(--faint);margin:0}.gc-hint b{color:var(--accent-ink);font-weight:400}.gc-btn{font:inherit;color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 7%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);cursor:pointer;border-radius:4px;margin-left:.4em;padding:2px 8px;transition:background .2s,color .2s,border-color .2s}.gc-btn:hover,.gc-btn:focus-visible{background:var(--accent-ink);color:var(--bg);border-color:var(--accent-ink);outline:none}:root[data-show] .gc-btn{color:var(--old-ink);border-color:color-mix(in srgb, var(--old) 45%, transparent);background:color-mix(in srgb, var(--old) 9%, transparent)}.intro,.foot nav{transition:opacity .9s var(--ease)}:root[data-show] .intro,:root[data-show] .foot nav{opacity:.1}.enter{animation:rise 1s var(--ease) both;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.site-foot{z-index:1;padding:26px var(--pad-x) 34px;border-top:1px solid var(--line);font:400 11px/1.6 var(--mono);letter-spacing:.04em;color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex;position:relative}@media (width<=900px){.gc-stat,.gc ol{transition:opacity .9s var(--ease)}:root[data-show] .gc-stat,:root[data-show] .gc ol{opacity:.25}.foot{grid-template-columns:minmax(0,1fr)}.gc{text-align:left;justify-self:start;width:100%}.gc li:nth-last-child(n+3){display:none}}@media (width<=640px){.bar{grid-template-columns:1fr auto;row-gap:12px;display:grid}.bar-right{display:contents}.brand{grid-area:1/1}.theme{grid-area:1/2}.bar-right .meta{grid-area:2/1/3/3;justify-self:end;gap:16px}}@media (width<=560px){.eyebrow{letter-spacing:.08em;gap:10px}.eyebrow:before{width:20px}.link{gap:12px;padding:14px 4px}.link .note{display:none}.link{grid-template-columns:2.4ch 1fr auto}.gc li:nth-last-child(n+2){display:none}}@media (height<=560px) and (width>=561px){.hero{gap:20px}.tagline{display:none}}@media (hover:none){.gc-hint .fine{display:none}}@media (hover:hover){.gc-hint .coarse{display:none}}@media (prefers-reduced-motion:reduce){.enter,.caret,.status .dot{animation:none}}