@property --accent{syntax:"<color>";inherits:true;initial-value:#2cc4e3}:root{--room:#0e0e0f;--ink:#ede9e1;--muted:#8f8a82;--hair:#2a2928;--on-accent:#062f3f;--gutter:64px;--font-serif:"Instrument Serif", "Times New Roman", serif;--font-sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;transition:--accent .9s}*,:before,:after{box-sizing:border-box}html{background:var(--room);-webkit-text-size-adjust:100%}body{background:var(--room);min-height:100vh;color:var(--ink);font:400 15px/22px var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}main{overflow-x:clip}h1,h2,p,ul{margin:0}a{color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--ink);color:#111;font:600 14px/20px var(--font-sans);border-radius:24px;padding:10px 16px;text-decoration:none;position:absolute;top:-64px;left:16px}.skip:focus-visible{top:16px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.label{font:500 11px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.topbar{margin:0 var(--gutter);border-bottom:1px solid var(--hair);grid-template-columns:1fr auto 1fr;align-items:center;padding:40px 0 16px;display:grid}.topbar-brand{color:var(--ink);font-size:12px}.topbar-by{color:var(--ink);justify-self:end}.hero{margin:55px var(--gutter) 0;text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hero-title{font:400 88px/92px var(--font-serif);letter-spacing:-.02em;text-wrap:balance}.hero-break,.hero-lede-short{display:none}.hero-lede{max-width:640px;color:var(--muted);text-wrap:pretty;font-size:17px;line-height:26px}.stage{width:min(1040px, calc(100% - 2 * var(--gutter)));min-height:min(585px, calc((100vw - 2 * var(--gutter)) * 9 / 16));outline:none;margin:71px auto 0;display:grid;position:relative}.stage:before{content:"";z-index:-1;aspect-ratio:1420/940;background-color:var(--accent);pointer-events:none;width:136.538%;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:url(../assets/stage-glow.svg) 50%/100% 100% no-repeat;mask:url(../assets/stage-glow.svg) 50%/100% 100% no-repeat}.stage-slot{width:100%;min-width:0;transition:opacity .24s var(--ease-out);grid-area:1/1;align-self:center}.stage-slot[data-entering],.stage-slot[data-leaving]{opacity:0}.stage-slot[data-leaving]{transition:opacity .16s ease-in}.stage video-player{display:contents}.stage-slot:is([data-skin=house],[data-skin=darkroom]){aspect-ratio:16/9}.stage-slot[data-skin=house]{border-radius:24px;box-shadow:0 24px 64px #00000047}.stage-slot[data-skin=darkroom]{box-shadow:0 24px 64px #00000059}.stage-slot[data-skin=millennium]{filter:drop-shadow(0 30px 50px #00000073)}.switcher{margin:63px var(--gutter) 0;flex-direction:column;align-items:center;gap:18px;display:flex}.cartridges{gap:20px;display:flex}.cartridge{--w:300px;--h:112px;--bw:1px;--c:#fff;--c-on:#111;width:var(--w);height:var(--h);border:var(--bw) solid #ffffff1a;opacity:.78;color:#fff;font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease, translate .2s var(--ease-out), box-shadow .3s ease, border-color .3s ease;border-radius:18px;flex:none;padding:0;position:relative;overflow:hidden}.cartridge[aria-checked=true]{--bw:2px;border-color:var(--c);box-shadow:0 10px 32px color-mix(in srgb, var(--c) 45%, transparent);opacity:1;cursor:default}@media (hover:hover) and (pointer:fine){.cartridge[aria-checked=false]:hover{opacity:.94;translate:0 -2px}}.cartridge:active{translate:0 1px}.cartridge:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.cartridge-art{left:calc(var(--bw) * -1);top:calc(var(--bw) * -1);width:var(--w);height:var(--h);pointer-events:none;position:absolute}.cartridge-art:before,.cartridge-art:after{content:"";position:absolute}.cartridge-label{--x:20px;--y:20px;left:calc(var(--x) - var(--bw));top:calc(var(--y) - var(--bw));flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.cartridge-name{white-space:nowrap;font-size:15px;line-height:normal}.cartridge-tag{color:#ffffffbf;font:500 10px/14px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#ffffff14;border-radius:10px;padding:3px 8px;transition:background-color .3s,color .3s}.cartridge[aria-checked=true] .cartridge-tag{background:var(--c);color:var(--c-on)}.cartridge[data-skin=millennium]{--c:#2cc4e3;--c-on:#062f3f;background:linear-gradient(90deg,#0a3438,#0f5a62)}.cartridge[data-skin=millennium] .cartridge-art{background:url(../assets/cartridge-millennium-traces.svg) 0 0/100% 100% no-repeat}.cartridge[data-skin=millennium] .cartridge-art:after{background:linear-gradient(#bdf5ff40,#2bc4e31f);inset:0}.cartridge[data-skin=millennium] .cartridge-name{letter-spacing:.02em;font-family:Orbitron,Arial Black,sans-serif;font-weight:700}.cartridge[data-skin=house]{--c:#ff6200;--c-on:#141414;--stripe:4px;background:#1e1d1d}.cartridge[data-skin=house] .cartridge-art{background:linear-gradient(to bottom, #ffa81b 0 var(--stripe), #ff6200 0 calc(var(--stripe) * 2), #eb3132 0 calc(var(--stripe) * 3), #cc3566 0) 0 100% / 100% calc(var(--stripe) * 4) no-repeat}.cartridge[data-skin=house] .cartridge-name{letter-spacing:.04em;font-family:Michroma,Arial,sans-serif}.cartridge[data-skin=darkroom]{--c:#e8291c;--c-on:#141414;--holes-top:6px;--holes-bottom:101px;--kraft:18px 22px 96px 68px;--line:55px;background:#1a0e0c}.cartridge[data-skin=darkroom] .cartridge-art{--hole:linear-gradient(to right, #f2e8dc59 0 8px, transparent 0);background:var(--hole) 10px var(--holes-top) / 16px 5px repeat-x, var(--hole) 10px var(--holes-bottom) / 16px 5px repeat-x}.cartridge[data-skin=darkroom] .cartridge-art:before{background:#cdbfa7;border-radius:6px;width:96px;height:68px;top:22px;left:18px}.cartridge[data-skin=darkroom] .cartridge-art:after{left:0;right:0;top:var(--line);background:#e8291c8c;height:2px}.cartridge[data-skin=darkroom] .cartridge-label{--x:128px}.cartridge[data-skin=darkroom] .cartridge-name{letter-spacing:.02em;font-family:Archivo Black,Arial Black,sans-serif;font-size:18px}.switcher-hint{text-align:center}.note{margin:46px var(--gutter) 0;border-top:1px solid var(--hair);flex-wrap:nowrap;align-items:flex-start;gap:40px 80px;padding-top:48px;display:flex}.note-head{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.note-name{font:400 48px/52px var(--font-serif);white-space:nowrap}.note-tag{background:var(--accent);color:var(--on-accent);font:500 11px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:12px;padding:4px 10px}.note-body{flex-direction:column;flex:0 560px;gap:16px;min-width:0;min-height:198px;display:flex}.note-idea{text-wrap:pretty;font-size:22px;line-height:32px}.note-details{color:var(--muted);flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.note-details li{align-items:baseline;gap:12px;display:flex}.note-details li:before{content:"";background:var(--accent);border-radius:3px;flex:none;width:6px;height:6px;translate:0 -2px}.note-links{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.button{min-height:44px;font:600 14px/20px var(--font-sans);white-space:nowrap;border-radius:24px;align-items:center;gap:4px;padding:12px 18px;text-decoration:none;transition:background-color .15s,border-color .15s,scale .15s;display:inline-flex}.button:active{scale:.97}.button-primary{background:var(--ink);color:#111}.button-ghost{color:var(--ink);border:1px solid #fff3}@media (hover:hover) and (pointer:fine){.button-primary:hover{background:#fff}.button-ghost:hover{border-color:#ffffff73}}.footer{margin:156px var(--gutter) 0;border-top:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;padding:31px 0 68px;display:flex}.footer-credit{color:var(--muted);font-size:13px;line-height:20px}.footer-credit a{text-underline-offset:3px;text-decoration-color:#8f8a8280;transition:color .15s}.footer-credit a:hover{color:var(--ink)}@media (width<=1240px){.note{flex-wrap:wrap}}@media (width<=1100px){:root{--gutter:40px}.hero-title{font-size:clamp(56px,8vw,88px);line-height:1.05}}@media (width<=1000px){.cartridges{gap:12px}.cartridge{--w:168px;--h:64px;--stripe:3px;border-radius:14px}.cartridge-label{--x:14px;--y:12px;gap:2px}.cartridge-name{font-size:12px}.cartridge-tag{font-size:9px}.cartridge[data-skin=millennium] .cartridge-art{background-image:url(../assets/cartridge-millennium-traces-sm.svg)}.cartridge[data-skin=millennium] .cartridge-name{font-size:11px}.cartridge[data-skin=darkroom]{--holes-bottom:53px}.cartridge[data-skin=darkroom] .cartridge-art:before{width:54px;height:32px;top:16px;left:12px}.cartridge[data-skin=darkroom] .cartridge-art:after{top:31px}.cartridge[data-skin=darkroom] .cartridge-label{--x:74px}.cartridge[data-skin=darkroom] .cartridge-tag{letter-spacing:.04em;padding-inline:6px}.cartridge[data-skin=darkroom] .cartridge-name{font-size:12px}}@media (width<=640px){:root{--gutter:20px}body{font-size:14px;line-height:20px}.topbar{grid-template-columns:1fr auto;padding-top:24px;padding-bottom:12px}.topbar-event{display:none}.hero{text-align:start;align-items:flex-start;margin-top:31px}.hero-title{letter-spacing:-.01em;font-size:44px;line-height:46px}.hero-break,.hero-lede-short{display:inline}.hero-lede-long{display:none}.hero-lede{font-size:16px;line-height:22px}.stage{width:calc(100% - 2 * var(--gutter));min-height:calc((100vw - 2 * var(--gutter)) * 9 / 16);margin-top:26px}body[data-skin=millennium] .stage{width:100%}.stage:before{aspect-ratio:420/320;width:108%}.stage-slot[data-skin=house]{border-radius:16px}.stage-slot[data-skin=house] .media-skin{--media-border-radius:16px}.switcher{align-items:stretch;margin:28px 0 0}.cartridges{padding:8px var(--gutter) 24px;scroll-padding-inline:var(--gutter);scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;gap:10px;margin-block:-8px -24px;overflow-x:auto}.cartridges::-webkit-scrollbar{display:none}.cartridge{scroll-snap-align:start}.switcher-hint{display:none}.note{border-top:0;flex-direction:column;gap:12px;margin-top:40px;padding-top:0}.note-head{gap:12px}.note-name{white-space:normal;font-size:32px;line-height:36px}.note-tag,.note-host{display:none}.note-body{flex:none;gap:12px;min-height:0}.note-idea{font-size:16px;line-height:24px}.note-details{gap:12px}.note-details li{gap:10px}.note-links{margin-top:0}.footer{flex-direction:column;margin-top:72px;padding:24px 0 40px}}@media (prefers-reduced-motion:reduce){:root,.stage-slot,.cartridge,.cartridge-tag,.button{transition:none}.cartridge[aria-checked=false]:hover,.cartridge:active,.button:active{translate:none;scale:none}}@media (prefers-contrast:more){:root{--muted:#c9c4bb;--hair:#5a5856}.cartridge{opacity:1}}@media (forced-colors:active){.cartridge[aria-checked=true]{border:3px solid highlight}.stage:before{display:none}}