@font-face{font-family:Inter;src:url('assets/brand/fonts/InterVariable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#f6f5f2;background:#050505;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:50px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:1px solid #e9c99c;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}
.navigation{position:absolute;z-index:5;top:0;left:0;width:100%;height:9.2svh;min-height:58px;padding:0 3.8%;display:flex;align-items:center;justify-content:space-between}
.wordmark{font-size:clamp(20px,2.85svh,30px);font-weight:500;letter-spacing:-.065em;white-space:nowrap}.wordmark span{color:#949494;font-weight:350}.navigation nav{display:flex;align-items:center;gap:2.65vw;font-size:clamp(12px,1.52svh,16px);color:#e1dfdc}.navigation nav>a:hover{color:#fff}.nav-explore{border:1px solid #dfbe8b;border-radius:30px;min-width:6.4vw;text-align:center;padding:1svh 1.7vw;box-shadow:inset 0 0 0 1px #e4c89a14}
.hero{position:relative;height:100svh;min-height:580px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 8%,#24221f 0, #10100f 29%,#050505 60%)}
.scene{position:absolute;inset:0;z-index:-2;pointer-events:none}.scene img{position:absolute;left:8%;top:0;width:84%;height:84%;object-fit:fill;filter:brightness(.8);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.scene::after{content:"";position:absolute;inset:58.5% 0 0;background:linear-gradient(transparent,#050505cc 38%,#050505 88%)}
.horizon{position:absolute;top:58.5%;left:0;right:0;height:1px;background:linear-gradient(90deg,#a77b4355,#e4bf87b3 35%,#ffe2aa 50%,#e4bf87b3 65%,#a77b4355);box-shadow:0 0 9px 1px #e1b27c45,0 0 28px 3px #cc9e6a19}
.hero-copy{position:absolute;top:63.6%;left:0;right:0;text-align:center;z-index:2}.hero-copy h1{font-size:clamp(58px,10.8svh,122px);font-weight:500;line-height:1;letter-spacing:-.065em;margin:0;white-space:nowrap}.hero-copy h1 span{color:#969594;font-weight:350}.hero-copy>p{font-size:clamp(17px,3svh,32px);line-height:1.3;letter-spacing:.005em;color:#c3c1bf;margin:.6svh 0 2.5svh;font-weight:350}
.actions{display:flex;align-items:center;justify-content:center;gap:1.65vw;height:5.4svh;min-height:36px}.primary-action{height:100%;padding:0 2.05vw;min-width:15.2vw;border-radius:40px;background:#fbf7ee;color:#111;display:inline-flex;align-items:center;justify-content:center;gap:1vw;font-size:clamp(12px,1.8svh,20px);letter-spacing:-.04em;box-shadow:0 0 20px #f5d5a30b}.primary-action>span{font-size:1.3em}.primary-action:hover{background:#fff}.action-divider{width:1px;height:3.6svh;background:#ffffff42}.watch-action{display:inline-flex;align-items:center;gap:1.05vw;padding:0;border:0;background:none;font-size:clamp(12px,1.85svh,20px);font-weight:350;letter-spacing:.005em}.play-icon{width:3.5svh;height:3.5svh;min-width:24px;min-height:24px;border:1px solid #d7bf96;border-radius:50%;display:grid;place-items:center;font-size:1.05svh;padding-left:2px}
.planet-edge{position:absolute;z-index:0;top:88.4%;left:-12%;width:124%;height:38%;border-radius:50% 50% 0 0/100% 100% 0 0;border-top:1px solid #eac798b3;background:linear-gradient(#15151366,#050505 28%);box-shadow:0 -6px 22px #eccb9522,0 -1px 7px #f9dfb929;pointer-events:none}.planet-edge::before{content:"";position:absolute;left:50%;top:2svh;width:1px;height:2.9svh;background:#f2eee3b3}
.audiences{position:absolute;z-index:2;bottom:3.05%;left:30.4%;right:30.4%;display:flex;align-items:center;justify-content:space-between;gap:2.8vw;font-size:clamp(13px,1.85svh,20px);color:#d3d1cd;font-weight:350}.audiences span{height:1px;flex:1;background:#ffffff25;min-width:3vw}.audiences a:hover{color:#ffe3b5}
.content-section{padding:120px 8%;scroll-margin-top:30px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#ab9272}.content-section>h2{font-size:clamp(36px,5vw,72px);font-weight:400;letter-spacing:-.05em;margin:28px 0 55px}.audience-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.audience-panels article{padding:28px;border:1px solid #c6a57526;border-radius:16px;scroll-margin-top:50px}.audience-panels h3{font-size:25px;font-weight:400;margin:0 0 32px;letter-spacing:-.04em}.placeholder{height:220px;border-radius:9px;background:linear-gradient(130deg,#ffffff03,#ffffff01)}.developer-placeholder{height:400px;border:1px solid #c6a57520;border-radius:18px;background:linear-gradient(135deg,#18151133,#080808)}footer{margin:0 8%;padding:40px 0;border-top:1px solid #ffffff13;display:flex;justify-content:space-between;color:#888;font-size:14px}footer span{font-size:12px;color:#555}
.launch-dialog{width:min(640px,90vw);padding:65px 40px;background:#0d0d0c;border:1px solid #b99d714d;border-radius:20px;text-align:center}.launch-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.launch-dialog h2{font-size:36px;letter-spacing:-.04em;font-weight:400}.launch-dialog>p:last-child{color:#aaa;font-size:15px}.close-dialog{position:absolute;top:15px;right:20px;border:0;background:none;font-size:28px;color:#b8aa94}
@media(max-width:650px){.navigation{padding:0 5%;min-height:65px}.wordmark{font-size:21px}.navigation nav{gap:18px;font-size:11px}.navigation nav>a:nth-child(2),.navigation nav>a:nth-child(3){display:none}.nav-explore{padding:7px 16px}.hero{min-height:650px}.scene img{width:140%;left:-20%;height:78%;top:3%;object-fit:fill}.horizon{top:57%}.scene::after{inset:57% 0 0}.hero-copy{top:64%}.hero-copy h1{font-size:clamp(46px,12.8vw,72px)}.hero-copy>p{font-size:clamp(13px,3.65vw,19px);margin:13px 0 22px}.actions{gap:17px;height:40px}.primary-action{padding:0 18px;font-size:12px;gap:10px}.watch-action{font-size:12px;gap:8px}.play-icon{width:25px;height:25px;font-size:8px}.action-divider{height:25px}.planet-edge{top:89%;left:-45%;width:190%;height:29%}.planet-edge::before{top:14px;height:20px}.audiences{left:13%;right:13%;bottom:3%;font-size:14px;gap:20px}.content-section{padding:80px 6%}.audience-panels{grid-template-columns:1fr}.placeholder{height:170px}footer{gap:20px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wordmark{font-size:clamp(20px,3.1svh,32px)}.hero-copy h1{letter-spacing:.005em}.hero-copy>p{font-size:clamp(17px,3.4svh,35px)}
@media(max-width:650px){.hero-copy h1{letter-spacing:-.04em}.hero-copy>p{font-size:clamp(13px,3.65vw,19px)}}
@media(max-width:650px){.scene img{width:240%;left:-70%;height:auto;top:calc(57% - 93.73vw)}}
.hero{overflow:clip}
@media(max-width:650px){.scene img{mask-image:linear-gradient(transparent,#000 14%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 88%,transparent)}}