/* V10 — native touch scrolling + information-first companion pages. */
html{overscroll-behavior-y:auto!important}
body.home-page{overflow-y:auto!important;touch-action:pan-y}
.home-page .scroll-story{height:calc(8 * 100svh)!important;min-height:0!important;touch-action:pan-y;overscroll-behavior:auto!important}
.home-page .stage{position:sticky!important;top:0!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;overflow:clip!important;overscroll-behavior:auto!important;touch-action:pan-y!important}
.home-page .scene-stack,.home-page .scene,.home-page .scene-media{overflow:clip!important;touch-action:pan-y}
.home-page .scroll-progress{width:100%;transform-origin:left center}
/* Native vertical document scrolling is never trapped inside a hidden-overflow visual layer. */
@supports not (overflow:clip){.home-page .stage,.home-page .scene-media{overflow:hidden!important;overscroll-behavior:auto!important}}
.info-page{background:#0a0f21;color:#eef0fc;overflow-x:hidden}
.info-page main{overflow:visible}
.info-page .info-hero{background:#0b1023;position:relative;padding:0 0 clamp(65px,9vw,120px)}
.info-page .info-hero-media{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#080b18}
.info-page .info-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b1023 0%,transparent 43%),linear-gradient(90deg,rgba(6,8,26,.15),transparent 65%);pointer-events:none}
.info-page .info-hero-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.info-page .info-hero-copy{width:min(1110px,100% - 2*var(--page-inset));margin:-7vw auto 0;position:relative;z-index:2}
.info-page .info-eyebrow{font-size:11px;letter-spacing:.19em;font-weight:700;color:#abb5ee;line-height:1.6;text-transform:uppercase;margin:0 0 14px}
.info-page .info-hero-copy h1{font-size:clamp(52px,7.3vw,105px);line-height:1;letter-spacing:-.062em;max-width:1000px;font-weight:500;margin:0 0 25px}
.info-page .info-hero-copy>p:last-child{font-size:clamp(17px,1.7vw,22px);line-height:1.56;max-width:720px;color:#c9d0e9;margin:0}
.info-page .info-intro{border-block:1px solid rgba(166,178,227,.15);padding:clamp(70px,8vw,125px) var(--page-inset);background:linear-gradient(150deg,#111a38,#0a1023 80%)}
.info-page .info-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,150px);max-width:1180px;margin:auto}
.info-page .info-intro> .info-eyebrow{max-width:1180px;margin:0 auto 20px}
.info-page .info-intro h2{font-size:clamp(40px,4.3vw,70px);line-height:1.11;letter-spacing:-.052em;font-weight:500;margin:0}
.info-page .info-intro-grid p{line-height:1.75;color:#c8cde7;font-size:16px;margin:0 0 17px}
.info-page .info-jump{max-width:1180px;margin:33px auto 0;display:flex;gap:9px;flex-wrap:wrap;}
.info-page .info-jump a{display:inline-flex;align-items:center;border:1px solid rgba(160,176,232,.25);border-radius:100px;padding:11px 17px;font-size:13px;color:#e5e5f8;background:rgba(114,125,182,.05);transition:border-color .2s,background .2s}
.info-page .info-jump a:hover{border-color:#9ca8e6;background:rgba(114,125,182,.17)}
.info-page .info-sections{background:#0a1023}
.info-page .info-experience,.info-page .info-topic{scroll-margin-top:88px;max-width:1300px;margin:auto;padding:clamp(65px,7vw,105px) var(--page-inset);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(35px,8vw,160px);border-bottom:1px solid rgba(168,178,223,.16)}
.info-page .info-experience-head h2,.info-page .info-topic-heading h2{font-weight:500;line-height:1.07;letter-spacing:-.049em;font-size:clamp(35px,4.0vw,63px);margin:0 0 17px}
.info-page .info-subtitle{color:#a8b5ea;font-size:15px;line-height:1.5}
.info-page .info-experience-description p,.info-page .info-topic-body p{font-size:clamp(16px,1.3vw,18px);line-height:1.78;color:#cdd2eb;margin:0 0 20px}
.info-page .info-experience-points{padding:19px 0 0;border-top:1px solid rgba(168,178,223,.2);margin-top:22px}
.info-page .mini-label{margin:0 0 15px;font-size:10px;letter-spacing:.19em;color:#b8b7ef;font-weight:700}
.info-page .info-experience-points ul{display:flex;gap:9px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.info-page .info-experience-points li{font-size:13px;line-height:1.4;color:#d9dbf1;border:1px solid rgba(154,167,227,.25);border-radius:60px;padding:7px 12px}
.info-page .info-image-interlude{position:relative;max-width:none;margin:0;overflow:hidden;background:#0a1023}
.info-page .info-image-interlude img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.info-page .info-image-interlude figcaption{position:relative;font-size:clamp(20px,2.3vw,34px);letter-spacing:-.02em;color:#e8e6fc;text-align:center;background:#121a35;padding:35px var(--page-inset) 40px;line-height:1.4}
.info-page .info-portrait-interlude{background:#10182f;display:flex;align-items:center;gap:clamp(25px,5vw,85px);justify-content:center;padding:clamp(30px,6vw,85px) var(--page-inset)}
.info-page .info-portrait-interlude img{max-height:490px;max-width:min(45vw,440px);width:auto;object-fit:contain}
.info-page .info-portrait-interlude figcaption{max-width:450px;text-align:start;padding:0;background:transparent}
.info-page .info-fact{background:linear-gradient(110deg,rgba(114,129,204,.13),rgba(115,115,176,.06));border-inline-start:2px solid #9bace9;padding:15px 21px;margin-top:25px}
.info-page .info-fact p{margin:0;font-size:14px;line-height:1.65}
.info-page .info-end{text-align:center;padding:clamp(100px,10vw,145px) var(--page-inset);background:linear-gradient(145deg,#131d3f,#0a0f22)}
.info-page .info-end h2{max-width:950px;margin:0 auto 20px;font-size:clamp(43px,6vw,83px);font-weight:500;letter-spacing:-.06em;line-height:1.06}
.info-page .info-end>p:not(.info-eyebrow){font-size:17px;line-height:1.7;color:#c7cbea;max-width:800px;margin:0 auto 30px}
.info-page .info-button{border-radius:99px;border:1px solid #abb4ed;display:inline-flex;align-items:center;padding:17px 26px;color:#eef2ff;background:linear-gradient(90deg,rgba(96,116,198,.32),rgba(130,109,172,.12));font-size:12px;letter-spacing:.065em;font-weight:700;text-transform:uppercase}
.info-page .support-bridge{min-height:unset!important;padding:clamp(100px,9vw,140px) var(--page-inset)!important;background:linear-gradient(140deg,#121a3a,#0a0f22)}
.info-page .support-bridge-inner{width:min(1200px,100%);margin:0 auto}
html[dir=rtl] .info-page .info-hero-copy h1,html[dir=rtl] .info-page .info-experience-head h2,html[dir=rtl] .info-page .info-topic-heading h2,html[dir=rtl] .info-page .info-intro h2,html[dir=rtl] .info-page .info-end h2{letter-spacing:0;line-height:1.27}
html[dir=rtl] .info-page .info-experience-description p,html[dir=rtl] .info-page .info-topic-body p{line-height:1.9}
@media(max-width:800px){
 .info-page .info-hero-copy{width:auto;margin:0;padding:43px 22px 26px}
 .info-page .info-hero-copy h1{font-size:clamp(43px,10.5vw,70px);line-height:1.08}
 .info-page .info-hero-copy>p:last-child{font-size:16px}
 .info-page .info-hero{padding-bottom:24px}
 .info-page .info-hero-media{aspect-ratio:16/9;margin:0}
 .info-page .info-intro{padding:70px 22px}
 .info-page .info-intro-grid{grid-template-columns:1fr;gap:22px}
 .info-page .info-intro h2{font-size:clamp(37px,9vw,54px)}
 .info-page .info-intro-grid p{font-size:15px;line-height:1.73}
 .info-page .info-jump{margin-top:22px;gap:8px}
 .info-page .info-jump a{font-size:12px;padding:9px 13px}
 .info-page .info-experience,.info-page .info-topic{grid-template-columns:1fr;gap:16px;padding:54px 22px}
 .info-page .info-experience-head h2,.info-page .info-topic-heading h2{font-size:clamp(35px,9vw,51px)}
 .info-page .info-experience-description p,.info-page .info-topic-body p{font-size:15px;line-height:1.73}
 .info-page .info-image-interlude figcaption{font-size:19px;padding:27px 22px}
 .info-page .info-portrait-interlude{display:flex;flex-direction:column;padding:55px 22px;gap:25px}
 .info-page .info-portrait-interlude img{max-height:420px;max-width:88%;width:auto}
 .info-page .info-portrait-interlude figcaption{max-width:100%;text-align:center}
 .info-page .info-end{padding:75px 22px}
 .info-page .support-bridge{padding:75px 22px!important}
}
@media(prefers-reduced-motion:reduce){.info-page *, .info-page *:before,.info-page *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
