@charset "UTF-8";
:root{--bg:#edf5fb;--text:#123149;--muted:#648298;--line:#5589b82b;--accent:#087dd2;--serif:"Segoe UI","Microsoft YaHei",sans-serif}body{background:#edf5fb;color:var(--text)}.filmgrain{opacity:.014}header{height:88px;background:linear-gradient(#f5faffed,#f5faffaa,transparent)}.brand small{color:#67899e}.chapterTitle{color:#66849b;letter-spacing:4px}#menuButton{display:flex;align-items:center;gap:24px;color:#246284;background:#ffffffa6;border:1px solid #98bfda9c;padding:10px 18px;border-radius:8px;box-shadow:inset 0 1px #fff,0 4px 15px #4685bd0a}#menuButton span{padding:0;color:#007db3;font-size:16px}.scene{background:radial-gradient(ellipse at 90% 10%,#d0eaffaa,transparent 40%),radial-gradient(ellipse at 0% 90%,#d7ecf866,transparent 50%),#f3f8fc;padding-top:112px;padding-bottom:95px}.scene:not(.hero):before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#7aa7c208 1px,transparent 1px),linear-gradient(90deg,#7aa7c208 1px,transparent 1px);background-size:48px 48px;z-index:-1}h1,h2{font-weight:500;letter-spacing:-2px}h2{font-size:clamp(34px,3.65vw,58px)}h2 .serif{color:#187db5;background:linear-gradient(110deg,#087ca7,#3667d1);background-clip:text;-webkit-background-clip:text;color:transparent}.serif{font-weight:500}p{color:#57778c}.kicker{color:#477992;font-size:9px;letter-spacing:2.7px}.status{color:#638198}.status:before{background:#1bb39e}.status.planned:before{background:#4284dd}.sectionTop{margin-bottom:25px}.heroArt{background-image:url('assets/cast-ensemble.png');inset:11% -6% 9% 35%;background-position:center;background-size:cover;opacity:.94;border-radius:50% 0 0 50%;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%)}.hero{background:radial-gradient(ellipse at 75% 18%,#d3efff 0%,#edf6fd 50%,#f9fbfd 100%)}.heroVeil{background:linear-gradient(90deg,#f7fbff 6%,#f1f8fdf2 30%,#eff7fba6 43%,#edf6fc00 62%),linear-gradient(0deg,#edf6fc 6%,transparent 23%,transparent 75%,#edf6fc40)}.heroContent{margin-top:25vh;max-width:70%;z-index:1}.heroContent h1{font-size:clamp(48px,5.7vw,86px);letter-spacing:-3px;line-height:1.27}.heroContent h1 .serif{color:#087fb9}.heroContent p{color:#608196;font-size:14px}.hero .kicker{font-size:11px;color:#406c86}.hero .kicker>span{box-shadow:0 0 12px #0083cb70}.heroSide{color:#6895ab}.heroBottom{color:#608196;z-index:1;font-size:8px;bottom:105px}.artCredit{color:#285a79;z-index:1}.artCredit small{color:#66849a}.cta{position:relative;background:linear-gradient(120deg,#087bb9,#285dd0);color:white;border:1px solid #4596d4;border-radius:10px 3px 10px 3px;box-shadow:0 8px 25px #217abb26,inset 0 1px #ffffff50;overflow:hidden}.cta:before{content:"";position:absolute;top:0;left:-50%;width:25%;height:100%;background:linear-gradient(90deg,transparent,#ffffff44,transparent);transform:skewX(-20deg);transition:left .7s}.cta:hover{background:linear-gradient(120deg,#036ba6,#1d54be);border-color:#4ab8f1;color:white;transform:translateY(-2px)}.cta:hover:before{left:130%}.cta span,.cta b{background:#ffffff20;width:27px;height:27px;display:grid;place-items:center;border-radius:5px;font-size:17px}footer{background:#f4f9fce8;backdrop-filter:blur(15px);height:70px;border-color:#5892b830}.footerChapter i{color:#7996a9}.footerChapter>span:last-child{color:#48738b}.timeline{gap:5px}.timeline button{width:20px;height:30px}.timeline button:before{height:3px;background:#b8cddd;border-radius:2px;transition:background .3s,box-shadow .3s}.timeline button.active:before{background:linear-gradient(90deg,#087fbc,#64d6e5);box-shadow:0 0 12px #0f9edc40}.footerTools button{width:34px;height:32px;font-size:17px;border:1px solid #a2c0d5;border-radius:7px;background:linear-gradient(#fff,#e8f3fa);box-shadow:0 2px 6px #608ca90d;color:#246587;padding:0}.footerTools button:hover{border-color:#45a9d6;color:#007cb4}.keyHint{color:#7491a4}.footerTools{gap:7px}.textButton{color:#156997;border-bottom:1px solid #8ec0d9;padding:8px 0}.textButton:hover{color:#006bb3}.textButton span{color:#087fb9}.worksHead p{font-size:12px}.posterStage.hasImage{height:38vh;margin-top:22px;border:1px solid #fff;box-shadow:0 16px 50px #3e79a81c;border-radius:18px;background:#e8f2f8;position:relative;overflow:hidden}.posterStage>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 38%}.posterBadge{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:14px 22px;color:#fff;background:linear-gradient(transparent,#173b5266);font-size:8px;letter-spacing:3px;pointer-events:none}.posterBadge span{font-size:10px;letter-spacing:2px}.castSeries{display:flex;gap:12px;margin-top:16px}.castSeries button{font-size:10px;border:1px solid #b4d0e2;border-radius:6px;padding:9px 14px;color:#6a8b9e;background:#ffffff70}.castSeries button[aria-selected=true]{background:#e0f2fc;border-color:#56a4d0;color:#087db0;box-shadow:inset 0 0 12px #8ad8ff20}.castSeries button span{margin-left:25px}.overviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.glassCard{background:linear-gradient(135deg,#fffffff0,#e6f3fbcc);border:1px solid #fff;box-shadow:0 12px 35px #447da80d,inset 0 0 0 1px #aecfe333;border-radius:16px;padding:26px;transition:transform .4s,box-shadow .4s}.glassCard:hover{transform:translateY(-6px);box-shadow:0 18px 35px #447da81a}.cardIndex{font-size:8px;letter-spacing:2px;color:#6c92a9}.largeIcon{font-size:43px;color:#2485b7;margin:24px 0}.glassCard h3{font-size:22px}.glassCard p{font-size:12px;line-height:1.9;margin-top:16px}.glassCard small{font-size:9px;color:#2586ac;display:block;margin-top:20px}.insightBar{margin-top:28px;border-top:1px solid var(--line);padding:18px 0;display:flex;gap:25px;align-items:center}.insightBar>span{font-size:10px;letter-spacing:1px;color:#088bb6;white-space:nowrap}.insightBar p{font-size:11px}.libraryHeading{display:flex;justify-content:space-between;align-items:center}.libraryHeading h2{font-size:36px}.libraryCount{font-size:38px;font-weight:300;color:#288ab3}.libraryCount small{font-size:8px;letter-spacing:2px;color:#779bac}.filterTabs{display:flex;gap:12px;margin:20px 0}.filterTabs button{font-size:10px;color:#6d8ca0;padding:8px 14px;background:#fff7;border:1px solid #bdd6e5;border-radius:6px}.filterTabs button.active{background:#1685b8;color:#fff;border-color:#1685b8}.characterGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.characterCard{padding:0;text-align:left;min-width:0;background:#ffffffba;border:1px solid white;border-radius:11px;overflow:hidden;box-shadow:0 5px 20px #6197b912;transition:transform .3s,box-shadow .3s}.characterCard:hover{transform:translateY(-4px);box-shadow:0 12px 25px #4c88b326}.characterThumb{height:130px;overflow:hidden;background:#d5e6ef}.characterThumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.characterCard:hover img{transform:scale(1.06)}.characterCard h3{font-size:12px;padding:11px 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.characterCard p{font-size:8px;padding:6px 10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7996a7}.characterCard .cardCat{font-size:8px;color:#2c91b5;display:block;padding:0 10px 11px}.filmLayout{display:grid;grid-template-columns:.75fr 1.25fr;gap:6%;align-items:center;margin-top:50px}.filmScreen{overflow:hidden;background:#e6f0f7;border:1px solid #fff;border-radius:16px;box-shadow:0 20px 55px #27649a24}.filmScreen video{display:block;width:100%;aspect-ratio:16/9;background:#142438;object-fit:contain}.filmCaption{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:8px;letter-spacing:2px;color:#5d8ca4}.filmCaption button{font-size:10px;letter-spacing:0;color:#167eb5}.filmTags,.evidenceTags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.filmTags span,.evidenceTags span{font-size:9px;border:1px solid #9cc8e1;background:#ffffff66;color:#407d9b;padding:7px 9px;border-radius:5px}.assetNote{font-size:10px;color:#7696a9;line-height:1.8;margin-top:22px}.panelMeta{background:#f5faff;border-color:#a4c8dc40;color:#56829a}.liveDot{background:#13bba9;box-shadow:0 0 9px #13bba955}.pipelineGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:35px}.pipelineGrid article{border-top:1px solid #73afd7;padding-top:18px}.pipelineGrid article>span{font-size:8px;color:#2388ac;letter-spacing:1px}.pipelineGrid h3{font-size:20px;margin:20px 0 14px}.pipelineGrid p{font-size:11px;line-height:1.9;min-height:65px}.processVisual{height:130px;border:1px solid #fff;border-radius:10px;overflow:hidden;margin-top:20px;background:linear-gradient(145deg,#fff,#cee7f6);box-shadow:0 8px 25px #4282a811}.processVisual img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.conceptVisual{padding:30px;display:flex;justify-content:space-between;align-items:center;font-size:30px;color:#4c87b0;letter-spacing:5px}.conceptVisual>span{color:#70c2d4;font-size:48px}.showcaseVisual{display:flex;flex-direction:column;gap:7px;padding:17px}.showcaseVisual span{font-size:9px;padding:6px;border-left:2px solid #2ba4ce;background:#fff9;color:#668ea6}.techStage{background:radial-gradient(ellipse at 50% 40%,#c3e8f766,transparent),#f8fbfd;border:1px solid white;border-radius:16px;box-shadow:0 20px 60px #427eab1a;overflow:hidden}.techTabs button{color:#7896aa;border-color:#bed6e5}.techTabs [aria-selected=true]{color:#126796}.techTabs [aria-selected=true] span,.techTabs [aria-selected=true] b{color:#0584c2}.techTabs button:hover{background:#d7eef855}.labReadout{color:#6b8a9e}.labReadout b{color:#0b83bd}.sliderLabel{color:#487b98}.demoCaption{color:#7898a9}.demoPanel input[type=range]{height:5px}.humanVisual{background:repeating-linear-gradient(0deg,transparent,transparent 14px,#368ec00b 15px)}.head{border-color:#438db880;background:repeating-linear-gradient(0deg,#3e94cc30,#3e94cc30 1px,transparent 1px,transparent 5px)}.shoulders{border-color:#4a95c488;background:linear-gradient(#5cb2e633,transparent)}.scanline{background:#2cbce2;box-shadow:0 0 18px #3bb6ed70}.humanPanel p{color:#66849c}.humanCross{color:#3a8eb3}.creationFlow span{border-color:#9bbfd4;border-radius:8px;background:#e7f4fc}.creatorPanel p{color:#6c8ca1}.edgeGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.edgeGrid article{position:relative;padding:26px 26px 24px 80px;background:#ffffffaa;border:1px solid #fff;border-radius:14px;box-shadow:0 8px 28px #447ea812}.edgeGrid article>span{position:absolute;left:25px;top:25px;font-size:25px;color:#55a5cf;font-weight:300}.edgeGrid h3{font-size:19px}.edgeGrid p{font-size:12px;margin-top:15px}.edgeGrid small{display:block;font-size:9px;color:#3091b4;margin-top:17px}.ecosystemHeading p,.logicHeading p{color:#61849a}.roleTabs{border-color:#b4d2e3;gap:12px}.roleTabs button{color:#618aa2;padding:12px 24px;border-radius:8px 8px 0 0}.roleTabs button[aria-selected=true]{color:#057eb5;background:#e0f1fb}.roleTabs button[aria-selected=true]:after{background:linear-gradient(90deg,#0789c2,#67d3e3)}.roleCopy>span{color:#0d8bb7}.roleCopy h3{color:#1c5c7d;font-size:29px}.roleCopy p{color:#66879c}.roleTags span{color:#4e849f;border-color:#accfe1;background:#ffffff77;border-radius:4px}.platformMock{background:#fff;color:#244960;border:1px solid #d0e5f0;border-radius:13px;overflow:hidden;box-shadow:0 20px 45px #3a7fb51c}.mockTop{background:#e8f4fc;border-color:#b4d2e344}.mockTop small{color:#6c9ab2}.mockCategory{color:#80a0b3}.mockHeader>span{color:#277fac;background:#e0f2fd;border-radius:5px}.mockThumb{border-radius:7px;background:#287ba0;color:#e6f7ff}.mockCard:nth-child(2) .mockThumb{background:#b1d8ed;color:#317ca1}.mockCard:nth-child(3) .mockThumb{background:#546ea0;color:#e5efff}.mockCard small{color:#7d9eaf}.mockRow{border-color:#bfd9e7;color:#3b799c}.mockRow small{color:#83a1b4}.evidenceLayout{display:grid;grid-template-columns:1.05fr .95fr;gap:7%;margin-top:60px;align-items:center}.evidenceLayout h2{font-size:43px}.dossier{background:#fff;border:1px solid #cce2ee;border-radius:16px;overflow:hidden;box-shadow:0 20px 45px #4687b51c}.dossierHeader{display:flex;justify-content:space-between;padding:20px 24px;background:#edf7fd;color:#3781a5;font-size:9px;letter-spacing:2px}.dossierHeader small{font-size:9px;letter-spacing:0;color:#8aabbc}.dossierTabs{display:flex;padding:12px 24px;gap:15px;border-bottom:1px solid var(--line)}.dossierTabs button{font-size:11px;color:#8ba5b5;padding:8px 12px;border-radius:6px}.dossierTabs button[aria-selected=true]{background:#e2f3fc;color:#087eb0}.dossierBody{padding:24px;min-height:195px}.dossierBody>span{font-size:30px;font-weight:300;color:#77b3cf}.dossierBody h3{font-size:20px;margin:16px 0 12px}.dossierBody p{font-size:12px}.dossierFooter{font-size:10px;color:#6890a8;padding:18px 24px;background:#f1f9fd}.journey button{border-color:#a7cbdf;color:#7498ad}.journey button.selected{border-color:#1188be;color:#175b80}.journey button.selected>span{color:#0d9bcd}.journey>i{color:#5ba8ce}.journeyDetail{border-color:#a4c7db}.journeyDetail>span{color:#a3cbdf}.journeyDetail h3{color:#266b91}.journeyDetail p{color:#6a8ba0}.journeyDetail>button{background:#e0f2fc;border:1px solid #a1cce2;border-radius:8px;width:40px;height:40px;font-size:20px}.loopLine{color:#4d98bc}.loopLine small{color:#8aabba}.futureArt{background-image:url('assets/cast-0.png');opacity:.13;mask-image:linear-gradient(transparent,#000);filter:saturate(.6)}.futurePath article{border-color:#99c2db}.futurePath article>span{color:#1c8db8}.futurePath h3{color:#296a8e}.closingLine>span{color:#628ca3}dialog{background:#f3f9fe;color:#194662;border:1px solid #bdd9e9;border-radius:16px;box-shadow:0 40px 100px #1e527e4d}dialog::backdrop{background:#345d7f77;backdrop-filter:blur(16px)}.dialogTop{color:#7297af}.closeDialog{color:#2e80a8;border:1px solid #b5d4e5;border-radius:7px;width:32px;height:32px;font-size:22px;background:#fff}.menuLinks{gap:8px 30px}.menuLinks button{font-size:21px;padding:15px 0;border-color:#accdde}.menuLinks button small{color:#2184b5}.menuLinks button>span{color:#52a7ca}.menuLinks button:hover{color:#0884b8}.library{padding-bottom:105px}#characterDialog{width:min(1100px,94vw);max-width:94vw}#characterDialog h2{font-size:30px;margin-bottom:20px}#characterFull{display:block;width:100%;height:auto;border-radius:9px}#toast{background:#087fae;color:#fff;border-radius:8px}
@media(min-height:900px) and (min-width:801px){.scene:not(.hero){padding-top:135px}.posterStage.hasImage{height:43vh}.characterThumb{height:175px}.characterGrid{gap:18px}.overviewGrid,.edgeGrid,.pipelineGrid{margin-top:50px}.filmLayout{margin-top:80px}.dossierBody{min-height:220px}}
@media(max-height:760px) and (min-width:801px){.scene:not(.hero){padding-top:96px;padding-bottom:90px}.heroContent{margin-top:23vh}.heroContent h1{font-size:65px}.sectionTop{margin-bottom:20px}.posterStage.hasImage{height:36vh}.characterThumb{height:95px}.characterCard h3{font-size:11px;padding-top:8px}.characterCard p{padding-bottom:8px}.characterGrid{gap:11px}.libraryHeading h2{font-size:32px}.filterTabs{margin:14px 0}.glassCard{padding:23px}.largeIcon{margin:18px 0;font-size:35px}.glassCard h3{font-size:20px}.glassCard p{font-size:11px;margin-top:12px}.overviewGrid{margin-top:26px}.insightBar{margin-top:20px;padding-top:15px}.pipelineGrid{margin-top:25px;gap:20px}.pipelineGrid h3{margin:17px 0 12px}.processVisual{height:100px;margin-top:12px}.edgeGrid{gap:15px;margin-top:25px}.edgeGrid article{padding:20px 20px 18px 68px}.edgeGrid article>span{left:20px;top:19px}.edgeGrid h3{font-size:18px}.edgeGrid p{font-size:11px;margin-top:10px}.edgeGrid small{margin-top:10px}.filmLayout{margin-top:35px}.evidenceLayout{margin-top:40px}.evidenceLayout h2{font-size:38px}}
@media(max-width:1050px) and (min-width:801px){.characterGrid{grid-template-columns:repeat(5,1fr)}.characterThumb{height:120px}.keyHint{display:none}.edgeGrid article{padding-left:60px}.overviewGrid{gap:14px}.glassCard{padding:20px}}
@media(max-width:800px){header{height:80px}.scene{padding-top:104px;padding-bottom:110px}#menuButton{padding:8px 12px;gap:17px}.brand small{font-size:6px}.heroContent{margin-top:27vh;max-width:94%;margin-left:7%}.heroContent h1{font-size:clamp(41px,9.1vw,68px);letter-spacing:-2px}.heroContent p{font-size:12px}.heroArt{inset:8% -50% 9% 0%;border-radius:0;opacity:.6;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.heroVeil{background:linear-gradient(90deg,#f3f9fcee,#f3f9fc85 60%,#f3f9fc22),linear-gradient(0deg,#edf6fc 8%,transparent 50%)}.hero .kicker{font-size:9px}.heroBottom{font-size:5px;gap:7px;bottom:100px}.artCredit{bottom:140px;right:7%}.footerChapter{gap:7px}.footerChapter i{font-size:8px}.footerChapter>span:first-child{font-size:17px}.timeline{gap:3px}.timeline button{width:8px}.footerTools{gap:5px}.footerTools button{width:25px;height:28px;font-size:15px}.footerTools #fullscreen{display:none}.status{font-size:7px}.sectionTop .kicker{font-size:7px;letter-spacing:1.2px}h2{font-size:34px;line-height:1.35}.overviewGrid{grid-template-columns:1fr;gap:16px;margin-top:27px}.glassCard{padding:22px;position:relative}.largeIcon{position:absolute;right:25px;top:15px;font-size:32px;margin:0}.glassCard h3{font-size:22px;margin-top:19px}.glassCard p{font-size:12px}.glassCard small{margin-top:14px}.insightBar{display:block;margin-top:23px}.insightBar p{margin-top:10px;font-size:10px;line-height:1.8}.posterStage.hasImage{height:36vh;border-radius:12px}.posterStage>img{object-fit:cover;object-position:center}.worksHead>div{display:block}.worksHead p{font-size:11px}.worksHead .textButton{margin-top:12px}.posterBadge{padding:12px;font-size:6px;letter-spacing:1px}.posterBadge span{font-size:8px;letter-spacing:1px}.castSeries{gap:6px;flex-wrap:wrap}.castSeries button{font-size:9px;padding:8px 10px}.castSeries button span{display:none}.libraryHeading h2{font-size:26px;max-width:76%}.libraryCount{font-size:28px}.libraryCount small{font-size:6px;display:block;letter-spacing:1px}.filterTabs{gap:6px;flex-wrap:wrap}.filterTabs button{font-size:9px;padding:7px 9px}.characterGrid{grid-template-columns:repeat(2,1fr);gap:13px}.characterThumb{height:170px}.characterCard h3{font-size:13px}.characterCard p{font-size:9px}.characterCard .cardCat{font-size:8px}.filmLayout{grid-template-columns:1fr;gap:27px;margin-top:30px}.filmScreen{border-radius:12px}.filmTags{margin-top:18px}.filmCaption{padding:15px}.filmTags span{font-size:8px}.film .assetNote{font-size:9px}.pipelineGrid{grid-template-columns:1fr;gap:25px;margin-top:30px}.pipelineGrid article{position:relative;min-height:175px;padding-right:42%}.pipelineGrid h3{font-size:19px;margin:18px 0 10px}.pipelineGrid p{font-size:11px}.processVisual{position:absolute;width:37%;height:120px;right:0;top:18px;margin:0}.conceptVisual{padding:15px;font-size:18px}.conceptVisual>span{font-size:25px}.showcaseVisual{padding:12px}.edgeGrid{grid-template-columns:1fr;gap:17px;margin-top:27px}.edgeGrid article{padding:23px 23px 23px 65px}.edgeGrid article>span{left:20px;top:22px}.edgeGrid h3{font-size:19px}.edgeGrid p{font-size:11px}.roleTabs{gap:4px}.roleTabs button{padding:12px 17px;font-size:10px}.roleCopy h3{font-size:24px}.evidenceLayout{grid-template-columns:1fr;gap:25px;margin-top:30px}.evidenceLayout h2{font-size:32px}.dossierHeader{padding:18px}.dossierBody{padding:21px}.dossierBody p{font-size:11px}.evidenceTags{margin-top:18px}.evidenceTags span{font-size:8px}.evidence .insightBar{margin-top:25px}.future h2{font-size:34px}.closingLine>span{font-size:11px}.platformMock{border-radius:10px}.techStage{border-radius:12px}.menuLinks{grid-template-columns:1fr 1fr;gap:8px 16px}.menuLinks button{font-size:15px;padding:13px 0;gap:8px}.menuLinks button>span{font-size:14px}dialog{padding:22px}.dialogTop{font-size:8px;letter-spacing:1px}#characterDialog h2{font-size:25px}}
@media(prefers-reduced-motion:no-preference){.hero.active .heroArt{animation:heroDrift 24s ease-in-out infinite alternate}@keyframes heroDrift{from{transform:scale(1.02)}to{transform:scale(1.09)}}}
.heroArt{background-image:url('assets/ascent-light.svg');inset:8% -2% 4% 36%;background-size:contain;background-repeat:no-repeat;opacity:1;border-radius:0;mask-image:none;-webkit-mask-image:none}.heroVeil{background:linear-gradient(90deg,#f7fbff 0%,#f1f8fde6 29%,#eff7fb55 43%,transparent 58%)}.heroContent{max-width:62%}.heroContent p{max-width:420px}.posterStage.hasImage{perspective:1200px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse,#fff,#dfeef8);touch-action:pan-y}.posterStage>img{object-fit:contain;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(var(--tx,0px),var(--ty,0px),0) scale(1.015);transition:transform .22s ease-out;will-change:transform}.castGlow{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),#dcf8ff44,transparent 65%);mix-blend-mode:screen;transition:opacity .3s}.posterStage:hover .castGlow{opacity:1}.castHotspots{position:absolute;inset:0;z-index:3;pointer-events:none}.castPin{position:absolute;transform:translate(-50%,-50%);width:42px;height:48px;padding:0;pointer-events:auto;background:transparent;border-radius:50%;display:grid;place-items:center;transition:box-shadow .3s}.castPin:before{content:"";width:6px;height:6px;border:1px solid #e7faff;border-radius:50%;background:#34bbe8;box-shadow:0 0 10px #147bb6;opacity:0;transition:opacity .25s}.posterStage:hover .castPin:before{opacity:.65}.castPin:hover,.castPin:focus-visible{box-shadow:0 0 0 1px #a8e9ff88,0 0 20px #8edfff66}.castPin>span{position:absolute;top:48px;left:50%;transform:translate(-50%,4px);background:#f5fcfff0;backdrop-filter:blur(15px);border:1px solid #b9e7fb;border-radius:6px;box-shadow:0 6px 20px #164b7524;padding:7px 12px;white-space:nowrap;font-size:10px;color:#17678e;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.castPin:hover>span,.castPin:focus-visible>span{opacity:1;transform:translate(-50%,0)}.posterHint{position:absolute;left:20px;top:15px;z-index:4;pointer-events:none;font-size:8px;letter-spacing:1px;color:#408bb0;background:#f7fdffe6;padding:7px 10px;border:1px solid #c6e8f6;border-radius:5px}.characterCard{position:relative;transform-style:preserve-3d;will-change:transform}.characterCard:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(180px circle at var(--cx,50%) var(--cy,50%),#c4efff55,transparent 70%);opacity:0;transition:opacity .25s}.characterCard:hover:after{opacity:1}.characterCard:hover{transform:perspective(700px) rotateX(var(--crx,0deg)) rotateY(var(--cry,0deg)) translateY(-6px);box-shadow:0 18px 35px #2786bf38;border-color:#69c7ee}.characterCard:hover img{transform:scale(1.1) translate(var(--ctx,0px),var(--cty,0px));filter:saturate(1.05) contrast(1.015)}.characterCard h3,.characterCard .cardCat{transition:color .3s}.characterCard:hover h3{color:#047bae}.characterCard:hover .cardCat{color:#00a1c7}
@media(max-width:800px){.heroArt{inset:12% -46% 10% -10%;opacity:.64}.heroVeil{background:linear-gradient(90deg,#f5faffed,#f5faff9c 65%,#f5faff22),linear-gradient(0deg,#edf6fc,transparent 70%)}.heroContent{max-width:94%}.posterHint{font-size:7px;padding:5px 7px;top:9px;left:10px}.castPin{width:26px;height:32px}.castPin>span{font-size:8px;top:31px;padding:5px 7px}.castPin:before{opacity:.6;width:4px;height:4px}}
@media(prefers-reduced-motion:reduce){.posterStage>img,.characterCard:hover,.characterCard:hover img{transform:none!important;will-change:auto}}
.heroArt{background-color:transparent}
@media(max-width:800px){.posterStage.hasImage{height:200px}}