.hero{position:relative;isolation:isolate;background:#171917;overflow:hidden}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(12,15,13,.93) 0%,rgba(12,15,13,.77) 29%,rgba(12,15,13,.32) 52%,rgba(12,15,13,.03) 78%),linear-gradient(0deg,rgba(12,15,13,.22),transparent 50%)}
.hero .hero-grid{position:static;display:flex;align-items:center;min-height:620px}
.hero .hero-copy{position:relative;z-index:2;max-width:570px;padding:76px 0 84px}
.hero .hero-copy h1{color:#fffaf0;text-shadow:0 2px 20px #0004}
.hero .hero-copy h1 em{color:#e4bf65}
.hero .hero-copy h1 em::before{height:4px;bottom:0;background:#b88d37}
.hero .intro{color:#e3dfd5;line-height:1.9;margin:28px 0 34px}
.hero .hero-art{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0;display:block;overflow:hidden}
.hero .hero-art img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center 56%;transform:none;filter:none}
.hero .road{display:none}
@media(max-width:950px){
html.mobile-device .hero .hero-grid{display:block;width:100%;min-height:0}
html.mobile-device .hero::after{display:none}
html.mobile-device .hero .hero-copy{max-width:none;padding:42px 24px 32px;background:#171917}
html.mobile-device .hero .hero-copy h1{font-size:clamp(34px,9vw,44px);line-height:1.28}
html.mobile-device .hero .intro{font-size:14px;margin:22px 0 26px}
html.mobile-device .hero .hero-art{position:relative;inset:auto;width:100%;height:300px;margin:0}
html.mobile-device .hero .hero-art img{width:100%;height:100%;object-fit:cover;object-position:83% center}
html.mobile-device .hero .hero-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#171917 0%,rgba(23,25,23,.12) 24%,transparent 60%)}
}