/* A single panoramic image frames the accessible HTML headline. */
.hero{position:relative;isolation:isolate}.hero-grid{display:block;position:relative;min-height:680px;width:100%;max-width:none;margin:0}.hero-copy{position:relative;z-index:2;width:min(560px,48%);margin:auto;padding:66px 0 74px;text-align:center}.hero .eyebrow{justify-content:center;letter-spacing:.1em}.hero h1{font-size:clamp(3.3rem,5vw,4.6rem);line-height:1.04;text-shadow:0 3px 20px #101b2c}.hero-copy .intro{margin:22px auto 0;max-width:450px}.hero-copy .actions{justify-content:center;gap:24px}.hero-location{justify-content:center;margin-top:30px}.hero-media{position:absolute;z-index:0;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0;background:#101b2c}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-media:after{background:linear-gradient(90deg,transparent 15%,#101b2c55 30%,#101b2caa 45%,#101b2caa 55%,#101b2c55 70%,transparent 85%);inset:0}.hero-media .image-label{display:none}.hero-media figcaption{z-index:3;background:#101b2ca6;padding:9px 16px;font-size:.8125rem;pointer-events:none}
@media(min-width:1600px){.hero-grid{min-height:740px}.hero-copy{padding-top:92px}.hero-media img{object-position:center 58%}}
@media(max-width:1000px) and (min-width:721px){.hero-copy{width:58%;padding-block:56px 70px}.hero-grid{min-height:640px}.hero h1{font-size:3.5rem}}
@media(max-width:720px){.hero-grid{min-height:0}.hero-copy{width:calc(100% - 36px);max-width:480px;padding:38px 0 270px}.hero h1{font-size:clamp(2.9rem,11vw,3.6rem);line-height:1.04}.hero .eyebrow{font-size:.8125rem}.hero-copy .intro{font-size:1rem}.hero-copy .actions{gap:18px;flex-wrap:wrap}.hero-copy .hero-location{margin-top:24px}.hero-media{top:auto;bottom:0;height:350px;opacity:1}.hero-media img{object-fit:cover;object-position:center bottom}.hero-media:after{background:linear-gradient(180deg,#101b2c 0%,#101b2c99 18%,transparent 43%)}.hero-media figcaption{font-size:.75rem;padding:8px 12px}.hero-copy .actions .button{min-height:52px}}
@media(max-width:380px){.hero-copy .actions{align-items:center;flex-direction:column}.hero-copy{padding-bottom:245px}.hero-media{height:310px}}