:root{--black: #000000;--white: #ffffff;--dark-grey: #0a0a0a;--mid-grey: #404040;--ui-scale: 1}.intro{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;pointer-events:none;animation:intro-fade .9s cubic-bezier(.7,0,.3,1) 1.7s forwards}.intro-hole-logo{transform-box:view-box;transform-origin:50% 50%;transform:scale(0);animation:intro-hole-in 1.6s cubic-bezier(.22,1,.36,1) forwards,intro-hole-out .9s cubic-bezier(.7,0,.3,1) 1.7s forwards}@keyframes intro-hole-in{0%{transform:scale(0)}60%{transform:scale(.92)}to{transform:scale(1)}}@keyframes intro-hole-out{0%{transform:scale(1)}to{transform:scale(3)}}@keyframes intro-fade{to{opacity:0}}@media (prefers-reduced-motion: reduce){.intro{animation:intro-fade .3s linear .05s forwards}.intro-hole-logo{animation:none;transform:scale(1)}}.page{position:relative;width:100vw;height:100vh;background:#000;overflow:hidden;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.page:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:320px 320px;background-repeat:repeat;opacity:.58;mix-blend-mode:soft-light}.tap-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;z-index:0;background:#000;clip-path:inset(0 round .9em)}.tap-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;will-change:transform;filter:blur(calc(14px * var(--ui-scale)))}.page-grain{position:absolute;inset:0;pointer-events:none;z-index:4;will-change:transform}.stack{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:calc(58px * var(--ui-scale));z-index:5}.frame{font-size:calc(clamp(9px,min(1.45vw,2.1vh),16px) * var(--ui-scale));position:relative;display:flex;flex-direction:column;gap:1.5em;padding:1.125em;width:62em;max-width:94vw;background:transparent;border-radius:1.125em}.topic-watermark{position:absolute;z-index:0;pointer-events:none;user-select:none;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 4em);height:calc(100% + 2.5em);display:grid;grid-template-columns:repeat(var(--wm-cols, 3),1fr);grid-template-rows:repeat(var(--wm-rows, 6),1fr);align-items:center;justify-items:center;overflow:hidden;font-family:inherit;font-weight:800;font-size:.7em;line-height:1.08;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:#fff}.topic-watermark>span{display:inline-block}.topic-watermark-tile{display:block;width:100%;height:100%;overflow:visible;animation:watermark-tile-in .6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--wm-delay, 0s)}@keyframes watermark-tile-in{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@media (prefers-reduced-motion: reduce){.topic-watermark-tile{animation:none}}.panel{border-radius:.8em;overflow:hidden}.boxes{position:relative;z-index:1;display:flex;width:100%;height:33.75em}.box{position:relative;z-index:1;height:100%}.box-left{flex:78;border-top-left-radius:.8em;border-bottom-left-radius:.8em;background:linear-gradient(to right,#0a0a0a8c 0% 70%,#050505b3 90%,#000)}.scene3d{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-top-left-radius:.8em;border-bottom-left-radius:.8em}.scene3d>canvas{display:block}.box-right{position:relative;flex:45;border-top-right-radius:.8em;border-bottom-right-radius:.8em;overflow:hidden;background:#000;display:flex;align-items:stretch;justify-content:flex-start;padding:1.75em .5em 1.75em 1.75em;gap:1em}.box-right:before{content:"";position:absolute;top:0;bottom:0;left:-1em;width:1em;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),linear-gradient(to right,#0000,#000);background-size:220px 220px,100% 100%;background-blend-mode:multiply,normal;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 100%)}.mouse-icon{width:1.875em;height:4.5em;color:var(--white);--scroll-dir: 0}.mouse-wheel{transform-origin:20px 42px;transform:translateY(calc(var(--scroll-dir) * 6px));transition:transform .18s ease-out;animation:mouse-wheel-idle 2.2s ease-in-out infinite}@keyframes mouse-wheel-idle{0%,to{opacity:.55}50%{opacity:1}}.mouse-arrow-down{transform-origin:20px 88px;opacity:calc(.4 + max(var(--scroll-dir),0)*.6);transform:translateY(calc(max(var(--scroll-dir),0)*4px));transition:opacity .18s ease-out,transform .18s ease-out}.mouse-arrow-up{transform-origin:20px 8px;opacity:calc(.4 + max(calc(var(--scroll-dir) * -1),0)*.6);transform:translateY(calc(min(var(--scroll-dir),0)*4px));transition:opacity .18s ease-out,transform .18s ease-out}@media (prefers-reduced-motion: reduce){.mouse-wheel{animation:none}}.bar{width:100%;height:3.25em;background:var(--white)}.credit{position:absolute;left:0;right:0;bottom:calc(48px * var(--ui-scale));text-align:center;color:var(--white);font-size:calc(14px * var(--ui-scale));letter-spacing:.02em;z-index:6;text-shadow:0 0 10px var(--dark-grey),0 0 22px var(--dark-grey),0 0 32px var(--dark-grey)}.credit-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px;transition:border-color .2s ease,color .2s ease;pointer-events:auto}.credit-link:hover,.credit-link:focus-visible{border-bottom-color:var(--white);outline:none}.slides{position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;min-width:0;color:var(--white)}.box-right>.mouse-icon{align-self:center;flex:0 0 auto;margin-left:auto}.slides-dots{list-style:none;margin:1.25em auto 0;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.85em;flex:0 0 auto}.slides-dot{display:block;line-height:0}.slides-dot button{all:unset;display:block;cursor:pointer;padding:.25em;line-height:0;color:#ffffff52;transition:color .25s ease}.slides-dot button:hover{color:#ffffffb8}.slides-dot-mark{display:block;width:.9em;height:.9em;overflow:visible}.slides-dot-ring{fill:none;stroke:currentColor;stroke-width:1.25}.slides-dot-core{fill:currentColor;opacity:0;transform-origin:8px 8px;transform:scale(.3);transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}.slides-dot.is-past button{color:#ffffff9e}.slides-dot.is-past .slides-dot-core{opacity:1;transform:scale(1)}.slides-dot.is-active button{color:var(--white)}.slides-dot.is-active .slides-dot-ring{stroke-width:1.6}.slides-dot.is-active .slides-dot-core{opacity:1;transform:scale(1)}.slides-stage{flex:1 1 0;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.9em;padding-top:.1em;animation:slide-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes slide-in{0%{opacity:0;transform:translateY(8px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.slides-eyebrow{font-size:.68em;letter-spacing:.14em;text-transform:uppercase;color:#ffffff6b;display:flex;align-items:baseline;gap:.75em;font-variant-numeric:tabular-nums}.slides-eyebrow-label{color:#ffffffb8;letter-spacing:.1em}.slides-title{font-family:inherit;font-weight:500;font-size:1.55em;line-height:1.15;letter-spacing:-.01em;margin:0;color:var(--white)}.slides-body{list-style:none;margin:.2em 0 0;padding:0;display:flex;flex-direction:column;gap:.55em}.slides-body li{position:relative;padding-left:1em;font-size:.9em;line-height:1.5;color:#ffffffb8;opacity:0;animation:body-in .5s cubic-bezier(.22,1,.36,1) both}.slides-body li:before{content:"";position:absolute;left:0;top:.72em;width:.45em;height:1px;background:#fff6}@keyframes body-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.slides-stage{animation:none}.slides-body li{animation:none;opacity:1}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background:#0b0b0b;color:#d6d6d6;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}