@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Corepix;src:url(/fonts/Corepix.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Plex fallback;src:local(Arial);font-weight:400;size-adjust:100.96%;ascent-override:101.53%;descent-override:27.24%;line-gap-override:0%}@font-face{font-family:Plex fallback;src:local(Arial Bold),local(Arial-BoldMT);font-weight:600 700;size-adjust:100.96%;ascent-override:101.53%;descent-override:27.24%;line-gap-override:0%}:root{--paper:#f6f3ee;--ink:#1c1c1e;--soft:#66635e;--rule:#1c1c1e1f;--mark:#fbd7ad;--settle:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0}html{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font:400 1.0625rem/1.55 IBM Plex Sans,Plex fallback,system-ui,sans-serif}::selection{background:var(--mark);color:var(--ink)}main{width:min(100% - 2.5rem,36rem);margin:0 auto;padding:0 0 7rem}.scene{padding-top:1.5rem}.hero.explodes:after{content:"";height:85svh;display:block}.hero.explodes .scene{background:var(--paper);position:sticky;top:0}.hero{--wide:min(100vw - 2.5rem, 46rem);width:var(--wide);margin-left:calc((100% - var(--wide)) / 2);text-align:center}.stage{--size:min(100vw - 2.5rem, 46rem, 74svh);width:var(--size);aspect-ratio:1;margin-left:calc((100% - var(--size)) / 2);position:relative}.stage>*{width:100%;height:100%;position:absolute;inset:0}.stage img,.stage video{mix-blend-mode:multiply;object-fit:contain}.stage.live .still,.stage .sequence{visibility:hidden}.stage.opened .sequence{visibility:visible}.stage.opened video,.stage.opened .still{visibility:hidden}.stage.turnable{cursor:pointer}.stage.turnable canvas{cursor:grab;touch-action:pan-y}.stage.dragging canvas{cursor:grabbing}.stage.apart,.stage.apart canvas{cursor:default}h1{letter-spacing:0;margin-top:-.5rem;font-family:Corepix,IBM Plex Sans,Plex fallback,system-ui,sans-serif;font-size:clamp(3rem,15.5vw,6rem);font-weight:400;line-height:.95}.lede{letter-spacing:-.01em;text-wrap:balance;max-width:27em;margin:1.25rem auto 0;font-size:clamp(1.25rem,1rem + 1.4vw,1.625rem);line-height:1.35}.lede>span{display:inline-block}section{margin-top:5.5rem}h2{letter-spacing:0;margin-bottom:1rem;font-family:Corepix,IBM Plex Sans,Plex fallback,system-ui,sans-serif;font-size:2rem;font-weight:400;line-height:1.1}p{text-wrap:pretty}p+p{margin-top:.75rem}a{color:var(--ink);font-weight:600;text-decoration:none;transition:opacity .15s}@media (hover:hover){a:hover{opacity:.7}}a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}a:not(.button):focus-visible{border-radius:2px}.film{text-align:center;position:relative}.film video{cursor:pointer;background:#000;border-radius:6px;width:100%;height:auto;display:block}.film video[src=""],.film video:not([src]),.film video[src=""]~.play,.film video:not([src])~.play,.film video[src]:not([src=""])~.soon,.film:not([data-state]) .play{display:none}.play{background:var(--ink);width:clamp(3.5rem,13vw,4.5rem);height:clamp(3.5rem,13vw,4.5rem);color:var(--paper);cursor:pointer;transition:opacity .2s var(--settle), scale .1s;border:0;border-radius:50%;place-items:center;margin:auto;padding:0;display:grid;position:absolute;inset:0}.play svg{fill:currentColor;width:46%;height:46%}.play .icon-play{translate:6%}.play:active{scale:.96}.play:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.film[data-state=playing] .icon-play,.film:not([data-state=playing]) .icon-pause{display:none}.film[data-state=playing] .play{opacity:0}@media (hover:hover){.film[data-state=playing]:hover .play{opacity:1}}.film[data-state=playing] .play:focus-visible{opacity:1}.soon{color:var(--soft)}.cta{margin-top:1.5rem}.button{background:var(--ink);min-height:3.25rem;color:var(--paper);letter-spacing:-.005em;border-radius:999px;justify-content:center;align-items:center;gap:.625rem;padding:0 1.625rem 0 1.375rem;font-size:1.0625rem;transition:background-color .15s,scale .1s;display:inline-flex}.button svg{fill:currentColor;flex:none;width:1.375rem;height:1.375rem}@media (hover:hover){.button:hover{opacity:1;background:#3a3a3d}}.button:active{scale:.98}@media (width<=30rem){.button{width:100%;display:flex}}.parts{border-top:1px solid var(--rule);padding:0;list-style:none}.parts li{border-bottom:1px solid var(--rule);padding:.875rem 0}.parts .name{display:inline-block}.parts .note{color:var(--soft);display:block}.after{margin-top:1rem}.nowrap{white-space:nowrap}@media (prefers-reduced-motion:no-preference){.hero h1,.hero .lede{animation:settle .9s var(--settle) both}.hero h1{animation-delay:.1s}.hero .lede{animation-delay:.22s}.stage .still.loading{opacity:0}.stage .still{transition:opacity .5s var(--settle)}.parts.waiting li{opacity:0;translate:0 .5rem}.parts.arriving li{transition:opacity .6s var(--settle), translate .6s var(--settle)}.parts.arriving li:nth-child(2){transition-delay:60ms}.parts.arriving li:nth-child(3){transition-delay:.12s}.parts.arriving li:nth-child(4){transition-delay:.18s}}@media (prefers-reduced-motion:reduce){.hero h1,.hero .lede{animation:.3s ease-out both appear}}@keyframes settle{0%{opacity:0;translate:0 .5rem}}@keyframes appear{0%{opacity:0}}.tricks{--size:40px;--here:52px;--hit:44px;--gap:34px;z-index:20;opacity:0;pointer-events:none;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);position:fixed;top:12px;right:18px}.tricks.ready{opacity:1}.tricks ol{z-index:1;align-items:center;gap:var(--gap);margin:0;padding:0;list-style:none;display:flex;position:relative}.tricks li{--s:var(--size)}.tricks li.here{--s:var(--here)}.tricks a,.tricks [aria-current]{width:max(var(--hit), var(--s));height:max(var(--hit), var(--s));color:inherit;-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;display:grid}.tricks a{pointer-events:auto}.tricks a:focus-visible{outline-offset:0;border-radius:50%;outline:2px solid}.tricks .float{width:var(--s);height:var(--s);display:block}.tricks picture,.tricks img{width:100%;height:100%;display:block}.tricks img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.tricks a:focus-visible img{transform:scale(1.1)}@media (hover:hover){.tricks a:hover img{transform:scale(1.1)}}.tricks .float.missing{width:calc(var(--s) * .4);height:calc(var(--s) * .4);opacity:.5;border:1px solid;border-radius:50%}.tricks .float.missing picture{display:none}.tricks .line{opacity:.3;transform-origin:0;pointer-events:none;background:currentColor;height:1px;position:absolute}.tricks .name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=700px){.tricks{--size:28px;--here:36px;--gap:14px;top:16px;right:12px}}@media (prefers-reduced-motion:reduce){.tricks,.tricks img{transition:none}.tricks a img{transform:none!important}}
