/* v8: the homepage first screen uses one continuous factory image. */
.immersive-hero{position:relative;isolation:isolate;margin:18px 24px 0;background:#0b2336;color:white;min-height:clamp(660px,calc(100svh - 140px),1000px);overflow:hidden;overflow:clip;border:0;display:block}
.immersive-images,.immersive-shade{position:absolute;inset:0;pointer-events:none}
.immersive-images{z-index:-2;background:#102b3e}
.immersive-images .immersive-frame{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s;transform:scale(1.015)}
.immersive-images .immersive-frame.is-current{opacity:1;visibility:visible}
.immersive-frame>img,.immersive-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,center center)}
.immersive-frame>video{opacity:0;transition:opacity .4s ease}.immersive-frame.video-ready>video{opacity:1}
.hero-media-toggle{position:absolute;top:24px;right:26px;z-index:2;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #ffffff50;border-radius:3px;color:white;background:#071c3199;font-size:.875rem;line-height:1.5;cursor:pointer;backdrop-filter:blur(7px)}
.hero-media-toggle[hidden]{display:none}.hero-media-toggle:hover{background:#071c31c9}
.immersive-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,20,33,.81) 0%,rgba(4,20,33,.60) 33%,rgba(4,20,33,.19) 70%,rgba(4,20,33,.04) 100%),linear-gradient(0deg,rgba(4,21,34,.81) 0%,rgba(4,21,34,.1) 47%,rgba(4,21,34,.06) 100%)}
.immersive-inner{min-height:inherit;display:flex;flex-direction:column;padding:38px clamp(32px,4.1vw,88px) 28px;max-width:2100px;margin:auto}
.immersive-body{flex:1;display:flex;align-items:center;padding:54px 0 78px}
.immersive-copy{width:100%;max-width:930px;min-width:0}
.immersive-eyebrow{display:flex;align-items:center;gap:18px;color:#dae5ee;font-size:.875rem;font-weight:600;letter-spacing:.12em;line-height:1.6;margin:0 0 36px}
.immersive-eyebrow>span:first-child{width:31px;height:1px;background:#d4e0e8;flex-shrink:0}
.immersive-hero #hero-title{font-size:clamp(3.5rem,5.4vw,6.6rem);line-height:1.06;font-weight:500;letter-spacing:-.05em;max-width:100%;margin:0;color:white;white-space:pre-line;text-wrap:balance;text-shadow:0 2px 25px #03132124}
html[lang=zh-CN] .immersive-hero #hero-title{font-size:clamp(3.2rem,5vw,6.2rem);letter-spacing:-.035em;line-height:1.2;font-weight:500}
.immersive-hero #hero-description{font-size:1.125rem;line-height:1.85;color:#e3eaf0;max-width:600px;margin:30px 0 0;text-wrap:pretty}
.immersive-actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:34px}
.immersive-primary{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:17px 30px;background:#fff;color:#142d40;font-size:1rem;line-height:1.5;font-weight:600;transition:background .2s}
.immersive-primary:hover{background:#e4edf5}
.immersive-secondary{display:inline-flex;align-items:center;gap:13px;font-size:1rem;line-height:1.6;color:white;padding:8px 0;max-width:100%;text-underline-offset:6px}
.immersive-secondary:hover{text-decoration:underline}
.immersive-play{display:grid;place-items:center;border:1px solid #c7d9e399;border-radius:50%;width:42px;height:42px;flex-shrink:0;font-size:.875rem}.immersive-play[hidden]{display:none}
.immersive-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(max-content,.6fr);gap:24px;align-items:center;border-top:1px solid #dfebf043;padding-top:24px;min-width:0}
.immersive-bottom #hero-location{font-size:.875rem;line-height:1.7;letter-spacing:.025em;color:#cfdee8;max-width:380px}
.immersive-controls{display:flex;gap:18px;align-items:center;min-width:0}
.immersive-hero #showcase-tabs{display:flex;gap:24px;min-width:0;align-items:stretch}
.immersive-hero #showcase-tabs button{position:relative;display:flex;gap:8px;align-items:center;border:0;border-top:2px solid #cfdee840;background:none;border-radius:0;padding:13px 0 0;color:#cbdae4;min-height:44px;font-size:.875rem;line-height:1.5;white-space:normal;cursor:pointer;flex:initial}
.immersive-hero #showcase-tabs button[aria-pressed=true]{color:white;border-color:#fff;background:none}
.immersive-tab-number{font-variant-numeric:tabular-nums;font-size:.875rem}.immersive-tab-label{font-size:.875rem}
.immersive-auto{border:1px solid #cedce65c;border-radius:50%;background:#071d2c22;color:white;width:42px;height:42px;min-width:42px;cursor:pointer;display:grid;place-items:center;font-size:1rem}
.immersive-auto[hidden]{display:none}
.immersive-count{display:flex;gap:12px;justify-content:flex-end;align-items:center;color:#d0dde6;font-size:.875rem;letter-spacing:.02em;line-height:1.7;text-align:right}
.immersive-hero #showcase-count{white-space:nowrap;font-size:.875rem;color:#fff;font-variant-numeric:tabular-nums}
.immersive-count #hero-scene{font-size:.875rem;white-space:nowrap;letter-spacing:.04em}
.immersive-sr{position:absolute!important;clip-path:inset(50%);width:1px!important;height:1px!important;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0)}
.immersive-hero :focus-visible{outline:3px solid white;outline-offset:6px}
.hero-in-view .contact-dock{visibility:hidden;opacity:0;pointer-events:none}
@media(min-width:1800px){.immersive-copy{max-width:1190px}.immersive-hero #hero-description{max-width:700px;font-size:1.2rem}.immersive-body{padding-block:65px 100px}.immersive-eyebrow{margin-bottom:44px}}
@media(max-width:1150px){.immersive-hero{margin:16px 18px 0;min-height:clamp(640px,calc(100svh - 132px),940px)}.immersive-inner{padding:30px 38px 25px}.immersive-copy{max-width:850px}.immersive-hero #hero-title{font-size:clamp(3.4rem,6.5vw,5.2rem)}.immersive-bottom{grid-template-columns:1fr auto;gap:18px}.immersive-count{display:none}.immersive-hero #showcase-tabs{gap:20px}.immersive-tab-label{display:none}.immersive-hero #showcase-tabs button{min-width:38px;justify-content:center}.immersive-body{padding:42px 0 66px}}
@media(max-width:780px){.immersive-hero{display:block;margin:10px 10px 0;min-height:650px}.immersive-inner{padding:30px 24px 24px}.immersive-body{align-items:flex-end;padding:160px 0 54px}.immersive-copy{max-width:100%}.immersive-shade{background:linear-gradient(0deg,rgba(3,20,33,.96) 0%,rgba(3,20,33,.83) 26%,rgba(3,20,33,.36) 66%,rgba(3,20,33,.16) 100%)}.immersive-images #hero-image-0{object-position:70% top}.immersive-images #hero-image-1{object-position:56% 38%}.immersive-images #hero-image-2{object-position:54% 45%}.immersive-hero #hero-title{font-size:clamp(2.7rem,7.8vw,4.4rem);line-height:1.12;letter-spacing:-.045em}.immersive-eyebrow{margin-bottom:22px;gap:12px;font-size:.875rem;letter-spacing:.07em}.immersive-eyebrow>span:first-child{width:22px}.immersive-hero #hero-description{font-size:1rem;line-height:1.8;margin-top:22px;max-width:540px}.immersive-actions{gap:18px;margin-top:26px;align-items:center}.immersive-primary{min-height:52px;padding:14px 21px}.immersive-secondary{font-size:.95rem;gap:10px}.immersive-play{width:36px;height:36px}.immersive-bottom{padding-top:18px;gap:14px;align-items:center}.immersive-bottom #hero-location{font-size:.875rem;letter-spacing:0;max-width:230px}.immersive-controls{gap:0}.immersive-hero #showcase-tabs{gap:10px}.immersive-hero #showcase-tabs button{min-width:30px;padding-top:10px}.immersive-hero .immersive-count{display:none}html[lang=zh-CN] .immersive-hero #hero-title{font-size:clamp(2.6rem,7.8vw,4.1rem);line-height:1.22;letter-spacing:-.045em}}
@media(max-width:450px){.immersive-hero{min-height:670px}.immersive-inner{padding-inline:22px}.immersive-body{padding-top:150px;padding-bottom:35px}.immersive-hero #hero-title{font-size:clamp(2.25rem,8.5vw,2.9rem)}html[lang=zh-CN] .immersive-hero #hero-title{font-size:clamp(2.2rem,8.2vw,2.85rem);letter-spacing:-.045em}.immersive-actions{gap:15px}.immersive-primary{font-size:.95rem;padding:14px 20px}.immersive-secondary{font-size:.875rem}.immersive-eyebrow{font-size:.875rem;letter-spacing:.045em}.immersive-bottom{grid-template-columns:minmax(0,1fr) auto}.immersive-bottom #hero-location{max-width:160px}.immersive-hero #showcase-tabs{gap:7px}.immersive-hero #showcase-tabs button{min-width:28px}.immersive-tab-number{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.immersive-hero *, .immersive-hero *::before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(max-width:780px){.immersive-frame>img,.immersive-frame>video{object-position:var(--hero-mobile-position,center center)}.hero-media-toggle{top:16px;right:16px;max-width:calc(100% - 32px);font-size:.875rem;padding:8px 12px}.immersive-controls{gap:10px}.immersive-auto{width:44px;height:44px;min-width:44px}}