@font-face{font-family:Barlow Condensed;src:url("assets/fonts/BarlowCondensed-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
:root{color-scheme:dark;--paper:#f1f1eb;--muted:#a0a5ac;--line:rgba(235,240,247,.16)}
*{box-sizing:border-box}
html{background:#050608;min-width:320px}
body{margin:0;background:#050608;color:var(--paper);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:2px solid #e5e8ef;outline-offset:7px}
[hidden]{display:none!important}
.studio{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 68%,#1c2430 0,#090c12 42%,#050608 76%)}
#studio-canvas{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease}
.has-webgl #studio-canvas{opacity:1}
.studio-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 28%,transparent 66%,rgba(0,0,0,.57)),radial-gradient(ellipse at center,transparent 25%,rgba(0,0,0,.6) 100%)}
.studio-grain{position:absolute;inset:0;opacity:.045;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}
.studio-fallback{position:absolute;inset:0;opacity:.7;transition:opacity 1s}
.has-webgl .studio-fallback{opacity:0}
.studio-fallback i{position:absolute;top:-25%;left:30%;width:20%;height:130%;background:linear-gradient(180deg,rgba(195,218,255,.18),rgba(216,230,255,.02));clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);filter:blur(10px);transform-origin:50% 0;transform:rotate(-18deg)}
.studio-fallback i:nth-child(2){left:20%;transform:rotate(26deg);opacity:.5}
.studio-fallback i:nth-child(3){left:55%;transform:rotate(16deg);opacity:.8}
.studio-fallback i:nth-child(4){left:65%;transform:rotate(-26deg);opacity:.4}
.page{position:relative;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;padding:32px 4.2vw 26px}
.masthead{display:flex;justify-content:space-between;align-items:center;min-height:68px;position:relative;z-index:2}
.brand{display:block;opacity:.97}
.brand-crop{display:block;position:relative;overflow:hidden;width:237px;height:64px;background:var(--paper);mask-image:url("assets/before-live-logo.png");mask-mode:luminance;mask-size:310px 155px;mask-position:-35px -45px;mask-repeat:no-repeat}
.brand-crop img{display:block;position:absolute;width:310px;height:155px;max-width:none;left:-35px;top:-45px;opacity:0}
.masthead-note{font-size:11px;line-height:1.45;letter-spacing:.025em;text-align:right;color:#a1a6af}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px 0 76px;position:relative;z-index:1}
.launch-status{display:flex;align-items:center;justify-content:center;gap:11px;text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:.25em;color:#c9cdd1;margin-bottom:28px}
.status-light{width:5px;height:5px;border-radius:50%;background:#eff3fa;box-shadow:0 0 10px #d9e5ff80}
.status-line{position:relative;width:46px;height:1px;background:#ffffff24;overflow:hidden}
.status-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f4f4ed,transparent);animation:standby 2.8s ease-in-out infinite}
h1{font-family:Barlow Condensed,"Arial Narrow",Impact,sans-serif;font-size:clamp(100px,12.9vw,208px);font-weight:600;line-height:.84;letter-spacing:-.025em;text-transform:uppercase;margin:0;position:relative;text-shadow:0 2px 40px #0005}
h1>span{display:block}
h1>span+span{margin-top:8px}
h1 em{font-style:normal;color:#e1e5eb}
.hero-copy{font-size:clamp(13px,1.2vw,16px);line-height:1.5;font-weight:400;letter-spacing:.005em;margin:33px 18px 0;color:#b3b8c0;text-shadow:0 1px 10px #000;text-wrap:balance}
.disciplines{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:35px 18px 0;text-transform:uppercase;font-size:9px;font-weight:500;line-height:1.7;letter-spacing:.14em;color:#c1c6ce}
.divider{color:#636d79;margin:0 2px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:32px;position:relative;z-index:2;font-size:10px;letter-spacing:.06em;color:#929ba8}
.footer-name{font-size:9px;letter-spacing:.12em;color:#7c8591}
.footer-dot{font-size:7px;vertical-align:super;margin-left:5px}
.domain{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.08em}
.motion-control{border:0;padding:8px 0 8px 12px;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;color:#9aa3af;font-size:10px;letter-spacing:.02em;transition:color .2s}
.motion-control:hover{color:#f4f4ee}
.motion-icon{display:flex;align-items:center;justify-content:center;gap:3px;width:9px;height:10px}
.motion-icon i{height:8px;width:2px;background:currentColor}
.motion-control[aria-pressed=true] .motion-icon{border-left:7px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;width:0;height:0;gap:0;margin-right:2px}
.motion-control[aria-pressed=true] .motion-icon i{display:none}
.motion-paused .status-line:after{animation-play-state:paused}
.page{animation:arrival 1.3s cubic-bezier(.2,.7,.2,1) both}
@keyframes arrival{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes standby{0%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}
@media(min-width:1600px){.page{padding-left:5vw;padding-right:5vw}.hero{padding-bottom:100px}}
@media(max-height:720px) and (min-width:761px){.page{padding-top:20px;padding-bottom:16px}.hero{padding-top:30px;padding-bottom:35px}h1{font-size:clamp(95px,10vw,150px)}.launch-status{margin-bottom:22px}.hero-copy{margin-top:24px}.disciplines{margin-top:22px}}
@media(max-width:760px){.page{padding:20px 24px 22px}.brand-crop{width:180px;height:52px;mask-size:236px 118px;mask-position:-27px -33px}.brand-crop img{width:236px;height:118px;left:-27px;top:-33px}.masthead-note{font-size:9px}.masthead{min-height:52px}.hero{padding:72px 0 92px}h1{font-size:clamp(77px,16.4vw,126px);letter-spacing:-.02em;line-height:.88}.launch-status{font-size:9px;letter-spacing:.21em;margin-bottom:31px}.hero-copy{font-size:13px;max-width:245px;line-height:1.6;margin-top:29px}.disciplines{max-width:310px;column-gap:9px;row-gap:7px;font-size:8px;letter-spacing:.13em;margin-top:30px}.disciplines .divider:nth-of-type(4){display:none}.disciplines span:last-child{flex-basis:100%}.footer{gap:9px;font-size:9px}.footer-name{font-size:8px}.domain{position:static;transform:none;font-size:9px}.motion-control{font-size:0;gap:0;padding:10px}.motion-icon{margin:0}.studio-shade{background:linear-gradient(180deg,#0005,transparent 35%,transparent 60%,#0008),radial-gradient(ellipse at center,transparent 5%,#0007)} }
@media(max-width:380px){.page{padding-left:20px;padding-right:20px}.masthead-note{display:none}h1{font-size:16.5vw}.hero{padding-top:60px;padding-bottom:70px}.hero-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.footer{display:block}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;min-height:32px}.legal-links{display:flex;justify-content:center;gap:20px;margin-top:9px;font-size:9px;letter-spacing:.035em;color:#87909c}.legal-links a:hover,.domain:hover{color:var(--paper)}
.legal-page{max-width:960px;width:100%;margin:0 auto;min-height:100svh;padding:32px 32px 28px;position:relative}.legal-page .masthead{margin-bottom:62px}.legal-page main{max-width:650px;margin:0 auto 70px}.legal-page h1{font-size:clamp(56px,8vw,86px);line-height:1;letter-spacing:-.01em;margin-bottom:32px}.legal-page h2{font-size:17px;font-weight:500;line-height:1.4;margin:30px 0 10px;color:#e1e5eb}.legal-page p{font-size:14px;line-height:1.8;color:#b3b8c0;margin:12px 0}.legal-page main a{text-decoration:underline;text-underline-offset:4px}.legal-page .back{font-size:11px;color:#b3b8c0}.legal-page .legal-links{justify-content:flex-start;margin-top:20px}.legal-page address{font-style:normal;font-size:14px;line-height:1.8;color:#b3b8c0}@media(max-width:760px){.legal-page{padding:20px 24px}.legal-page .masthead{margin-bottom:44px}.legal-page main{margin-bottom:50px}.footer-bar{gap:8px}.footer-bar .domain{font-size:8px;letter-spacing:.02em}.legal-links{margin-top:9px;font-size:8px}}