@font-face{font-family:Breit;src:url('/assets/fonts/SohneBreit-Extrafett.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#050306;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #f492ff;outline-offset:6px}header{height:76px;display:flex;align-items:center;gap:36px;padding:0 3.5%;position:absolute;top:0;width:100%;z-index:5;border-bottom:1px solid #ffffff12}.logo{width:100px;height:auto}nav{display:flex;gap:26px;font-size:13px}nav a:hover{color:#eb82ff}#motion{margin-left:auto;background:#971c15;border:1px solid #f84132;padding:10px 15px;font-size:11px;text-transform:uppercase;font-weight:700}#motion span{margin-left:10px}.hero{min-height:980px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:110px 2% 26px;background:#090109}#room,#hero-video{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#hero-video{object-fit:cover;mix-blend-mode:exclusion;opacity:.48}.hero-content{position:relative;text-align:center;margin:auto;z-index:1;padding:80px 0 110px}.hero-logo{width:min(440px,65vw);height:auto;filter:drop-shadow(0 0 32px #ce36ef35)}h1{font-family:Breit,Arial,sans-serif;font-size:clamp(13px,1.4vw,20px);text-transform:uppercase;margin:20px 0}p{color:#bdb4c4;font-size:15px;line-height:1.8}.hero-content p{font-size:15px}.button{display:inline-flex;align-items:center;gap:28px;background:#8e18c3;border:1px solid #c855fa;padding:13px 20px;text-transform:uppercase;font-size:11px;font-weight:bold;letter-spacing:.7px;margin-top:18px;box-shadow:0 0 24px #a022e326}.button:hover{background:#b02beb;box-shadow:0 0 30px #a022e370}.hero-cards{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1440px;width:100%;margin:auto}.feature{border:1px solid #b12d28;border-radius:5px;background:#080508ed;display:flex;align-items:center;min-height:220px;padding:20px 24px;transform-style:preserve-3d;transition:transform .18s,box-shadow .2s;will-change:transform}.feature:hover{box-shadow:0 0 35px #d1244329}.feature.purple{border-color:#9e32bf}.feature-art{position:relative;width:40%;flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.feature-art>img:first-child{width:100%;height:210px;object-fit:contain;transform:translateZ(25px)}.feature-art .shape{position:absolute;right:0;top:6px;animation:float 5s ease-in-out infinite}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c7a9d6}h2{font-family:Breit,Arial,sans-serif;letter-spacing:-1.4px;text-transform:uppercase;font-size:clamp(25px,3.3vw,46px);line-height:1.15}.feature h2{font-size:clamp(18px,2.1vw,30px);margin:10px 0;color:#ff493e}.feature.purple h2{color:#de4def}.feature p{font-size:12px;margin:0 0 14px}.text-link{font-size:10px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}.ticker{padding:40px 5%;display:flex;justify-content:space-around;align-items:center;gap:22px;font-size:10px;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #662378}.ticker b{color:#c849f3;font-size:24px}.grid-bg{background-image:linear-gradient(#85258a27 1px,transparent 1px),linear-gradient(90deg,#85258a27 1px,transparent 1px);background-size:42px 42px}.characters{padding:110px 6% 120px;border-bottom:1px solid #442160}.section-intro{text-align:center}.section-intro h2{color:#7770ff;margin:18px 0}.section-intro p{font-size:14px}.cast{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;margin-top:65px}.character{background:transparent;border:0;padding:0;min-width:0;perspective:900px;display:flex;flex-direction:column;align-items:center}.character img{width:100%;height:200px;object-fit:contain;position:relative;z-index:2;transform:translateY(10px);transition:transform .35s;filter:drop-shadow(0 0 22px #752fdd35)}.character:hover img,.character:focus-visible img{transform:translateY(-7px) scale(1.06)}.character-copy{position:relative;background:#05040be8;border:1px solid #4e46ff;border-radius:7px;padding:30px 12px 22px;min-height:170px;width:100%}.character-copy:before{content:'';position:absolute;inset:-7px;border:1px dashed #6051d3;border-radius:9px;pointer-events:none}.character h3{font-size:14px;margin:0 0 10px}.character p{font-size:12px;line-height:1.6;margin:0}.character .text-link{display:block;color:#bb98ff;margin-top:18px;font-size:9px}.universe{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:100px 10%;align-items:center;overflow:hidden;border-bottom:1px solid #442160}.universe h2{margin:18px 0}.universe em{font-style:normal;color:#d85ced}.orbit-scene{position:relative;min-height:480px;perspective:800px}.universe-character{position:absolute;width:80%;height:85%;object-fit:contain;top:10%;left:10%;animation:float 7s ease-in-out infinite;filter:drop-shadow(0 0 40px #ab16db40)}.orbit{position:absolute;width:100%;height:80%;border:1px solid #933fee;border-radius:50%;top:12%;transform:rotateX(65deg) rotate(-25deg);box-shadow:0 0 20px #8e18c328}.orbit-two{transform:rotateY(60deg) rotate(30deg)}.orb{position:absolute;object-fit:contain;z-index:2;animation:float 6s ease-in-out infinite}.sphere{top:0;left:0;width:100px}.cube{right:-10%;top:30%;width:80px;animation-delay:-2s}.pyramid{left:5%;bottom:0;width:100px;animation-delay:-4s}.about{max-width:850px;padding:100px 30px 120px;margin:auto}.about>p{max-width:650px;margin-bottom:45px}details{border:1px solid #502263;border-radius:5px;margin:12px 0;background:#100817}summary{padding:22px;cursor:pointer;font-size:14px}details p{padding:0 22px 20px;margin:0;font-size:14px}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:35px 6%;border-top:1px solid #442160}footer span,footer>a:last-child{font-size:11px;color:#aca0b7}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:15px;background:#72128c}.skip:focus{top:10px}dialog{width:min(460px,90vw);max-height:90dvh;overflow:auto;border:1px solid #b658ef;border-radius:12px;background:radial-gradient(ellipse at top,#321453,#08060d 70%);color:white;padding:30px;text-align:center}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog img{object-fit:contain;display:block;margin:auto;max-width:100%;height:230px}dialog h2{font-size:24px}dialog p{font-size:14px}#close-profile{position:absolute;right:15px;top:10px;font-size:30px;background:none;border:0}body:has(dialog[open]){overflow:hidden}.paused *{animation-play-state:paused!important}.paused{scroll-behavior:auto}.paused .tilt{transform:none!important}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(4deg)}}@media(min-width:1700px){.hero{min-height:1050px}}@media(max-width:900px){.hero{min-height:900px}.feature{padding:15px}.feature-art{width:35%}.feature-art>img:first-child{height:150px}.cast{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.universe{padding:70px 6%;gap:5%}.orbit-scene{min-height:380px}.ticker{font-size:8px;letter-spacing:1px}}@media(max-width:600px){header{height:66px;gap:18px;padding:0 5%}.logo{width:75px}nav{gap:15px;font-size:11px}nav a:last-child{display:none}#motion{font-size:9px;padding:8px}#motion span{display:none}.hero{padding:75px 5% 25px;min-height:1050px}.hero-content{padding:80px 0 100px}h1{font-size:13px;line-height:1.6}.hero-content p{font-size:12px}.hero-cards{grid-template-columns:1fr;gap:15px}.feature{min-height:170px}.feature h2{font-size:22px}.feature-art{width:38%}.feature .eyebrow{font-size:8px}.ticker{padding:25px 5%;flex-wrap:wrap;gap:12px}.ticker span:last-of-type,.ticker b:last-child{display:none}.characters{padding:70px 7%}.cast{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin-top:30px}.character:last-child{grid-column:1/-1;width:50%;justify-self:center}.character img{height:165px}.character-copy{min-height:182px;padding:23px 10px 18px}.character h3{font-size:13px}.character p{font-size:11px}.universe{grid-template-columns:1fr;padding:50px 8% 75px;gap:30px}.orbit-scene{min-height:350px;width:85%;margin:auto}.universe h2{font-size:36px}.about{padding:70px 7%}.about h2{font-size:29px}footer{flex-wrap:wrap;padding:30px 6%}footer span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}