*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#040812;color:#eaf3ff;font:16px/1.6 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #50e5f5;outline-offset:5px}img{max-width:100%;display:block}header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:25px 5vw;border-bottom:1px solid #a2c7ff16;background:#04081255}.wordmark{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:2px}.wordmark img{width:42px;height:42px;object-fit:contain;animation:breathe 6s ease-in-out infinite}nav{display:flex;gap:32px;font-size:13px;letter-spacing:1.5px}nav a:hover{color:#54e6f5}.hero{position:relative;min-height:850px;height:100svh;max-height:1150px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(0deg,#040812 0%,transparent 30%),url('assets/cosmic-backdrop.png') center 63%/cover}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#071b2a00,#02051070)}.hero-content{text-align:center;position:relative;padding:95px 20px 45px;width:100%}.hero-logo{width:min(560px,76vw);height:auto;margin:auto;filter:drop-shadow(0 0 38px #13d8e82a);animation:float 7s ease-in-out infinite}.eyebrow{color:#70e9f2;font-size:11px;letter-spacing:4px;text-transform:uppercase}.hero .eyebrow{margin:8px 0 22px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid #68e7f677;padding:12px 24px;border-radius:30px;background:#07152199;font-size:12px;letter-spacing:2px;color:#effcff;transition:.2s}.pill:hover{background:#11657155;transform:translateY(-2px)}.scroll-hint{font-size:10px;letter-spacing:4px;color:#8a9bb0;margin-top:36px}.section{max-width:1280px;margin:auto;padding:92px 5vw}.section h1,.section h2{font-size:clamp(34px,5vw,58px);line-height:1.12;font-weight:450;margin:12px 0 44px;letter-spacing:-1.8px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head p{color:#90a4bc;max-width:330px;font-size:14px;margin-bottom:44px}.world-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.world-card{display:block;border:1px solid #6880a62a;background:linear-gradient(135deg,#101c2a,#070b14);overflow:hidden;border-radius:4px;transition:transform .3s,border-color .3s}.world-card:hover{transform:translateY(-6px);border-color:#4adee477}.world-card .visual{height:300px;overflow:hidden;background:#101221}.visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.world-card:hover img{transform:scale(1.04)}.world-card .comic{object-position:50% 27%;filter:brightness(.8)}.card-content{padding:26px 30px}.meta{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#6cdae5}.card-content h3{font-size:30px;font-weight:500;letter-spacing:-.8px;margin:8px 0 12px}.card-content p{font-size:14px;color:#a2b0c5;max-width:390px}.card-link{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #50617c33;color:#d6e9f4;font-size:12px;letter-spacing:1.5px}.transmission{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center;border-top:1px solid #52698833}.transmission h2{margin-bottom:24px}.transmission p{color:#a2b0c5;max-width:360px}.transmission video{width:100%;max-height:520px;background:#02040c;border:1px solid #6c7dad3a;border-radius:4px}.detail-hero{padding-top:160px;max-width:1280px;margin:auto}.detail-hero h1{font-size:clamp(48px,7vw,90px);font-weight:500;letter-spacing:-4px;line-height:1.1;margin:16px 0 30px}.detail-hero p{max-width:600px;color:#a5b9d0}.wide-image{width:100%;border-radius:5px;image-rendering:auto;margin:40px 0 10px}.caption{font-size:12px!important;color:#8e9daf!important}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:40px}.gallery img{width:100%;border:1px solid #6a83ae44}.comic-page{max-width:700px;margin:40px auto}.prose{max-width:780px;margin:auto}.prose h2{font-size:28px;letter-spacing:-.5px;margin:35px 0 20px}.prose p{color:#a5b9d0}.faq{border-top:1px solid #344258;margin:10px 0;padding:20px 0}.faq summary{cursor:pointer;font-size:18px}.faq p{font-size:15px}footer{border-top:1px solid #52698833;padding:35px 5vw;color:#8497b0;font-size:12px;display:flex;justify-content:space-between;gap:25px}footer a{margin-left:20px}#intro{position:fixed;inset:0;background:#02050d;display:grid;place-items:center;z-index:100;transition:opacity .5s}#intro.hidden{opacity:0;pointer-events:none}#intro img{width:min(470px,80vw);animation:intro 4.6s both}#skip{position:absolute;right:35px;bottom:35px;background:none;color:#dceeff;border:1px solid #66899a;padding:10px 25px;border-radius:20px;font-size:12px;letter-spacing:2px}#intro:before{content:"";position:absolute;inset:0;background:url('assets/cosmic-backdrop.png') center/cover;opacity:.3}@keyframes intro{0%{opacity:0;transform:scale(.65);filter:blur(14px)}35%{opacity:1;filter:blur(0)}80%,100%{opacity:1;transform:scale(1)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes breathe{50%{filter:drop-shadow(0 0 5px #23ddff66)}}@media(max-width:700px){header{padding:20px 6vw}.wordmark{font-size:14px}.wordmark img{width:32px;height:32px}nav{gap:15px;font-size:11px;letter-spacing:0}nav .desktop{display:none}.hero{min-height:670px;max-height:900px;height:94svh}.hero-logo{width:90vw}.hero-content{padding-top:95px}.section{padding:60px 6vw}.section-head{display:block}.section-head p{margin-top:-20px}.world-grid,.transmission{grid-template-columns:1fr}.world-card .visual{height:250px}.section h2{margin-bottom:35px}.transmission{gap:20px}.detail-hero{padding-top:120px}.gallery{grid-template-columns:1fr}.detail-hero h1{letter-spacing:-2px}footer{flex-direction:column}footer a{margin-left:0;margin-right:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}#intro{display:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Connected brand channels and support */
footer .footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;letter-spacing:0}
footer .footer-links a{margin:0}
.contact-card{background:radial-gradient(ellipse at top right,#14384855,transparent 65%),#0b1421;border:1px solid #3d8c9f55;border-radius:16px;padding:30px;margin:32px 0 38px}
.contact-card h2{margin:8px 0 14px}.contact-card p{margin:10px 0 20px}
.contact-email{display:inline-flex;align-items:center;gap:12px;color:#7df1f6;font-size:clamp(15px,3.7vw,24px);font-weight:600;overflow-wrap:anywhere;max-width:100%}
.contact-card .contact-language{font-size:14px;color:#b6c8d7;margin:18px 0 0;text-align:left}
.studio-channels{margin:0 0 42px}.studio-channels h2{margin:0 0 18px}
.channel-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.channel-links>a{padding:20px;border:1px solid #4f65814d;border-radius:12px;display:flex;justify-content:space-between;align-items:center;background:#101928;transition:border-color .2s}
.channel-links>a:hover{border-color:#59dbe4}.channel-links small{display:block;color:#8ca6bd;font-size:12px;margin-top:6px}
@media(max-width:520px){.contact-card{padding:22px 18px}.channel-links{grid-template-columns:1fr}.contact-email{gap:7px}footer .footer-links{gap:12px 18px}}