/* Approved homepage: original Seoul sunset photograph with left-aligned copy. */
.home-page .institution-hero{min-height:0;display:grid;grid-template:minmax(476px,auto) / 1fr}
.home-page .institution-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,29,51,.85) 0%,rgba(10,29,51,.76) 31%,rgba(10,29,51,.40) 52%,rgba(10,29,51,.05) 78%,transparent 100%);z-index:0;pointer-events:none}
.home-page .hero-photo{position:absolute;inset:0;grid-area:1 / 1;width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 28%;transform:scaleX(-1);z-index:0;transition:none}
.home-page .hero-message{grid-area:1 / 1;display:flex;align-items:center;width:100%;max-width:calc(var(--content) + 2*var(--gutter));padding:48px var(--gutter);background:transparent;z-index:1}
.home-page .hero-copy{display:block;width:49%;max-width:520px;padding:0;margin:0;background:transparent}
.home-page .hero-copy h1{font-size:36px;line-height:1.42}
.home-page .hero-copy p{font-size:17px;line-height:1.8;max-width:430px;margin-top:24px}
.home-page .hero-copy .button{min-height:44px;margin-top:28px;padding-block:9px}
.home-page .hero-copy h1,.home-page .hero-copy p,.home-page .hero-copy .button{animation:none}
@media(min-width:701px){
 .home-page .hero-photo{inset:0 auto 0 0;width:116%;object-position:50% 22%}
}
@media(max-width:1100px){
 .home-page .hero-copy h1{font-size:clamp(28px,3.3vw,36px)}
}
@media(max-width:700px){
 .home-page .institution-hero{grid-template-rows:minmax(485px,auto)}
 .home-page .institution-hero::after{background:linear-gradient(180deg,rgba(10,29,51,.08) 0%,rgba(10,29,51,.20) 24%,rgba(10,29,51,.80) 52%,rgba(10,29,51,.91) 100%)}
 .home-page .hero-photo{object-position:38% 50%}
 .home-page .hero-message{align-items:flex-end;padding:144px var(--gutter) 32px;margin-top:0}
 .home-page .hero-copy{width:100%;max-width:none}
 .home-page .hero-copy h1{font-size:29px;line-height:1.45}
 .home-page .hero-copy p{font-size:16px;line-height:1.75;max-width:none;margin-top:16px}
 .home-page .hero-copy .button{margin-top:20px}
}
@media(max-width:350px){
 .home-page .hero-copy h1{font-size:26px}
}