/* V9: taller scene intersects the centered typography, with protected text contrast. */
@font-face{font-family:WeQuantTitle;src:url('vendor/fonts/noto-sans-sc-title-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+4ECE,U+5E02,U+573A,U+4FE1,U+53F7,U+5230,U+81EA,U+52A8,U+6267,U+884C}
.hero.cinematic{padding-top:61px}
.hero-copy h1{font-family:WeQuantTitle,Inter,'Microsoft YaHei',sans-serif;font-size:clamp(50px,5.3vw,80px);line-height:1.34;letter-spacing:.055em;font-weight:700;margin:22px auto 24px;text-shadow:0 2px 12px #02080dbb,0 0 38px #02080d99}
.hero-copy h1 .accent{text-shadow:none;filter:drop-shadow(0 2px 5px #02080d);background-image:linear-gradient(110deg,#e3fff7,#bceadd 50%,#9dcfc6)}
.hero-copy p{line-height:2.05;letter-spacing:.035em;color:#bdcdd9;margin-bottom:29px;text-shadow:0 2px 8px #02080d,0 0 20px #02080d}
.hero-kicker{letter-spacing:.25em}.hero-fine{letter-spacing:.04em;text-shadow:0 2px 10px #000}
.hero-shade{background:radial-gradient(ellipse 42% 40% at 50% 29%,#04080e9c,transparent 100%),linear-gradient(180deg,#04080e0d 0%,transparent 65%,#09111d 100%)}
.hero-foreground{position:absolute;inset:-2%;width:104%;height:104%;z-index:3;pointer-events:none;overflow:visible;mask-image:radial-gradient(ellipse 32% 46% at 50% 31%,transparent 45%,#000 100%)}
.near-ribbon{stroke:url(#near-light);stroke-width:12;fill:none;opacity:.25;filter:blur(2px)}.near-filament{stroke:url(#near-light);stroke-width:1;fill:none;stroke-dasharray:90 500;opacity:.65}
.hero-copy .herocta:not(.primary){background:#081923e8;border-color:#a7cddd50}.entry-actions{position:relative;z-index:4}.hero-bottom{z-index:4}
html[lang="en"] .hero-copy h1{letter-spacing:-.012em;line-height:1.28}
@media(min-width:761px) and (max-width:1200px){.hero-copy h1{font-size:58px}.hero.cinematic{padding-top:54px}}
@media(max-width:760px){.hero.cinematic{padding-top:47px}.hero-copy h1{font-size:39px;letter-spacing:.025em;line-height:1.38;margin:24px auto 21px}.hero-copy p{font-size:16px;letter-spacing:.015em;line-height:2}.hero-kicker{letter-spacing:.12em}.hero-foreground{opacity:.6;mask-image:radial-gradient(ellipse 47% 36% at 50% 26%,transparent 70%,#000 100%)}.hero-shade{background:radial-gradient(ellipse 75% 48% at 50% 26%,#04080eb3,transparent),linear-gradient(0deg,#09111d,transparent 30%)}html[lang="en"] .hero-copy h1{font-size:31px;line-height:1.38;letter-spacing:-.025em}}

.hero.cinematic:not([data-scene=webgl]){background-image:url('engine-layered-poster.svg')}

/* Shared English brand headline on both language versions. */
.hero-copy h1.bot-brand-title{font-family:Inter,"Microsoft YaHei",sans-serif;letter-spacing:-.035em;line-height:1.25;font-weight:700}
@media(max-width:760px){.hero-copy h1.bot-brand-title,html[lang="en"] .hero-copy h1.bot-brand-title{font-size:clamp(26px,7.3vw,46px);letter-spacing:-.035em;line-height:1.3}}

/* Chinese typography follows the selected site language. */
html:lang(zh) .hero-copy h1.bot-brand-title{letter-spacing:.12em;line-height:1.34}
@media(max-width:760px){html:lang(zh) .hero-copy h1.bot-brand-title{font-size:clamp(28px,8vw,46px);letter-spacing:.075em;line-height:1.38}}
