/* Shared panoramic hero layout, copied unchanged from both V3 pages. */

/* V3 panoramic reference composition: keep pine on the right and copy on the left */
.hero{min-height:0!important;height:clamp(320px,31vw,425px)!important;padding:32px max(5%,calc((100vw - 1180px)/2))!important;display:flex!important;align-items:center!important;background-position:64% 48%!important}
.hero-inner{width:min(49%,550px)!important;max-width:550px!important;margin:0!important;padding:0!important;position:relative!important;z-index:1!important}
.hero h1{font-size:clamp(34px,3.5vw,52px)!important;line-height:1.3!important;letter-spacing:-.045em!important;margin:10px 0 16px!important}
.hero .hero-eyebrow{font-size:11px!important;letter-spacing:.24em!important;margin-bottom:12px!important}
.hero .hero-description,.hero-inner>p:not(.hero-eyebrow){font-size:clamp(13px,1.25vw,16px)!important;line-height:1.7!important}
.hero .hero-cta{padding:11px 24px!important;border-radius:28px!important;display:inline-flex!important;gap:18px!important;align-items:center!important;font-size:14px!important;margin-top:16px!important}
.hero .hero-rule{width:42px!important;height:2px!important;margin:13px 0!important}
.hero .v3-synthetic{right:9px!important;bottom:7px!important;font-size:9px!important;background:rgba(255,255,255,.78)!important}
@media(max-width:700px){.hero{height:370px!important;min-height:370px!important;padding:30px 22px!important;background-position:59% center!important}.hero-inner{width:min(78%,410px)!important}.hero h1{font-size:clamp(31px,7.5vw,41px)!important}.hero .hero-description,.hero-inner>p:not(.hero-eyebrow){font-size:13px!important}.hero .hero-cta{padding:10px 18px!important}}