/* Immersive edition. Tokens, animation, and interaction styles. */
:root{--night:#060d1d;--electric:#5674ff;--ice:#a7bcff}
[hidden]{display:none!important}button{font:inherit}button:focus-visible,summary:focus-visible{outline:3px solid #839dff;outline-offset:6px}button{cursor:pointer}.immersive{background:#f4f5f8}.immersive .site-header{position:absolute;inset:0 0 auto;z-index:3;color:#fff;border-bottom-color:#ffffff24;min-height:96px}.immersive .site-header .brand-mark span{color:#96adff}.immersive .site-header .button-outline{border-color:#ffffff56;background:#ffffff05}.immersive .site-header .button-outline:hover{background:#ffffff15}.immersive .site-header nav a:hover{color:#a9bdff}.immersive-hero{position:relative;overflow:hidden;background:var(--night);color:#fff;padding:0;isolation:isolate}.hero-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.06);transition:transform 1.5s cubic-bezier(.2,.6,.2,1);filter:saturate(.9)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,11,25,.96) 0%,rgba(5,11,25,.86) 28%,rgba(5,11,25,.2) 63%,rgba(5,11,25,.05)),linear-gradient(0deg,#060d1d 0%,transparent 32%)}.hero-inner{position:relative;padding-top:169px;min-height:830px;padding-bottom:100px}.immersive-hero .eyebrow{color:#acbaff;font-size:.72rem;letter-spacing:.16em}.immersive-hero .short-rule{background:#8ea6ff}.immersive-hero h1{font-size:clamp(3.7rem,5.7vw,6.3rem);line-height:1.025;letter-spacing:-.06em;font-weight:500;max-width:640px;margin-top:30px}.immersive-hero .blue{color:#a8bbff}.hero-lead{color:#c1cada;font-size:1.0625rem;line-height:1.7;margin-top:29px;max-width:500px}.hero-lead strong{color:white;font-weight:500}.immersive-hero .hero-actions{gap:26px;margin-top:32px}.immersive-hero .button-blue{background:#4965f6;box-shadow:0 8px 38px #2442bd38}.immersive-hero .button-blue:hover{background:#5a75ff}.watch-button{color:white;background:none;border:0;padding:0;display:flex;align-items:center;gap:11px;text-align:left;font-size:.875rem;line-height:1.4}.watch-button small{display:block;font-size:.7rem;color:#a7b5d0;margin-top:3px}.play-ring{display:flex;align-items:center;justify-content:center;border:1px solid #c6d1ee6b;background:#fff08c00;width:44px;height:44px;border-radius:50%;font-size:.7rem;padding-left:2px;transition:background .2s,transform .2s}.watch-button:hover .play-ring{background:#6780fc;transform:scale(1.06)}.hero-explorer{position:absolute;right:0;bottom:112px;width:380px;border:1px solid #bbd0ff30;background:#081225d9;backdrop-filter:blur(15px);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0003}.explorer-buttons{display:flex;border-bottom:1px solid #bdd1ff24}.scene-button{flex:1;color:#9eadc9;border:0;background:transparent;font-size:.75rem;padding:15px 8px;min-height:47px;transition:background .2s,color .2s}.scene-button.active{color:#fff;background:#586efa28;box-shadow:inset 0 -2px #88a5ff}.scene-button:hover{color:#fff;background:#586efa1a}.scene-description{padding:20px 22px;min-height:111px}.scene-description strong{font-size:1rem;font-weight:500}.scene-description p{font-size:.875rem;color:#9eafcb;margin-top:7px;line-height:1.5}.hero-bottomline{position:absolute;bottom:0;left:0;right:0;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #b6caff25;font-size:.69rem;letter-spacing:.07em;color:#a4b1cd}.hero-bottomline>a{font-size:.8125rem;letter-spacing:0;border-bottom:1px solid #526383;padding:5px 0}.motion-button{background:none;border:0;color:#aebbd4;font-size:.75rem;padding:9px 12px;letter-spacing:0;margin-left:auto}.motion-button:hover{color:#fff}.process-explorer{margin-top:52px}.process-tabs{display:flex;border-bottom:1px solid #d6dbe4;gap:0}.process-tabs button{width:33.333%;border:0;background:transparent;min-height:70px;padding:18px 20px;font-size:1rem;text-align:left;color:#767c8b;transition:color .2s,background .2s}.process-tabs button span{font-size:.75rem;margin-right:21px}.process-tabs button[aria-selected=true]{box-shadow:inset 0 -3px var(--blue);color:var(--blue);background:#f7f8fd}.process-tabs button:hover{background:#f1f4fc}.process-panel{padding:43px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;min-height:285px}.process-copy .eyebrow{color:var(--blue);font-size:.7rem}.process-copy h3{font-size:2.3rem;line-height:1.14;letter-spacing:-.045em;margin:19px 0}.process-copy>p:last-child{max-width:490px;font-size:1rem}.process-detail{background:#f2f4fa;border:1px solid #e2e6f0;border-radius:8px;padding:28px 32px}.detail-label{font-size:.6875rem;letter-spacing:.13em;color:#677389}.process-detail ul{margin-top:15px}.process-detail li{padding:13px 0;border-bottom:1px solid #dce1ed;font-size:1rem}.process-detail p{font-size:.875rem;margin-top:22px;color:#626c82}.immersive .creator-role{background:#e8edfa}.immersive .service{transition:transform .25s,border-color .25s;padding-left:12px;padding-right:12px;border-radius:4px}.immersive .service:hover{transform:translateX(5px);border-bottom-color:#758bee;background:#eff1f8}.immersive .audience-section{background:#0c162b}.immersive .audience-section .eyebrow{color:#a8bcff}.immersive .button{border-radius:7px}.immersive .contact-section{background:radial-gradient(ellipse at center,#e6ebff00 20%,transparent 60%)}.immersive .footer{border-top-color:#d7dce5}
dialog{width:min(1000px,calc(100% - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #4b5e884a;border-radius:16px;color:#fff;background:#0b1426;box-shadow:0 28px 100px #0009}dialog::backdrop{background:#030918d9;backdrop-filter:blur(9px)}.film-header{display:flex;align-items:center;justify-content:space-between;padding:26px 30px;gap:20px}.film-header .eyebrow{color:#96aaff;font-size:.6875rem}.film-header h2{font-size:1.5rem;letter-spacing:-.035em;margin-top:6px}.close-film{border:1px solid #40506c;background:transparent;color:#bdc9df;padding:10px 15px;border-radius:6px;font-size:.8125rem;min-height:44px}.close-film span{font-size:1.25rem;margin-left:10px}#welcome-video{display:block;width:100%;aspect-ratio:16/9;background:#030914}.film-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 30px;font-size:.75rem;color:#9caccc}.film-footer a{color:#bccbff;border-bottom:1px solid #6b7fa6;padding:5px 0}.film-transcript{padding:0 30px 23px;font-size:.8125rem;color:#a9b6cf}.film-transcript summary{cursor:pointer;width:fit-content;padding:8px 0}.film-transcript p{font-size:.875rem;color:#acb9d1;max-width:760px;margin-top:10px;line-height:1.7}
@media(min-width:1500px){.hero-inner{min-height:900px;padding-top:190px}.hero-explorer{bottom:135px}}
@media(max-width:1100px){.hero-explorer{width:325px;bottom:105px}.hero-inner{min-height:815px}.hero-art img{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#060d1df5 0%,#060d1dda 35%,#060d1d22 82%),linear-gradient(0deg,#060d1d 0%,transparent 40%)}.immersive-hero .hero-actions{flex-direction:row;gap:20px}.process-panel{gap:35px}}
@media(max-width:850px){.hero-inner{min-height:1060px;padding-top:150px}.hero-art{top:230px;bottom:0;left:0;right:0}.hero-art img{object-position:72% center}.hero-shade{background:linear-gradient(180deg,#060d1d 0%,#060d1df2 37%,#060d1d18 68%,#060d1d 100%)}.immersive-hero h1{font-size:4.6rem;max-width:600px}.hero-explorer{width:365px;bottom:100px}.process-panel{gap:25px}.process-tabs button{padding-left:12px;padding-right:12px}.process-tabs button span{margin-right:9px}.process-copy h3{font-size:2rem}.process-detail{padding:26px}}
@media(max-width:600px){.immersive .site-header{min-height:83px}.hero-inner{padding-top:121px;min-height:1080px;padding-bottom:0}.immersive-hero h1{font-size:clamp(3.25rem,11.7vw,4.2rem);line-height:1.04;margin-top:23px;max-width:none}.immersive-hero .eyebrow{font-size:.62rem;letter-spacing:.115em}.hero-lead{font-size:1rem;line-height:1.7;margin-top:23px}.immersive-hero .hero-actions{align-items:flex-start;gap:20px;flex-direction:column;margin-top:26px}.immersive-hero .button-blue{padding:16px 22px}.watch-button{font-size:.875rem}.watch-button small{font-size:.75rem}.hero-art{top:380px;bottom:80px;left:-150px;right:-25px}.hero-art img{object-position:80% 50%}.hero-shade{background:linear-gradient(180deg,#060d1d 0%,#060d1df2 47%,#060d1d14 65%,#060d1d88 78%,#060d1d 100%)}.hero-explorer{width:100%;bottom:89px;border-radius:9px;background:#081225ed}.scene-description{padding:17px 20px;min-height:97px}.scene-description p{font-size:.875rem}.scene-button{font-size:.75rem}.hero-bottomline{min-height:69px;gap:10px}.hero-bottomline>span{display:none}.hero-bottomline>a{font-size:.8125rem;order:-1}.motion-button{margin-left:auto}.process-tabs button{font-size:.8125rem;padding:15px 9px;line-height:1.4;min-height:77px}.process-tabs button span{display:block;font-size:.6875rem;margin:0 0 5px}.process-panel{grid-template-columns:1fr;padding-top:31px;gap:25px}.process-copy h3{font-size:2.15rem}.process-detail{padding:25px}.process-detail li{font-size:.9375rem}.process-explorer{margin-top:32px}.immersive .service:hover{transform:none}dialog{width:calc(100% - 22px);max-height:calc(100dvh - 28px);border-radius:11px}.film-header{padding:20px 17px;gap:9px}.film-header h2{font-size:1.15rem}.close-film{padding:8px 10px}.film-footer{padding:16px 17px;flex-wrap:wrap;gap:10px;line-height:1.5}.film-transcript{padding:0 17px 20px}}
@media(prefers-reduced-motion:reduce){.hero-art img{transition:none;transform:none}.service,.play-ring{transition:none}.hero-shade{transition:none}}

.company-role p{font-size:1rem;line-height:1.65;margin-top:18px;color:#505c73}.collaboration-cta{margin-top:27px;color:#e7ecff;border-color:#7d8eaf}.collaboration-cta:hover{background:#ffffff12}.immersive-hero h1{font-size:clamp(3.35rem,5.25vw,5.9rem)}@media(max-width:600px){.immersive-hero h1{font-size:clamp(2.65rem,10.7vw,3.8rem)}.wide-only{display:none}}

#welcome-canvas{display:block;width:100%;height:auto;background:#060d1d}.welcome-controls{display:flex;align-items:center;gap:18px;padding:12px 24px;background:#071020;font-size:.8rem;color:#c6d1e8}.welcome-controls button{min-width:65px;min-height:42px;border:1px solid #566e99;border-radius:5px;background:#172a4f;color:white}.welcome-controls input{flex:1;min-width:0;accent-color:#93adff}.welcome-controls span{white-space:nowrap}.welcome-controls input:focus-visible{outline:2px solid #93adff;outline-offset:5px}