@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Outfit:wght@300;400;500;600&display=swap";:root{color:#e9e3d7;font-synthesis:none;text-rendering:geometricprecision;--ink:#080808;--bone:#e9e3d7;--acid:#c7ff3d;--muted:#e9e3d78c;--line:#e9e3d729;background:#080808;font-family:Outfit,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--ink);overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline:1px solid var(--acid);outline-offset:5px}.experience{isolation:isolate;background:radial-gradient(circle at 50% 52%, #ffffff09, transparent 27%), var(--ink);width:100%;height:100%;min-height:620px;position:relative;overflow:hidden}.camera-feed{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.shader-field,.body-light-canvas{z-index:-3;width:100%;height:100%;position:absolute;inset:0}.body-light-canvas{z-index:-2;opacity:.86;mix-blend-mode:screen}.grain{z-index:20;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:.22s steps(2,end) infinite grain-shift;position:absolute;inset:-80%}@keyframes grain-shift{0%{transform:translate(-2%,1%)}25%{transform:translate(3%,-2%)}50%{transform:translate(-1%,3%)}75%{transform:translate(2%,2%)}to{transform:translate(-2%,1%)}}.nav{z-index:12;border-bottom:1px solid var(--line);letter-spacing:.2em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;font-family:IBM Plex Mono,monospace;font-size:11px;display:grid;position:absolute;top:0;left:clamp(22px,2.2vw,42px);right:clamp(22px,2.2vw,42px)}.nav button{cursor:pointer;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;padding:8px 0}.wordmark{justify-self:start;font-size:14px;font-weight:500}.experiment-name{color:var(--muted)}.nav-actions{justify-self:end;gap:clamp(22px,3vw,58px);display:flex}.nav-item{opacity:0}.hero-copy{z-index:3;pointer-events:none;width:min(91vw,1440px);position:absolute;top:15.5%;left:50%;transform:translate(-50%)}.hero-copy h1{letter-spacing:-.065em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(76px,10.9vw,190px);font-weight:300;line-height:.69}.title-mask{padding:.08em 0 .13em;display:block;overflow:hidden}.title-line{display:block}.title-mask:nth-child(2){text-align:right}.bottom-ui{z-index:7;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:end;font-family:IBM Plex Mono,monospace;display:grid;position:absolute;bottom:clamp(22px,4.6vh,52px);left:clamp(24px,3.25vw,62px);right:clamp(24px,3.25vw,62px)}.instruction{color:var(--muted);letter-spacing:.18em;margin:0;font-size:11px;line-height:1.9}.begin-button{aspect-ratio:1;border:1px solid var(--bone);width:clamp(132px,10.4vw,170px);color:var(--bone);cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:#08080852;border-radius:50%;place-items:center;font-family:IBM Plex Mono,monospace;font-size:15px;transition:color .4s,background .4s,transform .4s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.begin-button:before{content:"";border:1px solid #0000;border-top-color:var(--acid);border-radius:inherit;opacity:0;position:absolute;inset:7px}.begin-button i{font-size:19px;font-style:normal;transition:transform .4s;position:absolute;bottom:22%}.begin-button:hover{background:var(--bone);color:var(--ink);transform:scale(1.035)}.begin-button:hover i{transform:translate(5px,-5px)}.begin-button.is-loading:before{opacity:1;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status{color:var(--acid);letter-spacing:.16em;justify-self:end;align-items:center;gap:10px;margin:0;font-size:11px;display:flex}.status i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px}.status:not(.tracked) i{animation:1.25s ease-in-out infinite blink}@keyframes blink{50%{opacity:.2}}.live-interface{z-index:5;opacity:0;pointer-events:none;grid-template-columns:1fr;align-items:start;display:grid;position:absolute;inset:106px clamp(24px,3.25vw,62px) auto}.is-live .live-interface{pointer-events:auto}.live-heading p{color:var(--acid);letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-family:IBM Plex Mono,monospace;font-size:10px}.live-heading h2{letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:clamp(34px,4vw,64px);font-weight:300;line-height:.98}.visual-selector{z-index:8;border-top:1px solid var(--line);opacity:0;pointer-events:none;grid-template-columns:116px 1fr;align-items:stretch;width:min(1080px,82vw);transition:opacity .52s,transform .72s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:clamp(28px,4.8vh,54px);left:clamp(24px,3.25vw,62px);transform:translateY(14px)}.is-live .visual-selector{opacity:1;pointer-events:auto;transform:translate(0,0)}.visual-selector-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0;padding-top:13px;font-family:IBM Plex Mono,monospace;font-size:9px}.visual-options{scrollbar-width:none;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow-x:auto}.visual-options::-webkit-scrollbar{display:none}.visual-options button{border:0;border-left:1px solid var(--line);min-width:0;height:62px;color:var(--bone);cursor:pointer;text-align:left;background:0 0;padding:12px 13px 8px;transition:color .22s,background .22s,transform .22s;position:relative}.visual-options button:before{content:"";background:var(--acid);transform-origin:0;width:100%;height:1px;transition:transform .32s cubic-bezier(.16,1,.3,1);position:absolute;top:-1px;left:0;transform:scaleX(0)}.visual-options button:hover{background:#e9e3d70b;transform:translateY(-2px)}.visual-options button:active{transform:translate(0,0)scale(.985)}.visual-options button.is-active{background:#c7ff3d0e}.visual-options button.is-active:before{transform:scaleX(1)}.visual-options small,.visual-options span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.visual-options small{color:#e9e3d761;letter-spacing:.1em;margin-bottom:7px;font-family:IBM Plex Mono,monospace;font-size:7px}.visual-options span{letter-spacing:.015em;font-size:12px;font-weight:400}.visual-options .is-active small{color:var(--acid)}.is-live .instruction,.is-live .begin-button{opacity:0;pointer-events:none}.is-live .bottom-ui{grid-template-columns:1fr}.info-panel{z-index:31;background:var(--bone);width:min(520px,92vw);height:100%;color:var(--ink);flex-direction:column;justify-content:space-between;padding:32px clamp(28px,4vw,64px) 44px;transition:transform .85s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0;transform:translate(102%)}.info-panel.is-open{transform:translate(0)}.close-button{cursor:pointer;letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid;align-self:flex-end;padding:4px 0;font-family:IBM Plex Mono,monospace;font-size:10px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-family:IBM Plex Mono,monospace;font-size:10px}.info-panel h2{letter-spacing:-.055em;text-transform:uppercase;max-width:420px;margin:0;font-size:clamp(48px,6vw,76px);font-weight:400;line-height:.91}.info-panel ol{counter-reset:steps;margin:20px 0;padding:0;list-style:none}.info-panel li{counter-increment:steps;border-top:1px solid #08080833;grid-template-columns:120px 1fr;gap:20px;padding:17px 0;display:grid}.info-panel li span{text-transform:uppercase;font-size:14px}.info-panel li p{margin:0;font-size:13px;line-height:1.5}.privacy-note{letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:IBM Plex Mono,monospace;font-size:9px}.panel-scrim{z-index:30;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .6s;position:absolute;inset:0}.panel-scrim.is-open{opacity:1;pointer-events:auto}.magnetic{transition:opacity .25s}.magnetic:hover{opacity:.62}@media (width<=800px){.experience{min-height:560px}.nav{grid-template-columns:1fr 1fr;height:64px}.experiment-name{display:none}.hero-copy{width:92vw;top:22%}.hero-copy h1{font-size:clamp(54px,18vw,106px);line-height:.76}.bottom-ui{grid-template-columns:1fr auto}.begin-button{grid-area:1/2/span 2;width:116px}.status{justify-self:start;margin-top:24px}.live-interface{grid-template-columns:1fr;gap:44px;top:92px}.live-heading h2{font-size:42px}.visual-selector{grid-template-columns:1fr;width:auto;bottom:74px;left:24px;right:24px}.visual-selector-label{display:none}.visual-options{grid-template-columns:repeat(7,minmax(82px,1fr))}.visual-options button{height:54px;padding:10px 8px 7px}.visual-options small{margin-bottom:6px;font-size:6px}.visual-options span{font-size:10px}}@media (height<=700px) and (width>=801px){.hero-copy{top:17%}.hero-copy h1{font-size:clamp(70px,9.2vw,140px)}.begin-button{width:118px}.bottom-ui{bottom:22px}.live-heading h2{font-size:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}