footer.colophon{z-index:var(--z-chrome);min-height:var(--footer-h);padding:1em 1em calc(1em + env(safe-area-inset-bottom,0));text-align:center;color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:auto 0 0}footer.colophon p{letter-spacing:.02em;pointer-events:auto;max-width:37.5rem;margin:0;font-size:.6875rem;line-height:1.25rem}footer.colophon .years{font-variant-numeric:tabular-nums}footer.colophon .divider{margin-inline:.35em}footer.colophon a{color:inherit;text-decoration-color:#0000}footer.colophon a:hover{color:var(--text);-webkit-text-decoration-color:color-mix(in srgb, var(--primary), transparent 30%);text-decoration-color:color-mix(in srgb, var(--primary), transparent 30%)}footer.colophon .glyph{display:inline-block;scale:-1 1}@media (width<=48rem),(height<=30rem){footer.colophon{min-height:auto;padding-top:.5rem;position:static}}.nav{color:var(--text);align-self:stretch;display:flex;position:relative}.nav ul{margin:0;padding:0;display:flex}.nav li{margin:0;list-style:none;display:flex}.nav li+li:before{content:"·";color:var(--muted);align-self:center;margin-inline:.75em;font-size:.8em}.nav :is(a,a:visited){font-family:var(--font-narrow);letter-spacing:.01em;white-space:nowrap;color:color-mix(in srgb, var(--text), transparent 15%);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--primary), transparent 45%);text-decoration-color:color-mix(in srgb, var(--primary), transparent 45%);text-underline-offset:.4em;transition:color var(--motion-fast) var(--ease), text-decoration-color var(--motion-fast) var(--ease), text-underline-offset var(--motion-fast) var(--ease);align-items:center;padding:0 .75em;font-size:1.125rem;text-decoration-thickness:.0625rem;display:flex}.nav :is(a,a:visited):hover{color:var(--text);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:.28em}.nav a[data-picked]{color:var(--text);font-weight:700;text-decoration-line:none}.nav .glow{background:var(--primary);height:.0625rem;box-shadow:0 0 .75rem var(--primary);pointer-events:none;border-radius:.125rem;position:absolute;inset:0 auto auto 0}.nav .menu{appearance:none;width:2em;height:2em;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;align-self:center;place-items:center;padding:0;display:none}.nav .menu>span,.nav .menu svg{width:1.25em;height:1.25em;display:block}@media (width<=48rem){.nav :is(a,a:visited){padding-inline:.5em}.nav li+li:before{margin-inline:0}}@media (width<=22.4375rem){.nav{position:static}.nav ul,.nav .glow{display:none}.nav .menu{display:grid}.nav[data-open] ul{background:var(--glass);border:.0625rem solid var(--glass-line);border-radius:var(--radius-l);width:min(16rem,100vw - 2rem);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(1rem)saturate(1.4);backdrop-filter:blur(1rem)saturate(1.4);flex-direction:column;padding:.375rem;display:flex;position:absolute;inset:calc(100% + .5rem) auto auto 50%;translate:-50%}.nav[data-open] ul li:before{display:none}.nav[data-open] ul :is(a,a:visited){border-radius:var(--radius-m);flex:1;padding:.7em .9em;text-decoration:none}.nav[data-open] ul a[data-picked]{color:var(--light);background:var(--primary);box-shadow:0 .5rem 1rem -.5rem var(--glow)}}.sound :is(.wave,.mute){stroke-dasharray:1;transition:stroke-dashoffset var(--motion-slow) var(--ease)}.sound .wave{stroke-dashoffset:1px}.sound .wave+.wave{transition-delay:80ms}.sound .mute{stroke-dashoffset:0;transition-delay:.12s}.sound[data-look=on] .wave{stroke-dashoffset:0;transition-delay:.1s}.sound[data-look=on] .wave+.wave{transition-delay:.18s}.sound[data-look=on] .mute{stroke-dashoffset:1px;transition-delay:0s}@media (prefers-reduced-motion:reduce){.sound :is(.wave,.mute){transition:none}}.bulb-switch .ray{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .25s ease-in calc((3 - var(--i)) * 40ms)}.bulb-switch .glass-glow{opacity:0;transition:opacity .25s ease-in}.bulb-switch .bulb,.bulb-switch .filament{transform-box:fill-box;transform-origin:50%}.bulb-switch[data-look=on] .ray{stroke-dashoffset:0;transition:stroke-dashoffset .35s ease-out calc(.15s + var(--i) * 60ms)}.bulb-switch[data-look=on] .glass-glow{opacity:.2;transition:opacity .4s ease-out .12s}@media (prefers-reduced-motion:no-preference){.bulb-switch[data-hovered] .bulb{animation:.45s cubic-bezier(.3,.6,.4,1) bulb-screw}.bulb-switch[data-hovered] .filament{animation:.45s linear bulb-twist}}@media (prefers-reduced-motion:reduce){.bulb-switch :is(.ray,.glass-glow){transition:none}}@keyframes bulb-screw{0%{translate:0 -2px}}@keyframes bulb-twist{0%,50%{animation-timing-function:ease-in;scale:1}25%,75%{animation-timing-function:ease-out;scale:.3 1}}header.chrome{--chrome-gap:3.5em;--controls-w:5rem;z-index:var(--z-chrome);justify-content:center;align-items:center;gap:var(--chrome-gap);height:calc(var(--header-h) + env(safe-area-inset-top,0));padding:env(safe-area-inset-top,0) 1rem 0;display:flex;position:fixed;inset:0 0 auto}header.chrome:before{content:"";width:var(--controls-w);flex:none}header.chrome .controls{width:var(--controls-w);flex:none;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}@media (width<=48rem){header.chrome{--chrome-gap:.75em}}@media (width<=22.4375rem){header.chrome{--chrome-gap:2em}}@media (width<=48rem),(height<=30rem){header.chrome{--controls-w:1.75rem;--chrome-gap:.5rem;background:color-mix(in srgb, var(--ambient), transparent 4%);box-shadow:0 .0625rem 0 color-mix(in srgb, var(--text), transparent 92%);position:sticky}header.chrome .sound{display:none}}.logo-loader{--veil:var(--background);width:12rem;color:var(--grayDark);display:grid;position:relative}.logo-loader>svg{fill:currentColor;grid-area:1/1;width:100%;height:auto;display:block;position:relative}.logo-loader .sketch{opacity:.2}.logo-loader .signed{opacity:0;transition:opacity .2s var(--ease)}.logo-loader .ink{animation:2.8s ease-in infinite logo-ink}.logo-loader .veil{background:var(--veil);animation:2.8s cubic-bezier(.45,0,.35,1) infinite logo-veil;position:absolute;inset:-30% -15%;transform:skew(-14deg)}.logo-loader .veil:before{content:"";inset-block:0;background:linear-gradient(to right, transparent, var(--veil));width:25%;position:absolute;right:100%}@keyframes logo-veil{0%{transform:translate(0)skew(-14deg)}65%,to{transform:translate(125%)skew(-14deg)}}@keyframes logo-ink{0%,82%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.logo-loader :is(.veil,.sketch){display:none}.logo-loader .ink{opacity:.6;animation:none}}.scene-loader{z-index:calc(var(--z-content) + 1);color:var(--grayDark);background:var(--background);pointer-events:none;transition:opacity var(--motion-slow) var(--ease), visibility 0s var(--motion-slow), background-color var(--motion-slow) var(--ease);place-content:center;justify-items:center;gap:.15rem;display:grid;position:fixed;inset:0}.scene-loader .caption{place-items:center;display:grid}.scene-loader .caption>*{grid-area:1/1}.scene-loader .runner{background:color-mix(in srgb, var(--grayDark), transparent 85%);width:6rem;height:.0625rem;transition:opacity .2s var(--ease);position:relative}.scene-loader .runner>span{background:var(--primary);box-shadow:0 0 .75rem var(--primary);transform-origin:0;border-radius:.125rem;animation:1.3s linear infinite scene-runner;position:absolute;inset:0}.scene-loader .tagline{font-family:var(--font-narrow);letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .2s var(--ease), translate .2s var(--ease);margin:0;font-size:.65rem;font-weight:700;translate:0 .25rem}body:has(.viewer:not([data-phase=boot])) .scene-loader .runner{opacity:0}body:has(.viewer:not([data-phase=boot])) .scene-loader .tagline{opacity:1;translate:0}body:has(.viewer:not([data-phase=boot])) .scene-loader .signed{opacity:1}body:has(.viewer:is([data-phase=moving],[data-phase=settled],[data-phase=leaving])) .scene-loader{opacity:0;visibility:hidden}@keyframes scene-runner{0%{transform:translate(0%)scaleX(.001)}2.5%{transform:translate(.54%)scaleX(.0392)}5%{transform:translate(1.09%)scaleX(.0782)}7.5%{transform:translate(1.66%)scaleX(.1167)}10%{transform:translate(2.27%)scaleX(.1545)}12.5%{transform:translate(2.93%)scaleX(.1913)}15%{transform:translate(3.65%)scaleX(.227)}17.5%{transform:translate(4.44%)scaleX(.2612)}20%{transform:translate(5.31%)scaleX(.2939)}22.5%{transform:translate(6.26%)scaleX(.3247)}25%{transform:translate(7.32%)scaleX(.3536)}27.5%{transform:translate(8.49%)scaleX(.3802)}30%{transform:translate(9.77%)scaleX(.4045)}32.5%{transform:translate(11.18%)scaleX(.4263)}35%{transform:translate(12.72%)scaleX(.4455)}37.5%{transform:translate(14.4%)scaleX(.4619)}40%{transform:translate(16.22%)scaleX(.4755)}42.5%{transform:translate(18.19%)scaleX(.4862)}45%{transform:translate(20.31%)scaleX(.4938)}47.5%{transform:translate(22.58%)scaleX(.4985)}50%{transform:translate(25%)scaleX(.5)}52.5%{transform:translate(27.58%)scaleX(.4985)}55%{transform:translate(30.31%)scaleX(.4938)}57.5%{transform:translate(33.19%)scaleX(.4862)}60%{transform:translate(36.22%)scaleX(.4755)}62.5%{transform:translate(39.4%)scaleX(.4619)}65%{transform:translate(42.72%)scaleX(.4455)}67.5%{transform:translate(46.18%)scaleX(.4263)}70%{transform:translate(49.77%)scaleX(.4045)}72.5%{transform:translate(53.49%)scaleX(.3802)}75%{transform:translate(57.32%)scaleX(.3536)}77.5%{transform:translate(61.26%)scaleX(.3247)}80%{transform:translate(65.31%)scaleX(.2939)}82.5%{transform:translate(69.44%)scaleX(.2612)}85%{transform:translate(73.65%)scaleX(.227)}87.5%{transform:translate(77.93%)scaleX(.1913)}90%{transform:translate(82.27%)scaleX(.1545)}92.5%{transform:translate(86.66%)scaleX(.1167)}95%{transform:translate(91.09%)scaleX(.0782)}97.5%{transform:translate(95.54%)scaleX(.0392)}to{transform:translate(100%)scaleX(.001)}}@media (prefers-reduced-motion:reduce){.scene-loader .runner>span{animation:none;transform:translate(35%)scaleX(.3)}}@media (width<=48rem),(height<=30rem){.scene-loader{display:none}}:is(:root:has(.no-js),:root[data-scene=failed]) .scene-loader{display:none}main{z-index:var(--z-content);min-height:100dvh;padding:calc(var(--header-h) + var(--space-4)) var(--space-4) calc(var(--footer-h) + var(--space-4));pointer-events:none;position:relative}main>*{pointer-events:auto}main:focus{outline:none}@media (width>=48.0625rem) and (height>=30.0625rem){body:has(.viewer:is([data-phase=boot],[data-phase=loaded],[data-phase=leaving],[data-phase=moving])) main>*{opacity:0;pointer-events:none;transition:opacity var(--motion-fast) ease-in, translate var(--motion-fast) ease-in;translate:0 .5rem}body:has(.viewer[data-phase=settled]) main>*{transition:opacity var(--motion-slow) var(--ease), translate var(--motion-slow) var(--ease)}body:has(.scene-loader) :is(header.chrome,footer.colophon){opacity:0;visibility:hidden;transition:opacity var(--motion-slow) var(--ease), visibility 0s var(--motion-slow)}body:has(.viewer:is([data-phase=moving],[data-phase=settled],[data-phase=leaving])) :is(header.chrome,footer.colophon){opacity:1;visibility:visible;transition:opacity var(--motion-slow) var(--ease)}:is(:root:has(.no-js),:root[data-scene=failed]) body main>*{opacity:1;pointer-events:auto;translate:none}:is(:root:has(.no-js),:root[data-scene=failed]) :is(header.chrome,footer.colophon){opacity:1;visibility:visible}}@media (width<=48rem),(height<=30rem){body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 55% at 78% -8%,#ffffff8c,#0000 70%),radial-gradient(140% 80% at 50% 120%,#00000012,#0000 60%);position:fixed;inset:0}:root[data-theme=dark] body:before{background:radial-gradient(90% 50% at 50% -6%,#ffb36b21,#0000 70%),radial-gradient(140% 80% at 50% 120%,#00000040,#0000 60%)}main{min-height:calc(100dvh - var(--header-h) - var(--footer-h));padding:var(--space-3) var(--space-3) var(--space-4)}}@media (width>=48.0625rem) and (height>=30.0625rem) and (prefers-reduced-motion:no-preference){html[data-glitch] :is(header.chrome,footer.colophon){animation:.42s step-end infinite chrome-glitch}html[data-glitch] header.chrome{animation-duration:.36s}}@keyframes chrome-glitch{0%,to{clip-path:none;text-shadow:none;transform:none}14%{clip-path:inset(0 0 55%);text-shadow:.1875rem 0 #ff1e3ca6,-.1875rem 0 #00d2ffa6;transform:translate(-.375rem)skew(-4deg)}31%{clip-path:inset(40% 0 0);text-shadow:-.25rem 0 #ff1e3ca6,.25rem 0 #00d2ffa6;transform:translate(.5rem)}47%{clip-path:none;text-shadow:.125rem 0 #ff1e3c80;transform:none}63%{clip-path:inset(20% 0 35%);text-shadow:.3125rem 0 #00d2ff99,-.125rem 0 #ff1e3c99;transform:translate(-.25rem)translateY(.125rem)}82%{clip-path:none;text-shadow:none;transform:translate(.1875rem)skew(6deg)}}
