.opening-scene{position:relative;min-height:calc(100svh - 88px);overflow:hidden;isolation:isolate;background:#111;color:#fff;display:flex;align-items:center;padding:70px 5vw}
.opening-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:50% 75%}
.opening-copy{position:relative;z-index:1}
.opening-copy h1{font:500 clamp(52px,5vw,80px)/1.02 Space;letter-spacing:-.04em;margin:0 0 32px}
.opening-copy p{font-size:18px;line-height:1.7;max-width:430px;margin:0 0 32px}
.opening-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.opening-actions a{font-size:16px}
.primary-opening{background:#ed542c;color:#111;padding:18px 24px;text-decoration:none}
.opening-horizon{position:absolute;left:5vw;right:5vw;bottom:0;height:6px;background:#ed542c}
.hero-city .opening-copy{margin-left:auto;width:44vw}
.hero-city .opening-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 25%,#1114 45%,#111d 100%)}
.hero-people .opening-scene{background:#ed542c;color:#111}
.hero-people .opening-image{left:45%;width:55%;object-position:53% 45%;z-index:0}
.hero-people .opening-copy{width:38vw}
.hero-people .opening-horizon{background:#111;left:0;right:0}
.hero-people .primary-opening{background:#111;color:#fff}
@media(max-width:1000px){
 .opening-copy h1{font-size:clamp(44px,5.4vw,66px)}
 .opening-copy p{font-size:17px}
 .hero-city .opening-copy{width:50vw}
 .hero-people .opening-copy{width:41vw}
 .hero-people .opening-image{left:50%;width:50%}
 .opening-actions{gap:22px}
}
@media(max-width:700px){
 .opening-scene{min-height:0;padding:48px 24px 0;display:flex;flex-direction:column;align-items:stretch}
 .opening-copy h1{font-size:48px}
 .opening-copy p{font-size:17px;line-height:1.7}
 .hero-city .opening-copy,.hero-people .opening-copy{width:100%;margin:0}
 .hero-city .opening-scene:before{display:none}
 .opening-image,.hero-people .opening-image{position:relative;inset:auto;z-index:0;width:calc(100% + 48px);max-width:none;height:340px;object-position:50% 65%;order:2;margin:42px -24px 0}
 .hero-people .opening-image{object-position:50% 40%;height:380px}
 .opening-horizon{left:0;right:0}
}
@media(max-width:700px){
 .hero-city .opening-copy h1{font-size:40px}
}