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;& p{letter-spacing:.02em;pointer-events:auto;max-width:37.5rem;margin:0;font-size:.6875rem;line-height:1.25rem}& .years{font-variant-numeric:tabular-nums}& .divider{margin-inline:.35em}& a{color:inherit;text-decoration-color:#0000;&:hover{color:var(--text);text-decoration-color:color-mix(in srgb, var(--primary), transparent 30%)}}& .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;& ul{margin:0;padding:0;display:flex}& li{margin:0;list-style:none;display:flex}& li+li:before{content:"·";color:var(--muted);align-self:center;margin-inline:.75em;font-size:.8em}& :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;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;&:hover{color:var(--text);text-decoration-color:var(--primary);text-underline-offset:.28em}}& a[data-picked]{color:var(--text);font-weight:700;text-decoration-line:none}& .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}& .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;&>span,& svg{width:1.25em;height:1.25em;display:block}}@media (width<=48rem){& :is(a,a:visited){padding-inline:.5em}& li+li:before{margin-inline:0}}@media (width<=22.4375rem){position:static;& ul,& .glow{display:none}& .menu{display:grid}&[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);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%;& li:before{display:none}& :is(a,a:visited){border-radius:var(--radius-m);flex:1;padding:.7em .9em;text-decoration:none}& 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)}& .wave{stroke-dashoffset:1px}& .wave+.wave{transition-delay:80ms}& .mute{stroke-dashoffset:0;transition-delay:.12s}&[data-look=on]{& .wave{stroke-dashoffset:0;transition-delay:.1s}& .wave+.wave{transition-delay:.18s}& .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)}& .glass-glow{opacity:0;transition:opacity .25s ease-in}& .bulb,& .filament{transform-box:fill-box;transform-origin:50%}&[data-look=on]{& .ray{stroke-dashoffset:0;transition:stroke-dashoffset .35s ease-out calc(.15s + var(--i) * 60ms)}& .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}& .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;&:before{content:"";width:var(--controls-w);flex:none}& .controls{width:var(--controls-w);flex:none;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}@media (width<=48rem){--chrome-gap:.75em}@media (width<=22.4375rem){--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;& .sound{display:none}}}