:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d1d1f;--page:#fbfbfa;background:var(--page);--quiet:#6e6e73;--accent:#3d7fe5;--link:#2a6ad0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,sans-serif}body{margin:0}h1,h2{letter-spacing:-.03em;margin:0;font-weight:700}h1{font-size:clamp(3rem,9vw,6.5rem)}h2{font-size:clamp(2rem,5vw,3.5rem)}p{color:var(--quiet);margin:0;font-size:clamp(1.0625rem,1.6vw,1.3125rem);font-weight:300;line-height:1.5}a{color:var(--link);text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.hero{text-align:center;justify-items:center;gap:1.25rem;padding:7rem 1.5rem 0;display:grid}.hero a{font-size:1.0625rem}.stage{max-width:100%;height:auto;display:block;overflow:visible}.model{max-width:100%;position:relative}.props{grid-template-columns:repeat(3,1fr);gap:4rem;max-width:72rem;margin:0 auto;padding:9rem 1.5rem;display:grid}.prop{text-align:center;grid-template-rows:1fr auto;place-items:end center;gap:2rem;display:grid}footer{text-align:center;justify-items:center;gap:1rem;padding:9rem 1.5rem 12rem;display:grid}footer ul{flex-wrap:wrap;justify-content:center;gap:1rem 2.5rem;margin:2rem 0 0;padding:0;font-size:1.0625rem;list-style:none;display:flex}.lang{z-index:1;font:inherit;color:var(--quiet);cursor:pointer;opacity:0;background:0 0;border:0;padding:.5rem .75rem;font-size:.9375rem;font-weight:300;transition:opacity .15s ease-out;position:fixed;top:1.5rem;right:1.5rem}.lang:hover,.lang:focus-visible{opacity:1}body:has(.hero:hover) .lang{opacity:1}@media (hover:none){.lang{opacity:1}}@media (width<=760px){.props{grid-template-columns:1fr;gap:3rem;padding:6rem 1.5rem}.hero{padding-top:5rem}}.caption{color:var(--quiet);white-space:nowrap;pointer-events:none;opacity:0;margin:0;font-size:.9375rem;font-weight:300;transition:opacity .15s ease-out;position:absolute;translate:-50% -100%}.caption.shown{opacity:1}.doors a{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.caption,.lang{transition:none}}.block{--ink:var(--tone)}:root[data-theme=dark] .block{--ink:var(--tone-dark,var(--tone))}.face.top{fill:var(--ink)}.face.left,.face.outline{fill:color-mix(in oklab, var(--ink), black 9%)}.face.right{fill:color-mix(in oklab, var(--ink), black 20%)}.grow .block{animation:.2s cubic-bezier(.2,.8,.3,1) both land;animation-delay:calc(var(--land) - .2s)}@keyframes land{0%{opacity:0;transform:translateY(-28px)}}@media (prefers-reduced-motion:reduce){.grow .block{animation:none}}.block{transition:translate .15s ease-out}.hit-face{fill:none;pointer-events:all;cursor:pointer}.hit-face.ground{cursor:auto}.block.lifted{translate:0 calc(-1 * var(--step))}.block.lifted.pressed{translate:0}@media (prefers-reduced-motion:reduce){.block{transition:none}}.grow:not(.seen) .block{animation-play-state:paused}.tour{--span:100svh;height:calc(var(--span) * 8);position:relative}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.pin{height:var(--span);position:sticky;top:0;overflow:clip}.pin .hero{z-index:1;position:absolute;inset:0 0 auto}.pin .model{max-width:none;position:absolute;inset:0}.world{transform-origin:0 0;position:absolute;top:0;left:0}.world .stage{max-width:none}.stop{width:1px;height:1px;position:absolute;left:0}.grow .block.slab{animation:none}.block.slab{opacity:0;visibility:hidden;translate:0 calc(-1 * var(--step));transition:opacity .1s ease-out,translate .1s ease-out,visibility 0s .1s}.block.slab.up{opacity:1;visibility:visible;transition:opacity .2s cubic-bezier(.2, .8, .3, 1) var(--at), translate .2s cubic-bezier(.2, .8, .3, 1) var(--at);translate:0}.clip{object-fit:fill;transform-origin:0 0;cursor:pointer;opacity:0;visibility:hidden;width:320px;height:180px;transition:opacity .1s ease-out,visibility 0s .1s;position:absolute;top:0;left:0}.clip.up{opacity:1;visibility:visible;transition:opacity .2s ease-out var(--at)}.copy{z-index:1;box-sizing:border-box;background:var(--page);align-items:center;width:38%;padding:0 3vw 0 7vw;transition:translate .2s cubic-bezier(.2,.8,.3,1);display:grid;position:absolute;inset:0 auto 0 0;translate:-100%}.touring .copy{translate:0}:root[data-theme=dark]{--page:#252525}.copy article{opacity:0;visibility:hidden;grid-area:1/1;align-content:center;justify-items:start;gap:1rem;transition:opacity .15s ease-out,visibility 0s .15s;display:grid}.copy article.current{opacity:1;visibility:visible;transition:opacity .2s ease-out .1s}.acts{align-items:baseline;gap:2rem;display:flex}.get,.toggle-clip{opacity:0;font-size:1.0625rem;transition:opacity .15s ease-out}.toggle-clip{font:inherit;color:var(--quiet);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.0625rem;font-weight:300}.copy:hover :is(.get,.toggle-clip),.copy article:focus-within :is(.get,.toggle-clip){opacity:1}.rail{z-index:1;opacity:0;visibility:hidden;gap:.5rem;transition:opacity .15s ease-out,visibility 0s .15s;display:grid;position:absolute;top:50%;right:2rem;translate:0 -50%}.touring .rail{opacity:1;visibility:visible;transition:opacity .2s ease-out}.rail a{padding:.25rem;display:block}.rail .stage{width:1.25rem}.rail .block{transition:translate .15s ease-out}.rail a:hover .block,.rail a:focus-visible .block{translate:0 -4px}.rail a[aria-current] .block{--ink:var(--accent)}@media (hover:none){.get,.toggle-clip{opacity:1}}@media (width<=760px){.copy{align-items:start;width:auto;padding:2rem 1.5rem 0;inset:58% 0 0;translate:0 100%}.rail{top:30%;right:.75rem}}@media (prefers-reduced-motion:reduce){.copy,.block.slab,.block.slab.up,.clip,.clip.up,.copy article,.copy article.current,.rail,.touring .rail,.rail .block,.get,.toggle-clip{transition:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f7;--quiet:#c4c2c0;--link:#78a6ee;background:#252525}.waving .face{transition:fill .2s ease-out var(--wave,0s)}.waving :is(h1,h2,h3,p,a,li,button){transition:color .2s ease-out var(--wave,0s)}.night-sky{z-index:-1;pointer-events:none;position:fixed;inset:0}.night{z-index:1;cursor:pointer;opacity:0;background:0 0;border:0;padding:.25rem;transition:opacity .15s ease-out;position:fixed;top:1rem;left:1.5rem}.night .stage{width:2.5rem;height:auto}.night:hover,.night:focus-visible{opacity:1}body:has(.hero:hover) .night{opacity:1}@media (hover:none){.night{opacity:1}}.night-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.night{transition:none}}.stage .block.speaker{opacity:0;transition:opacity .2s ease-out;animation:none}.model:focus-within .speaker,.model.playing .speaker{opacity:1}.model:has(.stage:hover,.speaker-button:hover) .speaker{opacity:1}@media (hover:none){.stage .block.speaker{opacity:1}}.speaker-button{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;position:absolute}.speaker-button:focus-visible{outline-offset:4px;outline:2px solid #3d7fe5}.speaker-button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dance>.face{transform:translateY(var(--hop,0px))}.pulse{fill:color-mix(in oklab, var(--ink), white 60%)}.stage .block.tile{transition:translate .12s ease-out;animation:none;translate:0 -6px}@starting-style{.stage .block.tile{translate:0}}@media (prefers-reduced-motion:reduce){.stage .block.speaker,.stage .block.tile{transition:none}.model.playing .woofer{translate:-4.85px 2.8px}}.play{text-align:center;justify-items:center;gap:4rem;max-width:64rem;margin:0 auto;padding:9rem 1.5rem;display:grid}.play .board{width:100%;position:relative}.play .stage{-webkit-user-select:none;user-select:none;width:100%}.play .caption{translate:-50% -100%}.play:hover .caption,.play:focus-within .caption{opacity:1}@media (hover:none){.play .caption{opacity:1}}.file{cursor:grab;touch-action:none;outline:none}.file:active{cursor:grabbing}.file:focus-visible .face.outline{stroke:#1d1d1f;stroke-width:2px;stroke-linejoin:round}:root[data-theme=dark] .file:focus-visible .face.outline{stroke:#f4f4f2}.play .foot{justify-items:center;gap:1.5rem;min-height:5.5rem;display:grid}.again{font:inherit;color:var(--link);cursor:pointer;opacity:0;background:0 0;border:0;padding:.5rem .75rem;font-size:1.0625rem;transition:opacity .15s ease-out}.play:hover .again,.again:focus-visible{opacity:1}@media (hover:none){.again{opacity:1}}@media (prefers-reduced-motion:reduce){.again{transition:none}}.film{text-align:center;justify-items:center;gap:2.5rem;max-width:72rem;margin:0 auto;padding:9rem 1.5rem;display:grid}.film-stage{width:100%;position:relative}.film-stage .stage{width:min(100%, 52rem, calc(78svh * var(--ratio)));margin:0 auto;transition:opacity .3s ease-out}.film.flat .stage{opacity:0}.film .notch{fill:#fff}.film video{transform-origin:0 0;object-fit:fill;outline:var(--bezel) solid oklab(31.7768% .000957742 -.00329214);cursor:pointer;background:#000;display:block;position:absolute}.film.flat video{cursor:auto}:root[data-theme=dark] .film video:not(:focus-visible){outline-color:oklab(28.2051% .000985324 -.00339347)}.film video:focus-visible{outline-color:var(--accent)}.film:not(.seen) video,.film:not(.seen) .film-play{visibility:hidden}.film.seen video{animation:shown .2s ease-out var(--shown) backwards}@keyframes shown{0%{opacity:0}}.film-play{color:#0000;cursor:pointer;background:0 0;border:0;padding:0;font-size:0;position:absolute}.film.flat .film-play{visibility:hidden}@media (prefers-reduced-motion:reduce){.film-stage .stage{transition:none}.film.seen video{animation:none}}