.page-hero{position:relative;max-width:1600px;height:clamp(320px,31vw,480px);margin:0 auto;overflow:hidden;background:#fdf9ee}
.page-hero-copy{position:relative;z-index:2;box-sizing:border-box;width:46%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 0 0 clamp(36px,5.6vw,92px)}
.page-hero h1{margin:0;color:#111;font-family:var(--font-display);font-size:clamp(44px,4.6vw,72px);font-weight:950;line-height:1.16;letter-spacing:-3px}
.page-hero h1 span{position:relative;color:#ff4c2f;white-space:nowrap}
.page-hero h1 span::after{content:"";position:absolute;left:3px;right:-6px;bottom:-9px;border-top:5px solid #ffd500;transform:rotate(-2deg)}
.page-hero p{margin:24px 0 0;color:#666;font-size:16px;line-height:1.7}
.page-hero .platform-btn{margin-top:20px}
.page-hero-art{position:absolute;inset:0 0 0 auto;z-index:1;height:100%;aspect-ratio:1600/837;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%);mask-image:linear-gradient(90deg,transparent,#000 14%)}
.page-hero-art img{display:block;width:100%;height:100%;object-fit:cover}
.news-page:has(.news-article:not([hidden])) .page-hero{display:none}
@media(max-width:900px){
.page-hero{height:auto}
.page-hero-copy{width:100%;height:auto;padding:30px 20px 12px}
.page-hero h1{font-size:clamp(38px,10vw,56px);letter-spacing:-2px}
.page-hero p{margin-top:20px;font-size:15px}
.page-hero-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.42;overflow:hidden;-webkit-mask-image:none;mask-image:none}
.page-hero-art img{object-position:right center}
}