html:not(.js) [data-js-only]{display:none}body:has(.stage) .site-header{position:fixed;left:0;right:0}.stage{--hh:4.3rem;background:var(--bg);border-bottom:2px solid var(--fg);height:100svh;min-height:600px;position:relative;overflow:hidden}.field{position:absolute;inset:0}.layer{will-change:transform;pointer-events:none;position:absolute;inset:-10% -15%}.layer.sprites{filter:none;opacity:1}html:not(.js) #hand-far{opacity:.2;filter:invert(var(--invert));background:url(/hero/hand-far.webp) 50%/cover no-repeat}html:not(.js) #hand-near{opacity:.35;filter:invert(var(--invert));background:url(/hero/hand-near.webp) 50%/cover no-repeat}.content{z-index:2;height:100%;padding:calc(var(--hh) + 1.5rem) clamp(1rem, 4vw, 3rem) 2.5rem;grid-template-rows:auto 1fr;place-items:center;gap:1.5rem;display:grid;position:relative}.title{text-align:center;transform-origin:50% 0;pointer-events:none;padding:1rem 2rem;position:relative}.title:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--bg) 40%, color-mix(in srgb, var(--bg) 0%, transparent) 100%);position:absolute;inset:-2rem -6rem}.site-title{letter-spacing:.005em;margin:0;font-size:clamp(3rem,9vw,7rem);font-weight:500;line-height:1}.site-title .ch{display:inline-block}.lede{hyphens:manual;text-wrap:balance;max-width:38ch;color:var(--muted);margin:1rem auto 0;font-size:clamp(1.05rem,2vw,1.3rem)}.doors{width:min(78rem,100%)}.doors ul{perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.door a{background:var(--bg);height:100%;color:var(--fg);border:2px solid var(--fg);transform-style:preserve-3d;grid-template-rows:auto auto 1fr auto;gap:.5rem;padding:1.1rem 1.1rem .9rem;text-decoration:none;transition:box-shadow .25s,scale .25s,opacity .25s;display:grid}.door-icon{justify-self:start;width:4.6rem;height:auto}.door-name{font-family:var(--display);font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.1}.door-blurb{color:var(--muted);font-size:.95rem;line-height:1.4}.door-meta{border-top:1.5px solid var(--fg);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:.5rem;padding-top:.6rem;font-size:.85rem;display:flex}.door-go{font-size:1.3rem;transition:transform .25s}.door a:hover,.door a:focus-visible{box-shadow:8px 8px 0 var(--fg);scale:1.04}.door a:hover .door-go,.door a:focus-visible .door-go{transform:translate(.35rem)}.doors ul:has(a:hover) .door a:not(:hover),.doors ul:has(a:focus-visible) .door a:not(:focus-visible){opacity:.5}@media (width<=1100px){.doors ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.stage{--hh:6.3rem}.content{gap:1rem;padding-bottom:1.5rem}.doors ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.door a{gap:.3rem;padding:.7rem .7rem .6rem}.door-icon{width:2.8rem}.door-name{font-size:1.15rem}.door-blurb{display:none}.door-meta{padding-top:.4rem;font-size:.75rem}.site-title{font-size:clamp(2.6rem,14vw,4rem)}}@media (height<=700px) and (width>=641px){.door-blurb{display:none}.door-icon{width:3.2rem}}.scroll-hint{z-index:3;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;justify-items:center;gap:.3rem;margin:0;font-size:.85rem;display:grid;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.scroll-hint i{background:var(--fg);transform-origin:50% 0;width:1.5px;height:1.6rem;animation:1.8s ease-in-out infinite hint}@keyframes hint{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}@media (width>=641px){.scroll-hint{bottom:.4rem}}.home-body{min-height:70rem;position:relative}.home-sec{padding-top:4rem;padding-bottom:2rem;position:relative}.home-sec h2{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.2rem)}.home-sec h2 .ch{display:inline-block}.featured .cards{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.featured .cards>li{width:min(18.5rem,100%);margin:0}.featured .cards .ini,.rail .cards .ini{font-size:9rem!important}.featured .cards .card-title,.rail .cards .card-title{font-size:1.65rem!important}.anim:not(.ready) .home-sec{opacity:0}.line-divider{aspect-ratio:1640/82;background:var(--fg);width:min(46rem,88vw);clip-path:inset(0 calc(100% - var(--p,100%)) 0 0);margin:3rem auto 0;-webkit-mask:url(/hero/line.webp) 50%/100% 100% no-repeat;mask:url(/hero/line.webp) 50%/100% 100% no-repeat}.latest .wide{padding-bottom:0}.rail-wrap{padding:1rem 0 2rem}.rail{padding:0 1rem}.rail .cards{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem;max-width:64rem;margin:0 auto;display:grid}.rail .cards>li{margin:0;grid-column:auto!important}.rail-progress{background:color-mix(in srgb, var(--fg) 15%, transparent);height:3px;margin:1rem clamp(1rem,4vw,3rem) 0;display:none}.rail-progress i{background:var(--fg);transform-origin:0;height:100%;display:block;transform:scaleX(0)}html.rail-on .rail-wrap{overflow:hidden}html.rail-on .rail{padding:1.5rem clamp(1rem,4vw,3rem)}html.rail-on .rail .cards{gap:1.5rem;width:max-content;max-width:none;margin:0;display:flex}html.rail-on .rail .cards>li{flex:none;width:21rem}html.rail-on .rail-progress{display:block}.teaser{grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:center;gap:2.5rem;display:grid}.teaser figure{margin:0}.teaser .doodle{border:1.5px solid var(--fg);width:100%;height:auto;padding:1rem}.teaser p{margin:0 0 1rem}.teaser .more{letter-spacing:.08em;text-transform:uppercase;font-size:1rem}@media (width<=640px){.teaser{grid-template-columns:1fr}.teaser figure{max-width:11rem}}.gate{z-index:100;background:var(--bg);color:var(--fg);place-items:center;display:none;position:fixed;inset:0;overflow:hidden}html[data-gate] .gate{animation:0s 14s forwards gate-failsafe;display:grid}@keyframes gate-failsafe{to{visibility:hidden}}.splash{aspect-ratio:1640/82;width:min(46rem,88vw);position:relative}.splash-line{background:currentColor;position:absolute;inset:0;-webkit-mask:url(/hero/line.webp) 50%/100% 100% no-repeat;mask:url(/hero/line.webp) 50%/100% 100% no-repeat}.splash-ghost{opacity:.1}@property --p{syntax:"<percentage>";inherits:false;initial-value:0%}.splash-ink{clip-path:inset(0 calc(100% - var(--p)) 0 0);animation:9s cubic-bezier(.1,.6,.3,1) forwards splash-creep}@keyframes splash-creep{to{--p:40%}}.gate-skip{opacity:.5;margin:0;font-size:.95rem;position:absolute;bottom:2rem}@media (prefers-reduced-motion:reduce){.scroll-hint i{animation:none}}