/* Immersive full-width light fabric. No isolated foreground sculpture. */
.hero{min-height:765px;height:min(860px,100svh);padding:114px 24px 100px;justify-content:center;background:linear-gradient(125deg,#0e1727,#141529)}
.hero-content{width:auto;max-width:820px;margin:auto;text-align:center;padding:0;position:relative}
.hero h1{font-size:clamp(54px,5.5vw,80px);letter-spacing:3px;line-height:1.24;max-width:none}
.hero-eyebrow{justify-content:center;margin-bottom:26px;font-size:9px;letter-spacing:2.2px}.hero-eyebrow>span{display:block;width:25px}
.hero-english{font-size:23px;margin:21px 0 15px}.hero-description{max-width:590px;margin-inline:auto;font-size:13px;color:#b5c2cd}
.hero-actions{justify-content:center;margin-top:31px}.hero-help-choose{display:none}.hero .button-glass{background:rgba(13,21,36,.68);border-color:#b6cddd4f}.hero .button-glass:hover{background:rgba(24,37,56,.82)}
.hero .motion-toolbar{margin:21px auto 0;width:max-content;background:#0e172bab}.hero .motion-hint{text-align:center;max-width:none;margin:9px auto 0;color:#b3c2ce;font-size:10px}.hero::after{z-index:-1;background:linear-gradient(0deg,var(--bg) 0%,transparent 20%)}.hero-grain{opacity:.035}.liquid-aurora{z-index:-2}
.liquid-caption{display:none}.hero-bottom{bottom:31px}.hero-bottom>span{width:240px}.hero-bottom>span:last-child{font-size:8px;color:#a4b1bf}
.liquid-static-field{position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 10% 67%,#44bdc15b,transparent 54%),radial-gradient(ellipse at 95% 50%,#936ed37a,transparent 59%),radial-gradient(ellipse at 55% 88%,#4b8cdc59,transparent 56%),linear-gradient(150deg,#0b182b,#111428)}.liquid-fallback>.aurora{visibility:hidden;opacity:0}
#dialogTitle:focus{outline:none}dialog .icon-button{color:var(--muted)}
@media(max-width:1100px){.hero h1{font-size:64px}.hero-english{font-size:22px}.hero-description{font-size:13px}.hero-bottom>span{width:195px}}
@media(max-width:850px){.hero h1{font-size:57px}.hero-description{font-size:12px}.hero-english{font-size:21px}.hero .motion-toolbar{gap:7px}.hero .motion-toolbar-caption{display:none}.hero-bottom>span:last-child{display:none}}
@media(max-width:680px){.hero{height:auto;min-height:790px;padding:115px 20px 103px}.hero-content{width:100%;max-width:100%;padding:0}.hero h1{font-size:clamp(46px,11.3vw,61px);line-height:1.3;letter-spacing:1px}.hero-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}.hero-eyebrow span{width:17px}.hero-english{font-size:21px;margin:20px 0 13px}.hero-description{font-size:12px}.hero-actions{gap:10px;margin-top:26px}.hero-actions .button{font-size:12px;padding:12px 14px;gap:13px}.hero-help-choose{margin-top:11px;font-size:11px}.hero .motion-toolbar{margin:21px auto 0;gap:5px}.hero .motion-hint{font-size:9px}.hero-bottom{bottom:27px;left:20px;right:20px}.hero-bottom>span:first-child{font-size:8px;width:auto}}
@media(max-width:360px){.hero{min-height:790px;padding-inline:17px}.hero-actions .button{font-size:11px;padding:12px 12px;gap:10px}.hero .motion-toolbar{gap:3px;padding-left:4px}.hero .motion-palette-button{padding-inline:7px;min-width:44px}.hero .motion-toggle{padding-left:6px;min-width:69px}}

/* English headline: retain the deliberate two-line composition on narrow screens. */
#heroHeading[lang="en"]{font-size:clamp(48px,5.8vw,84px);letter-spacing:-.02em;line-height:1.16}
#heroHeading[lang="en"]>span,#heroHeading[lang="en"]>em{display:block;white-space:nowrap}
#heroHeading[lang="en"]>em{font-style:italic;font-weight:400}
@media(max-width:680px){#heroHeading[lang="en"]{font-size:clamp(32px,10.2vw,56px);line-height:1.22;letter-spacing:-.025em}}
