.page-hero{height:min(280px,calc(100svh - 88px));min-height:240px;position:relative;overflow:hidden;color:#fff;background:var(--deep)}
.page-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,35,76,.9),rgba(0,62,125,.38) 60%,rgba(0,0,0,.1)),center/cover no-repeat;transform:scale(1.03)}
.page-hero-copy{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);z-index:2}
.page-en{margin:0 0 10px;color:#9dcbf5;font:900 clamp(28px,5.7vw,84px)/.95 Arial;letter-spacing:-.045em}
.page-hero h1{font-size:clamp(40px,5vw,72px);line-height:1.25;letter-spacing:.06em;margin:0 0 22px}
.page-hero-copy>p:last-child{font-size:clamp(15px,1.4vw,20px);font-weight:700;letter-spacing:.05em}
.scroll{position:absolute;left:var(--pad);bottom:28px;z-index:2;font:700 10px Arial;letter-spacing:.18em;display:flex;align-items:center;gap:15px}
.scroll i{position:relative;width:80px;height:1px;background:rgba(255,255,255,.25);overflow:hidden}
.scroll i:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:#fff;animation:scrollLine 2s infinite}
@keyframes scrollLine{to{left:100%}}

@media(max-width:980px){.page-hero{height:min(280px,calc(100svh - 88px));}}
@media(max-width:640px){
   .page-hero{height:min(220px,calc(100svh - 88px));
	   min-height:220px
	}
	.page-en{font-size:36px}
}