@font-face{font-family:Vanguard;src:url('assets/display.otf')}@font-face{font-family:FK;src:url('assets/body.otf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#10110e;color:#f4f3ed;font-family:FK,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #ebf453;outline-offset:6px}header{height:94px;position:absolute;z-index:5;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #ffffff38}.brand{display:flex;align-items:baseline;gap:3px}.brand img{width:157px}.brand span{font-size:28px}header nav{display:flex;gap:30px;font-size:13px}.access{font-size:12px;border:1px solid #ffffff70;border-radius:30px;padding:14px 20px}.access span{margin-left:25px}.hero{position:relative;min-height:820px;height:100svh}.hero>video,.shade{position:absolute;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(180deg,#0005,transparent 30%,#000b 90%)}.hero-copy{position:absolute;left:4vw;right:4vw;bottom:116px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:bold;line-height:1.7}.eyebrow i{display:inline-block;background:#ebf453;width:7px;height:7px;border-radius:50%;margin-right:12px}h1,h2,h3{font-family:Vanguard,Impact,sans-serif;font-weight:800;margin:20px 0;line-height:.88;letter-spacing:-.02em}h1{font-size:clamp(100px,13.6vw,215px)}h2{font-size:clamp(70px,7.4vw,120px)}h3{font-size:clamp(56px,5.2vw,86px)}p{line-height:1.6}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:16px;margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:19px 25px;border-radius:3px;font-size:14px}.yellow{background:#ebf453;color:#10110e}.hero-foot{position:absolute;bottom:24px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px}.hero-foot button{background:transparent;border:1px solid #fff6;color:white;border-radius:30px;padding:10px 16px;font-size:11px}.section{padding:100px 5vw}.intro-text{display:grid;grid-template-columns:1fr 2fr;gap:4vw;border-bottom:1px solid #ffffff26}.intro-text h2{margin-top:0}.lead{font-size:22px;max-width:650px}.muted{color:#a8aaa0;max-width:580px}.section-title{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff30;padding-bottom:20px}.section-title span{font-size:11px}.feature{display:grid;grid-template-columns:1fr 1.65fr;align-items:center;gap:6vw;padding:75px 0;border-bottom:1px solid #ffffff26}.feature.reverse{grid-template-columns:1.65fr 1fr}.reverse .feature-copy{order:2}.feature-copy p{max-width:360px;color:#bfc0b6}.number{color:#ebf453;font-size:13px}.tag{display:block;font-size:9px;letter-spacing:1.2px;margin-top:35px}.feature figure{margin:0}.feature video{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px;background:#222}.feature figcaption,.caption{font-size:10px;color:#92948a;margin-top:12px}.worlds{background:#eeeee5;color:#161713}.world-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.world-heading p{max-width:320px}.tabs{display:flex;gap:24px;border-bottom:1px solid #16171340;margin-bottom:35px}.tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:20px 0;color:#62655b;font-size:14px}.tabs button[aria-selected=true]{border-color:#161713;color:#161713}.world-stage{display:grid;grid-template-columns:1.5fr 1fr;gap:5vw;align-items:center}.world-stage video{width:100%;aspect-ratio:16/10;object-fit:cover}.world-stage h3{font-size:65px}.world-stage p{max-width:370px}.world-stage a{display:inline-block;border-bottom:1px solid;padding-bottom:8px;margin-top:15px}.privacy{background:#1c2018}.privacy h2{margin:30px 0 70px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.privacy-grid .lead{margin-top:0}.privacy article{padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid #ffffff30}.privacy article span{font-size:10px;letter-spacing:1.2px;color:#ebf453}h4{font-size:24px;margin:16px 0 8px}.privacy article p{color:#bfc3b7;font-size:14px;margin:0}.showcase{position:relative;background:#000}.showcase video{width:100%;max-height:85vh;display:block;object-fit:cover}.showcase>div{display:flex;justify-content:space-between;padding:20px 5vw;font-size:10px;letter-spacing:1px}.invitation{background:#ebf453;color:#161713}.invitation h2{font-size:clamp(90px,13vw,190px)}.invitation>div{display:flex;justify-content:space-between;align-items:center}.invitation>div p{font-size:23px}.dark{background:#161713;color:#ebf453}.open-platform{border-top:1px solid #16171340;padding-top:35px;margin-top:65px;font-size:13px}.open-platform a{text-decoration:underline;margin-left:12px}footer{padding:50px 5vw;display:flex;align-items:center;justify-content:space-between}footer>div{display:flex;flex-direction:column;gap:12px;font-size:11px}footer>div span:first-child{color:#aaa}.intro{position:fixed;inset:0;z-index:20;pointer-events:none;animation:drop 1s 1.2s forwards}.cutout{position:absolute;inset:0;background:#ebf453;mask-image:linear-gradient(#000,#000),url('assets/wordmark.png');mask-size:100% 100%,85vw auto;mask-position:center;mask-repeat:no-repeat;mask-composite:exclude}.intro>span{position:absolute;bottom:18%;width:100%;text-align:center;color:#161713;font-size:12px;letter-spacing:5px}@keyframes drop{to{transform:translateY(105%);visibility:hidden}}@media(max-width:800px){header{height:76px}header nav{display:none}.brand img{width:120px}.brand span{font-size:22px}.access{font-size:10px;padding:12px}.access span{margin-left:8px}.hero{min-height:730px}.hero-copy{bottom:120px}h1{font-size:23vw}.hero-bottom{display:block}.hero-bottom .button{margin-top:25px}.hero-foot>span{display:none}.section{padding:65px 6vw}.intro-text,.feature,.feature.reverse,.privacy-grid,.world-stage{grid-template-columns:1fr;gap:30px}.reverse .feature-copy{order:0}.feature{padding:45px 0}.world-heading{display:block}.world-heading p{max-width:none}.world-stage h3{font-size:58px}.tabs{gap:20px}.tabs button{font-size:11px}.privacy h2{margin-bottom:35px}.invitation>div{align-items:start;flex-direction:column;gap:15px}.open-platform a{display:block;margin:10px 0 0}footer{flex-wrap:wrap;gap:35px}footer>.brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro{display:none}}
@media(prefers-reduced-motion:no-preference){.hero-copy,header,.hero-foot{animation:reveal-copy 2.2s both}@keyframes reveal-copy{0%,65%{opacity:0}100%{opacity:1}}}
