.hero{position:relative;isolation:isolate;overflow:hidden;background:#173f61}
.hero-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(#00000005,#0000001f)}
.hero-copy{position:absolute;z-index:1;left:clamp(18px,4vw,64px);bottom:clamp(22px,5vh,54px);width:min(620px,calc(100% - 36px));padding:16px 20px 15px;border-left:4px solid #f28c28;border-radius:3px 18px 3px 18px;background:linear-gradient(105deg,rgba(18,59,93,.82),rgba(18,59,93,.5) 72%,rgba(18,59,93,.16));text-align:left;text-shadow:0 2px 7px #0008;box-shadow:0 12px 30px rgba(0,0,0,.2);backdrop-filter:blur(5px)}
.hero-copy h1{font-size:clamp(30px,4.3vw,54px);line-height:1.02}.hero-copy p{margin:8px 0 0;font-size:clamp(14px,1.7vw,20px);line-height:1.35}
@media(max-width:560px){.hero-copy{left:14px;bottom:16px;width:calc(100% - 28px);padding:13px 15px 12px}.hero-copy h1{font-size:30px}.hero-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero{background:linear-gradient(#0002,#0003),url('assets/hero-building.webp') center/cover no-repeat}}