/* SCG Global: the existing world image, with a restrained cinematic treatment. */
.global-hero--cinematic{--hero-gold:#e3c794;--hero-dark:#081b15}
.global-hero--cinematic .global-hero-scene{position:absolute;inset:-1px;z-index:-2;overflow:hidden;pointer-events:none;transform-origin:78% 52%}
.global-hero--cinematic .global-hero-scene>.global-backdrop{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:72% 50%}
.global-hero--cinematic .global-hero-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
html[lang] .global-hero.global-hero--cinematic::before{z-index:-1;background:linear-gradient(90deg,rgba(8,27,21,.83) 0%,rgba(8,27,21,.66) 30%,rgba(8,27,21,.2) 57%,rgba(8,27,21,.02) 82%),linear-gradient(0deg,rgba(8,27,21,.78),transparent 32%,transparent 76%,rgba(8,27,21,.2))}
.global-hero--cinematic>.container.global-hero-content{min-height:calc(100svh - 88px);padding-top:clamp(58px,9svh,110px);padding-bottom:84px;justify-content:center}
.global-hero--cinematic .hero__content{max-width:560px}
.global-hero--cinematic .hero__meta{margin-bottom:28px}
.global-hero--cinematic .display.hero__title{font-size:clamp(66px,7.7vw,112px);margin-bottom:28px;letter-spacing:-.055em;line-height:1.03}
.hero-title-line{display:block;overflow:clip;padding-block:.09em;margin-block:-.09em}
.hero-title-word{display:block}
.global-hero--cinematic .hero__sub{max-width:35ch;color:#eeeae0;font-size:18px;line-height:1.65;margin:0 0 32px}
.global-hero--cinematic .hero__cta{align-items:center;gap:25px;flex-wrap:wrap}
.global-hero--cinematic .hero__cta .btn{min-height:54px;padding:15px 22px;gap:18px;border-radius:3px;transition:background .25s,box-shadow .25s}
.global-hero--cinematic .hero__cta .btn:hover{box-shadow:0 6px 28px #ccac7626}
.global-hero--cinematic .hero__cta .text-link{padding:10px 0;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.global-hero--cinematic .hero__cta .scg-icon{transition:transform .25s}
.global-hero--cinematic .hero__cta a:hover .scg-icon{transform:translate(2px,-2px)}
.global-hero--cinematic .global-hero-experience{max-width:48ch;margin-top:29px;color:#cbbd9d;font-size:12px}
.hero-motion-footer{position:absolute;inset-inline:var(--gutter);bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e3c794}
.hero-scroll-cue{display:inline-flex;align-items:center;gap:15px;text-decoration:none;font:400 10px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;min-height:44px}
.hero-scroll-cue>svg{width:17px;height:28px;opacity:.85;transition:transform .25s}
.hero-scroll-cue:hover>svg{transform:translateY(3px)}
.hero-motion-toggle{display:grid;place-items:center;border:1px solid #e3c79455;border-radius:50%;background:#081b1580;color:#e3c794;width:44px;height:44px;cursor:pointer;backdrop-filter:blur(8px);transition:background .25s,border-color .25s}
.hero-motion-toggle:hover{background:#294336;border-color:#e3c794}
.hero-motion-toggle svg{width:18px;height:18px}
.hero-motion-toggle[aria-pressed=false] .hero-play,.hero-motion-toggle[aria-pressed=true] .hero-pause{display:none}
.global-hero--cinematic a:focus-visible,.hero-motion-toggle:focus-visible{outline:2px solid #e3c794;outline-offset:6px}
.hero-motion-pending [data-hero-reveal]{opacity:0}
html[lang=ar] .global-hero--cinematic .hero__content{max-width:500px}
html[lang=ar] .global-hero--cinematic .hero__title{font-size:clamp(52px,5vw,72px);line-height:1.25;letter-spacing:0}
html[lang=zh-Hans] .global-hero--cinematic .hero__title{font-size:clamp(60px,7vw,100px);line-height:1.22;letter-spacing:-.025em}
@media(min-width:801px) and (max-height:700px){
 .global-hero--cinematic>.container.global-hero-content{min-height:calc(100svh - 88px);padding-top:40px;padding-bottom:100px}
 .global-hero--cinematic .display.hero__title{font-size:clamp(62px,10svh,92px);margin-bottom:20px}
 .global-hero--cinematic .hero__meta{margin-bottom:20px}
 .global-hero--cinematic .hero__sub{margin-bottom:22px}
 .global-hero--cinematic .global-hero-experience{margin-top:23px}
}
@media(max-width:1100px) and (min-width:801px){
 .global-hero--cinematic .hero__content{max-width:510px}
 .global-hero--cinematic .display.hero__title{font-size:clamp(62px,8.6vw,86px)}
 .global-hero--cinematic .global-hero-scene>.global-backdrop{object-position:66% 50%}
 html[lang] .global-hero.global-hero--cinematic::before{background:linear-gradient(90deg,#081b15d9,#081b1570 55%,#081b1510),linear-gradient(0deg,#081b15b3,transparent 32%)}
}
@media(min-width:801px) and (max-width:1100px) and (max-aspect-ratio:4/5){
 .global-hero--cinematic>.container.global-hero-content{padding-top:66px;padding-bottom:430px;justify-content:flex-start}
 .global-hero--cinematic .global-hero-scene{inset:auto -1px 0;height:58%;transform-origin:78% 65%}
 .global-hero--cinematic .global-hero-scene>.global-backdrop{object-position:90% 50%}
 html[lang] .global-hero.global-hero--cinematic::before{background:linear-gradient(180deg,#081b15 0%,#081b15 31%,rgba(8,27,21,.82) 46%,rgba(8,27,21,.03) 68%,rgba(8,27,21,.5) 100%)}
 .global-hero--cinematic .hero__content{max-width:600px}
}
@media(max-width:800px){
 .global-hero--cinematic>.container.global-hero-content{min-height:calc(100svh - 104px);padding-top:40px;padding-bottom:270px;justify-content:flex-start}
 .global-hero--cinematic .global-hero-scene{inset:auto -1px 0;height:340px;transform-origin:75% 60%}
 .global-hero--cinematic .global-hero-scene>.global-backdrop{object-position:90% 50%}
 html[lang] .global-hero.global-hero--cinematic::before{background:linear-gradient(180deg,#081b15 0%,#081b15 42%,rgba(8,27,21,.76) 59%,rgba(8,27,21,.05) 77%,rgba(8,27,21,.55) 100%)}
 .global-hero--cinematic .hero__content{max-width:620px}
 .global-hero--cinematic .display.hero__title{font-size:clamp(50px,8.4vw,74px);margin-bottom:22px}
 .global-hero--cinematic .hero__sub{font-size:16px;max-width:36ch;margin-bottom:24px}
 .global-hero--cinematic .hero__cta{flex-direction:row;gap:12px 25px}
 .global-hero--cinematic .global-hero-experience{margin-top:20px}
 .hero-motion-footer{bottom:18px}
 .hero-scroll-cue{font-size:9px;letter-spacing:.09em}
 html[lang=ar] .global-hero--cinematic .hero__title{font-size:clamp(48px,8vw,66px)}
 html[lang=zh-Hans] .global-hero--cinematic .hero__title{font-size:clamp(48px,8.4vw,74px)}
}
@media(max-width:520px){
 .global-hero--cinematic>.container.global-hero-content{padding-top:34px;padding-bottom:265px}
 .global-hero--cinematic .global-hero-scene{height:300px}
 .global-hero--cinematic .hero__meta{margin-bottom:23px}
 .global-hero--cinematic .display.hero__title{font-size:clamp(40px,11.8vw,61px);letter-spacing:-.045em}
 .global-hero--cinematic .hero__sub{max-width:29ch;font-size:15px}
 .global-hero--cinematic .hero__cta{align-items:flex-start;flex-direction:column;gap:10px}
 .global-hero--cinematic .hero__cta .btn{min-height:50px;font-size:13px;padding:13px 18px}
 .global-hero--cinematic .hero__cta .text-link{font-size:13px}
 .global-hero--cinematic .global-hero-experience{max-width:30ch;font-size:11px;margin-top:17px}
 html[lang=ar] .global-hero--cinematic .hero__title{font-size:clamp(40px,10.5vw,58px)}
 html[lang=zh-Hans] .global-hero--cinematic .hero__title{font-size:clamp(40px,11.8vw,61px)}
}
@media(max-height:500px) and (min-aspect-ratio:1/1){
 .global-hero--cinematic>.container.global-hero-content{min-height:440px;padding-top:28px;padding-bottom:92px}
 .global-hero--cinematic .display.hero__title{font-size:42px;margin-bottom:16px}
 .global-hero--cinematic .hero__meta{margin-bottom:16px}
 .global-hero--cinematic .hero__sub{font-size:14px;margin-bottom:16px}
 .global-hero--cinematic .hero__cta{flex-direction:row;align-items:center;gap:20px}
 .global-hero--cinematic .global-hero-experience{margin-top:12px}
 .global-hero--cinematic .global-hero-scene{inset:0;height:100%}
 html[lang] .global-hero.global-hero--cinematic::before{background:linear-gradient(90deg,#081b15ed,#081b15c4 45%,#081b152e)}
}
@media(prefers-reduced-motion:reduce){
 .global-hero--cinematic *{animation:none!important;transition:none!important}
 .hero-motion-pending [data-hero-reveal]{opacity:1}
}
