/* A readable hero and a complete three-electrode cell in the same Art Deco palette. */
.home-page .hero{min-height:860px;display:block;padding:0;background:#0b1b39;overflow:hidden}
.home-page .hero-art{position:absolute;inset:0;right:0;top:0;width:100%;height:100%;margin:0;transform:none!important;transition:none;overflow:hidden}
.home-page .hero-background-slide>img{display:block;width:100%;height:100%;object-fit:contain;object-position:100% 50%;opacity:1;max-width:none}
.home-page .art-wash{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b1b39 0%,rgba(11,27,57,.97) 29%,rgba(11,27,57,.72) 42%,rgba(11,27,57,.12) 57%,transparent 68%)}
.home-page .hero-copy{position:relative;z-index:4;width:51%;padding:65px 0 75px 7%}
.home-page .hero-copy>.eyebrow{font-family:var(--font);font-size:20px;line-height:1.55;font-weight:500;letter-spacing:.005em;text-transform:none;max-width:550px;gap:13px;color:#dfc691}
.home-page .hero-copy>.eyebrow span[data-i18n=heroEyebrow]{text-wrap:balance}
.home-page .hero-copy>.eyebrow .status-dot{display:none}
.home-page .hero h1{margin:26px 0 29px;font-size:clamp(49px,4.35vw,65px);line-height:1.13}
.home-page .hero-description{max-width:505px;font-size:17px;line-height:1.85;color:#c4cfdd}
.home-page .hero-copy>.institution-logos{margin-top:26px}
#electrode-signals{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}





html[lang=zh-CN] .home-page .hero-copy{padding-top:79px;padding-bottom:89px}
html[lang=zh-CN] .home-page .hero h1{font-size:clamp(43px,3.8vw,58px);line-height:1.5;margin:25px 0 29px}
html[lang=zh-CN] .home-page .hero-description{max-width:480px;font-size:17px;line-height:2}
@media(min-width:1600px){.home-page .hero{min-height:900px}.home-page .hero-copy{padding-top:85px;padding-bottom:90px}.home-page .hero-description{font-size:18px}}
@media(max-width:1250px){.home-page .hero-copy{padding-left:6%;width:53%}.home-page .hero h1{font-size:53px}.home-page .hero-description{font-size:16px;max-width:450px}.home-page .hero-copy>.eyebrow{font-size:20px;max-width:440px}.home-page .hero{min-height:850px}}
@media(max-width:1100px){.home-page .hero-background-slide>img{object-fit:cover}.home-page .hero{min-height:0;display:flex;flex-direction:column}.home-page .hero-copy{order:0;width:100%;padding:50px 7% 36px;max-width:900px}.home-page .hero-copy>.eyebrow{max-width:700px}.home-page .hero h1{font-size:clamp(50px,6.2vw,66px)}.home-page .hero-description{font-size:17px;max-width:730px}.home-page .hero-art{order:1;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;margin:0;max-height:none}.home-page .art-wash{background:linear-gradient(180deg,#0b1b39 0%,rgba(11,27,57,.44) 6%,transparent 17%)}.home-page .hero-copy>.institution-logos{margin-top:26px}html[lang=zh-CN] .home-page .hero-copy{padding:50px 7% 36px}html[lang=zh-CN] .home-page .hero-description{max-width:730px;font-size:17px}html[lang=zh-CN] .home-page .hero h1{font-size:clamp(43px,5.5vw,60px)}}
@media(max-width:760px){.home-page .hero-copy{padding:40px 7% 28px}.home-page .hero-copy>.eyebrow{font-size:18px;line-height:1.6;max-width:500px}.home-page .hero h1{font-size:clamp(41px,8.2vw,60px);margin:24px 0 27px;line-height:1.16}.home-page .hero-description{font-size:16px;line-height:1.9}.home-page .hero-art{aspect-ratio:1}html[lang=zh-CN] .home-page .hero-copy{padding:40px 7% 28px}html[lang=zh-CN] .home-page .hero h1{font-size:clamp(36px,7.3vw,52px);margin:24px 0 25px}html[lang=zh-CN] .home-page .hero-description{font-size:16px;line-height:2}}
@media(max-width:420px){.home-page .hero h1{font-size:42px}.home-page .hero-copy>.eyebrow{font-size:18px}.home-page .hero-buttons{gap:21px}.home-page .hero-art{aspect-ratio:1}}
@media(max-width:350px){.home-page .hero h1{font-size:36px}.home-page .hero-buttons{gap:15px}.home-page .hero .button{font-size:14px}}


.home-page .hero-copy>.institution-logos{max-width:100%;padding-right:0;row-gap:22px;column-gap:30px}
.home-page .hero-copy>.institution-logos img{height:72px;width:auto;max-width:none;flex:0 0 auto}
@media(max-width:760px){.home-page .hero-copy>.institution-logos img{height:63px}.home-page .hero-copy>.institution-logos{column-gap:28.5px}}
@media(max-width:380px){.home-page .hero-copy>.institution-logos img{height:52.5px}.home-page .hero-copy>.institution-logos{column-gap:22.5px}}

/* Keep the complete desktop homepage—header, hero, and footer—inside one viewport. */
@media(min-width:1101px){
body.home-page{height:100vh;height:100svh;display:flex;flex-direction:column}
.home-page .site-header,.home-page .site-footer{flex:0 0 auto}
.home-page main{display:flex;flex:1 1 auto;min-height:0}
.home-page .hero{flex:1 1 auto;width:100%;min-height:0}
}

/* Compress only the vertical rhythm on shorter desktop screens. */
@media(min-width:1101px) and (max-height:1000px){
.home-page .hero-copy,html[lang=zh-CN] .home-page .hero-copy{padding-top:clamp(10px,2.5vh,24px);padding-bottom:clamp(10px,2.5vh,24px)}
.home-page .hero h1,html[lang=zh-CN] .home-page .hero h1{margin:clamp(8px,1.2vh,12px) 0}
.home-page .hero-buttons{margin-top:clamp(8px,1.4vh,14px)}
.home-page .hero-copy>.institution-logos{margin-top:clamp(6px,1.2vh,12px);row-gap:14px}
.home-page .site-footer{padding-top:clamp(12px,2vh,20px);padding-bottom:clamp(12px,2vh,20px)}
}

/* Very short or heavily zoomed desktop windows retain safe natural scrolling. */
@media(min-width:1101px) and (max-height:720px){
body.home-page{height:auto;min-height:100vh;min-height:100svh}
.home-page .hero{min-height:520px}
}