@font-face{font-family:Outfit;src:url('./outfit.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--sc-canvas:#edf0f1;--sc-surface:#e4e8ea;--sc-ink:#23282b;--sc-ink-soft:#535c60;--sc-accent:#b83b2a;--sc-accent-ink:#fff;--sc-font-display:Outfit,system-ui,sans-serif;--sc-font-text:Outfit,system-ui,sans-serif;--sc-r-sm:8px;--coral:#e65b47;--edge:#c8d0d4}
body{font-weight:400}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button[hidden]{display:none}a{text-decoration:none}p,h1,h2{margin:0}.page-shell{max-width:1800px;margin:auto;padding:0 clamp(24px,4.6vw,84px)}.site-header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--edge)}.wordmark{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:600;letter-spacing:-1px}.brand-light{font-weight:400}.brand-mark{background:var(--sc-ink);color:#fff;width:39px;height:39px;border-radius:11px;font-size:24px;line-height:37px;letter-spacing:-6px;padding-left:6px;transform:rotate(-8deg)}.brand-mark span{color:#ff9b86}.site-header nav{display:flex;align-items:center;gap:48px;font-size:14px}.site-header nav>a{padding:10px 0}.launch-status{display:flex;align-items:center;gap:9px;border:1px solid #bec7cb;border-radius:30px;padding:8px 14px;font-size:13px}.launch-status>span{width:6px;height:6px;border-radius:50%;background:#be4533}.hero{min-height:min(790px,calc(100svh - 100px));position:relative;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;padding:36px 0 80px;isolation:isolate}.hero-copy{position:relative;z-index:3;padding:18px 0 42px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 26px;font-weight:500}h1{font-size:clamp(74px,8.9vw,156px);line-height:.99;letter-spacing:-.072em;font-weight:500;text-wrap:initial}h1>span{color:var(--sc-accent)}.hero-description{font-size:clamp(16px,1.35vw,21px);line-height:1.6;margin:26px 0 29px;max-width:390px;color:var(--sc-ink-soft)}.primary-link{display:inline-flex;align-items:center;gap:35px;padding:14px 21px;background:var(--sc-ink);color:#fff;border-radius:40px;font-size:15px;transition:transform 160ms ease-out,background 160ms ease-out}.primary-link>span{font-size:23px;line-height:1}.primary-link:active,button:active{transform:scale(.97)}.playground{position:relative;align-self:stretch;min-height:500px;margin-left:-5%;z-index:2}.orbit-plane{position:absolute;inset:0;pointer-events:none}.orbit{position:absolute;border:1px solid #c5cdd2;border-radius:50%;width:94%;aspect-ratio:1;left:2%;top:4%}.orbit-two{width:80%;left:9%;top:10%;transform:rotate(-26deg) scaleX(1.22) scaleY(.64);border-color:#ccd3d7}.orbit-one:after{content:'';width:9px;height:9px;background:#8d9a9f;position:absolute;left:14%;top:14%;border-radius:50%;box-shadow:0 0 0 5px var(--sc-canvas)}.sculpture-plane{position:absolute;width:120%;left:-12%;top:-4%;z-index:2;pointer-events:none}.pointer-plane{transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform 650ms cubic-bezier(.23,1,.32,1)}.sculpture-float{animation:float 8s ease-in-out infinite}.sculpture{width:100%;height:auto;transform:rotate(var(--mix-rotation,-8deg));filter:hue-rotate(var(--mix-hue,0deg));transition:transform 900ms cubic-bezier(.23,1,.32,1),filter 600ms ease-out;user-select:none}.object-shadow{position:absolute;bottom:12%;left:26%;width:49%;height:5%;background:#67727b;opacity:.19;filter:blur(22px);border-radius:50%;transform:rotate(-8deg);animation:shadow 8s ease-in-out infinite}.mixer{position:absolute;bottom:5%;width:100%;display:flex;flex-direction:column;align-items:center;gap:9px;z-index:4}.mixer button{border:1px solid #9ca9af;background:#edf0f1e6;padding:10px 19px;border-radius:30px;font-size:14px;display:flex;align-items:center;gap:10px;transition:background 160ms ease-out,transform 160ms ease-out}.mix-symbol{font-size:24px;line-height:1}#mix-caption{font-size:12px;color:var(--sc-ink-soft);min-height:20px}.hero-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:var(--sc-ink-soft);font-size:13px}.hero-bottom button{background:none;border:0;padding:9px 0 9px 12px;font-size:12px;display:flex;gap:8px;align-items:center;min-height:40px}.motion-symbol{font-weight:600}.lab{padding:88px 0 0;border-top:1px solid var(--edge);display:grid;grid-template-columns:1fr 1fr;gap:40px 8%;scroll-margin-top:32px}.lab h2{font-size:clamp(36px,4.1vw,65px);line-height:1.06;letter-spacing:-.045em;font-weight:500}.lab-copy{max-width:530px;padding-top:4px}.lab-copy p{font-size:18px;line-height:1.65;color:var(--sc-ink-soft)}.lab-copy p+p{margin-top:16px}.lab-copy ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 25px;padding:0;margin:29px 0 0;font-size:13px}.lab-copy li{border-bottom:1px solid #a4afb5;padding-bottom:5px}.closing{grid-column:1/-1;margin-top:40px;background:#e2e7e9;border-radius:16px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:22px;letter-spacing:-.02em}.closing-status{font-size:14px;color:var(--sc-accent)}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px 0;color:var(--sc-ink-soft);font-size:12px}.footer-brand{font-size:19px;font-weight:600;color:var(--sc-ink);letter-spacing:-.8px}.skip{position:fixed;left:20px;top:-100px;background:var(--sc-ink);color:#fff;padding:12px 20px;z-index:99;border-radius:8px}.skip:focus{top:15px}.motion-paused .sculpture-float,.motion-paused .object-shadow{animation-play-state:paused}.motion-paused .pointer-plane{transform:none}.motion-paused .sculpture-plane,.motion-paused .orbit-plane{transform:none!important}.motion-paused .sculpture{transition:none}.motion-paused{scroll-behavior:auto}.motion-paused [data-sc-in]{opacity:1!important;transform:none!important}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes shadow{0%,100%{transform:scaleX(1);opacity:.19}50%{transform:scaleX(.86);opacity:.13}}
@media(hover:hover) and (pointer:fine){.primary-link:hover{background:var(--sc-accent);transform:translateY(-2px)}.mixer button:hover{background:#fff;transform:translateY(-2px)}.site-header nav>a:hover,.footer-brand:hover{color:var(--sc-accent)}#motion:hover{text-decoration:underline;text-underline-offset:4px}}
@media(min-width:1600px){.playground{min-height:610px}.sculpture-plane{top:-8%}.hero{min-height:820px}}
@media(max-width:1050px) and (min-width:701px){.hero{min-height:650px}.playground{min-height:480px}.sculpture-plane{top:6%;width:130%;left:-16%}.orbit{top:17%}.hero-description{max-width:300px}.lab{gap:40px}.site-header nav{gap:25px}}
@media(max-width:700px){.page-shell{padding:0 24px}.site-header{height:78px}.wordmark{font-size:20px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:9px;font-size:20px;line-height:30px;letter-spacing:-5px;padding-left:4px}.site-header nav{gap:0}.site-header nav>a{display:none}.launch-status{font-size:11px;padding:6px 10px;gap:6px}.hero{display:flex;flex-direction:column;min-height:0;padding:40px 0 62px;align-items:stretch}.hero-copy{padding:0;z-index:3}.eyebrow{font-size:11px;margin-bottom:20px;letter-spacing:.085em}h1{font-size:clamp(62px,14vw,94px);line-height:1.01;letter-spacing:-.065em}.hero-description{font-size:16px;margin:20px 0 23px;max-width:350px}.primary-link{padding:12px 19px;gap:28px;font-size:14px}.playground{width:100%;margin:4px 0 0;min-height:360px;height:82vw;max-height:480px;align-self:auto}.orbit{width:88%;left:6%;top:8%}.orbit-two{width:78%;left:11%;top:13%}.sculpture-plane{width:112%;left:-6%;top:-11%}.object-shadow{bottom:19%}.mixer{bottom:3%;gap:5px}.mixer button{font-size:13px;padding:9px 16px}#mix-caption{font-size:11px}.hero-bottom{bottom:16px;font-size:11px}.hero-bottom button{font-size:11px}.lab{padding-top:44px;grid-template-columns:1fr;gap:25px;scroll-margin-top:24px}.lab h2{font-size:41px}.lab-copy p{font-size:16px}.lab-copy ul{font-size:12px;gap:12px 19px;margin-top:24px}.closing{margin-top:10px;padding:23px 22px;display:block;font-size:21px}.closing-status{display:block;margin-top:8px;font-size:13px}footer{display:grid;grid-template-columns:1fr auto;gap:14px;padding:29px 0;font-size:11px}footer>span:first-of-type{grid-row:2;grid-column:1/-1}.footer-brand{font-size:17px}}
@media(max-width:380px){.page-shell{padding:0 20px}.wordmark{font-size:18px}.launch-status{font-size:10px}.hero{padding-top:30px}.eyebrow{font-size:10px}.playground{min-height:330px}.sculpture-plane{top:-6%}.lab h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pointer-plane,.sculpture-plane,.orbit-plane{transform:none!important}[data-sc-in]{opacity:1!important;transform:none!important}}
/* Reserve a clear control shelf below the sculpture at every viewport size. */
.sculpture-plane{inset:-3% -3% 100px;width:auto;display:flex;align-items:center;justify-content:center}
.pointer-plane{height:100%;max-width:100%;aspect-ratio:1}
.sculpture-float{height:100%;animation-play-state:var(--visibility-state,running)}
.sculpture{width:100%;height:100%;object-fit:contain}
.object-shadow{animation-play-state:var(--visibility-state,running)}
@media(max-width:700px){.sculpture-plane{inset:-5% -6% 78px}.mixer{bottom:0}.playground{margin-top:24px}}
html:not(.sc-ready) [data-sc-in]{opacity:1;transform:none}
[hidden]{display:none!important}
html:not(.sc-ready) .sculpture-float,html:not(.sc-ready) .object-shadow{animation:none}
button:disabled{cursor:default}

/* A full-viewport opening, with navigation floating over the scene. */
:root{--page-gutter:clamp(24px,4.6vw,84px)}
.page-shell{max-width:none;padding-inline:var(--page-gutter)}
.site-header{position:absolute;inset:0 var(--page-gutter) auto;height:96px;z-index:10;border-bottom:0}
.hero{min-height:100svh;min-height:100dvh;margin-inline:calc(-1 * var(--page-gutter));padding:120px var(--page-gutter) 92px;grid-template-columns:1.03fr 1fr;overflow:clip;background:radial-gradient(ellipse at 83% 42%,#f9e4de 0%,#edf0f100 48%),radial-gradient(ellipse at 15% 14%,#fafbfc 0%,#edf0f100 55%)}
.hero-copy{padding:0 0 18px}
.hero h1{font-size:clamp(76px,9.6vw,178px)}
.hero-description{max-width:420px}
.playground{min-height:0;margin-left:-4%;align-self:stretch}
.sculpture-plane{inset:-32px -10% 86px}
.pointer-plane{max-width:112%}
.orbit-plane{inset:-60px -9% -50px}
.orbit{width:100%;left:0;top:5%}
.orbit-two{width:85%;left:7.5%;top:12%}
.object-shadow{bottom:17%}
.mixer{bottom:0}
.hero-bottom{left:var(--page-gutter);right:var(--page-gutter);bottom:23px}
.lab,footer{max-width:1632px;margin-inline:auto}
.lab{border-top:0}
@media(min-width:1600px){.hero{padding-top:136px;padding-bottom:106px}.sculpture-plane{inset:-32px -5% 90px}}
@media(min-width:701px) and (max-height:720px){.hero{padding-top:104px;padding-bottom:82px}.hero h1{font-size:clamp(74px,8.7vw,132px)}.eyebrow{margin-bottom:18px}.hero-description{margin:22px 0}.sculpture-plane{inset:-16px -10% 70px}.hero-bottom{bottom:15px}}
@media(max-width:700px){
  :root{--page-gutter:24px}
  .site-header{height:76px}
  .hero{display:flex;min-height:100svh;min-height:100dvh;padding:105px var(--page-gutter) 61px;gap:4px}
  .hero-copy{padding:0}
  .hero h1{font-size:clamp(60px,14.5vw,94px)}
  .hero .eyebrow{font-size:10px;margin-bottom:16px}
  .hero-description{font-size:15px;line-height:1.5;margin:18px 0 19px;max-width:350px}
  .playground{flex:1;min-height:305px;height:auto;max-height:none;margin:10px 0 0;width:100%}
  .sculpture-plane{inset:-10px -9% 60px}
  .pointer-plane{max-width:112%}
  .orbit-plane{inset:-12px 0 4px}
  .orbit{width:88%;left:6%;top:0}
  .orbit-two{width:77%;left:11%;top:7%}
  .mixer{bottom:0;gap:4px}
  .mixer button{padding:8px 16px}
  #mix-caption{font-size:11px}
  .hero-bottom{bottom:12px}
}
@media(max-width:380px){:root{--page-gutter:20px}.hero{padding-top:95px}.hero h1{font-size:60px}.playground{min-height:270px}.hero-description{font-size:14px}.hero .eyebrow{font-size:10px}}
@media(min-width:701px){.sculpture-plane{left:0}.hero h1{font-size:clamp(74px,9.1vw,170px)}}
@media(min-width:701px) and (max-width:1050px){.hero h1{font-size:clamp(62px,8.3vw,87px)}.hero-description{max-width:320px}.pointer-plane{max-width:100%}}