/* ThreeUI Community, composed for TGB. Scene styling lives at the host boundary. */
.cinematic .hero{background:#020810;min-height:800px}
.cinematic .hero-visual{transition:transform .65s ease;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.025)}
.hero-flow{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.65;mask-image:linear-gradient(90deg,#0004,transparent 40%,#0005 72%,#000);overflow:hidden}
.threeui-frame{display:block;width:100%;height:100%;border:0;background:transparent}
.hero-content{z-index:2}
.cinematic .hero-copy{width:49%;max-width:660px}
.cinematic .hero h1{font-size:clamp(58px,5.35vw,86px);letter-spacing:-.055em;line-height:1.06}
.cinematic .hero-description{color:#b4c8d9;font-size:16px;line-height:1.8;max-width:435px}
.cinematic .hero-actions{gap:28px;margin-top:23px;flex-wrap:wrap}
.cinema-action{display:flex;align-items:center;position:relative;min-height:112px;gap:3px}
.metal-play{width:112px;height:112px;position:relative;flex-shrink:0;mix-blend-mode:screen;overflow:visible}
.metal-play .threeui-frame{position:absolute;width:176px;height:176px;left:-32px;top:-32px;mix-blend-mode:screen;mask-image:radial-gradient(circle,#000 44px,#000b 55px,transparent 85px);z-index:1}
.metal-play-fallback{position:absolute;inset:18px;display:grid;place-items:center;border:1px solid #f7ecd1a3;border-radius:50%;background:linear-gradient(140deg,#eff8fb,#97b2c8 42%,#223a50 47%,#c8dae2 72%,#7f9eb8);color:#08101c;box-shadow:0 8px 0 #0c2234,0 15px 30px #0009,inset 0 0 8px #fff;font-size:21px;padding-left:4px}
.metal-play[data-state=ready] .metal-play-fallback{visibility:hidden}
.cinematic .cinema-action .film-hero-link{position:relative;z-index:2;border:0;background:none;box-shadow:none;padding:14px 0;color:#f0e7d4;font-size:14px;font-weight:500;letter-spacing:.02em}
.cinema-action .film-hero-link>svg{display:none}
.cinema-action .film-hero-link small{display:block;margin-top:8px;font-size:7px;font-weight:400;letter-spacing:.15em;color:#91a9bd;white-space:nowrap}
.cinematic .hero-actions>.text-link{font-size:12px;color:#b6ccdc}
.cinematic .hero-footnote{margin-top:19px}
.motion-toggle{position:absolute;right:max(48px,calc((100vw - 1360px)/2));bottom:88px;display:flex;align-items:center;gap:9px;z-index:3;background:#061420a6;border:1px solid #92b6c83d;border-radius:30px;padding:10px 15px;backdrop-filter:blur(12px);font:400 10px var(--sans);letter-spacing:.05em;color:#b7cad9;cursor:pointer}
.motion-toggle i{height:10px;width:7px;border-inline:2px solid #a5c9de}
.motion-toggle[aria-pressed=true] i{border:0;border-left:7px solid #a5c9de;border-top:5px solid transparent;border-bottom:5px solid transparent}
.motion-toggle:hover{border-color:#bed5e4;color:#fff}.motion-toggle:focus-visible{outline:2px solid #ccecff;outline-offset:4px}
.motion-paused .hero-visual{transform:scale(1.025)!important}
.cinematic .header-link{border-radius:999px;padding:12px 20px;background:linear-gradient(130deg,#364b60 0,#132738 34%,#0e1b28 62%,#496075);border:1px solid #afc4d583;box-shadow:inset 0 1px 1px #e4f1ff61,inset 0 -2px 1px #020810,0 5px 18px #0005;color:#e1e9f1;transition:box-shadow .25s,border-color .25s}
.cinematic .header-link:hover{border-color:#f1dba3;box-shadow:inset 0 1px 1px #fff,0 0 28px #648bbd40}
.cinematic .copy-button{border:1px solid #779aaf8a;border-radius:50px;background:linear-gradient(135deg,#30455b,#101e2e 48%,#273e54);padding:13px 20px;color:#d7e7f0;box-shadow:inset 0 1px 1px #e0edff42,0 5px 12px #0005;white-space:nowrap}
.cinematic .copy-button:hover{border-color:#ddc88e}
.cinematic #vision{background:radial-gradient(ellipse at 75% 24%,#12385960,transparent 47%),#040c16}
.vision-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-top:40px}
.cinematic .vision-stage .vision-intro{display:block;max-width:550px;margin:0}
.cinematic .vision-stage h2{font-size:clamp(36px,3.3vw,50px);line-height:1.17;letter-spacing:-.045em;margin:0 0 28px}
.cinematic .vision-stage .lead{font-size:15px;line-height:1.9;color:#c1d1df;margin:0 0 20px}
.cinematic .vision-stage .muted{font-size:13px;line-height:1.85;color:#8da6bb}
.capital-visual{position:relative;height:490px;margin:0;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse,#10395842,transparent 70%);border:1px solid #678fa727;border-radius:12px;box-shadow:inset 0 0 60px #0d294025,0 22px 60px #0003}
.capital-visual:before{content:'';position:absolute;inset:25px;background-image:linear-gradient(#6089a610 1px,transparent 1px),linear-gradient(90deg,#6089a610 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,#000,transparent 73%);z-index:-1}
.scene-topline{position:absolute;inset:22px 23px auto;display:flex;justify-content:space-between;gap:15px;z-index:2;color:#9cbbd2;font-size:8px;letter-spacing:.12em;line-height:1.5}
.scene-topline>span:last-child{color:#8092a2;font-size:7px}
.orbital-scene{position:absolute;inset:0;overflow:hidden}
.orbital-scene canvas{width:100%;height:100%;display:block;transform:translateY(-24px)}
.orbital-fallback{position:absolute;width:250px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #5c93b944;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 75px #19548036,inset 0 0 60px #23679522}
.orbital-fallback:after{content:'';position:absolute;inset:-30px;border:1px solid #d6b97044;border-radius:50%;transform:rotateX(65deg) rotate(-20deg)}
.orbital-scene[data-state=ready] .orbital-fallback{visibility:hidden}
.orbit-label{position:absolute;display:flex;align-items:center;gap:9px;background:#0b1b29cc;border:1px solid #86b3cc4f;border-radius:30px;padding:10px 13px;z-index:2;box-shadow:0 8px 18px #0005, inset 0 1px #c1deff15;backdrop-filter:blur(14px);color:#cdb879;font-family:monospace;font-size:9px}
.orbit-label b{font:400 12px var(--sans);color:#d1e0eb}
.orbit-label-one{top:115px;left:24px}.orbit-label-two{top:230px;right:18px}.orbit-label-three{bottom:105px;left:40px}
.capital-visual figcaption{position:absolute;inset:auto 0 27px;text-align:center;color:#7496ad;font-size:8px;letter-spacing:.16em}
.cinematic .value-cycle{margin-top:45px}
.cinematic .value-cycle article{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#17334ba3,#08121fe8 70%);box-shadow:inset 0 1px #d4eaff26,0 20px 40px #0004}
.cinematic .value-cycle article:before{content:'';position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,#a4cae1a6,transparent)}
.cinematic .governance-grid article{border-radius:14px}
.cinematic .resource-links a{transition:padding .25s,background .25s}
.cinematic .resource-links a:hover{padding-inline:14px;background:#213b511f}
@media(min-width:1450px){.vision-stage{gap:90px}.capital-visual{height:520px}}
@media(max-width:1150px){.cinematic .hero h1{font-size:58px}.cinematic .hero-copy{width:50%}.cinematic .hero-actions{gap:10px}.cinema-action{gap:0}.vision-stage{gap:30px}.capital-visual{height:450px}.cinematic .vision-stage h2{font-size:38px}.orbit-label-one{left:14px}.orbit-label-three{left:20px}.scene-topline{font-size:7px}}
@media(max-width:900px){.cinematic .hero-copy{width:100%;max-width:630px}.cinematic .hero h1{font-size:clamp(60px,8vw,76px)}.cinematic .hero-actions{gap:28px}.hero-flow{mask-image:linear-gradient(180deg,transparent,#0005 60%,#000);opacity:.5}.vision-stage{grid-template-columns:1fr}.cinematic .vision-stage .vision-intro{max-width:100%}.capital-visual{height:450px;width:100%;max-width:620px;justify-self:center}.cinematic .vision-stage h2{font-size:45px}.motion-toggle{right:36px;bottom:83px}}
@media(max-width:580px){.cinematic .hero{min-height:0}.cinematic .hero h1{font-size:clamp(49px,12.8vw,68px)}.cinematic .hero .eyebrow{font-size:8px;letter-spacing:.1em}.cinematic .hero-description{font-size:14px;max-width:390px}.cinematic .hero-actions{gap:8px;align-items:center;margin-top:20px}.cinema-action{min-height:91px;gap:0}.metal-play{width:88px;height:92px;margin-left:-7px}.metal-play .threeui-frame{width:144px;height:152px;left:-28px;top:-30px}.metal-play-fallback{inset:15px}.cinematic .cinema-action .film-hero-link{font-size:13px}.cinema-action .film-hero-link small{font-size:6px;letter-spacing:.1em}.cinematic .hero-actions>.text-link{font-size:10px;margin-left:11px;gap:8px}.cinematic .hero-actions>.text-link .finance-mark{width:18px;height:18px}.cinematic .hero-footnote{margin-top:15px;font-size:8px}.motion-toggle{bottom:83px;right:20px;padding:9px 12px;font-size:9px}.vision-stage{margin-top:26px;gap:20px}.cinematic .vision-stage h2{font-size:36px}.cinematic .vision-stage .lead{font-size:14px}.capital-visual{height:380px;border-radius:10px}.orbit-label{padding:8px 10px;font-size:8px}.orbit-label b{font-size:10px}.orbit-label-one{top:102px;left:10px}.orbit-label-two{top:196px;right:10px}.orbit-label-three{bottom:79px;left:18px}.scene-topline{inset:18px 16px auto;font-size:7px}.scene-topline>span:last-child{font-size:6px}.capital-visual figcaption{font-size:6px;bottom:22px}.cinematic .value-cycle{margin-top:28px}.cinematic .copy-button{padding:12px 16px;align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.cinematic .hero-visual,.cinematic .resource-links a{transition:none}}
@media(max-width:580px){.cinematic .value-cycle svg{position:static;display:block;width:38px;height:38px;margin-bottom:25px}.cinematic .value-cycle .step{top:30px;right:24px}.cinematic .value-cycle h3{font-size:21px}.cinematic .value-cycle article{margin-bottom:16px}.metal-play .threeui-frame{mask-image:radial-gradient(circle,#000 36px,#000b 44px,transparent 70px)}}