/* The same real catalogue photograph stays in the hero on every screen. */
.hero.hero-v2,body[data-city] .hero.hero-v2{display:block;min-height:0;overflow:hidden;background:#173c2c}
.hero.hero-v2 .hero-background,body[data-city] .hero-v2 .hero-background{position:absolute;inset:0 0 0 auto;width:56%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:58% 58%;filter:none;order:initial}
.hero.hero-v2 .hero-shade,body[data-city] .hero-v2 .hero-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,#173c2c 0%,#173c2c 42%,#173c2ccc 49%,#173c2c00 66%)}
.hero.hero-v2 .hero-content,body[data-city] .hero-v2 .hero-content{position:relative;z-index:1;padding-block:36px 40px;order:initial}
.hero.hero-v2 h1,body[data-city] .hero-v2 h1{font-size:clamp(46px,4.8vw,66px);line-height:1.04;letter-spacing:-2px;margin-bottom:20px;max-width:46%}
.hero.hero-v2 .hero-description,body[data-city] .hero-v2 .hero-description{max-width:44ch;width:44%;font-size:15px;line-height:1.55;margin-bottom:20px}
.hero.hero-v2 .hero-benefits,body[data-city] .hero-v2 .hero-benefits{width:46%;max-width:510px;flex-wrap:wrap;gap:10px 14px;margin-bottom:20px}
.hero.hero-v2 .hero-benefits span,body[data-city] .hero-v2 .hero-benefits span{font-size:11px;line-height:1.4}
.hero.hero-v2 .hero-actions,body[data-city] .hero-v2 .hero-actions{display:flex;flex-wrap:wrap;gap:10px;width:46%;margin:0}
.hero.hero-v2 .hero-actions .button,body[data-city] .hero-v2 .hero-actions .button{font-size:12px;line-height:1.35;min-height:48px;padding:12px 18px;white-space:normal;text-align:center}
body[data-city] .hero.hero-v2 .hero-actions .simulator-cta{grid-column:1/-1;flex-basis:100%;white-space:nowrap}
.hero.hero-v2 .hero-footnote{margin-top:16px}
.hero.hero-v2 .hero-photo-credit{display:none!important}
.hero.hero-v2 .hero-editorial{display:none}
@media(min-width:601px) and (max-width:900px){
 .hero.hero-v2 h1,body[data-city] .hero-v2 h1{font-size:clamp(38px,5.3vw,48px)}
 .hero.hero-v2 .hero-description,body[data-city] .hero-v2 .hero-description{font-size:14px;width:46%}
}
@media(max-width:600px){
 .hero.hero-v2 .hero-background,body[data-city] .hero-v2 .hero-background{width:100%;height:100%;inset:0;object-position:58% 58%}
 .hero.hero-v2 .hero-shade,body[data-city] .hero-v2 .hero-shade{background:linear-gradient(90deg,#123421f2 0%,#123421d9 40%,#123421a6 75%,#12342180 100%)}
 .hero.hero-v2 .hero-content,body[data-city] .hero-v2 .hero-content{padding-block:28px 32px}
 .hero.hero-v2 h1,body[data-city] .hero-v2 h1{max-width:100%;font-size:clamp(36px,10.5vw,44px);line-height:1.04;letter-spacing:-1.6px;margin-bottom:16px}
 .hero.hero-v2 .hero-description,body[data-city] .hero-v2 .hero-description{width:100%;max-width:36ch;font-size:14px;line-height:1.55;margin-bottom:18px}
 .hero.hero-v2 .hero-benefits,body[data-city] .hero-v2 .hero-benefits{width:100%;max-width:none;gap:8px 12px;margin-bottom:18px}
 .hero.hero-v2 .hero-benefits span,body[data-city] .hero-v2 .hero-benefits span{font-size:10px}
 .hero.hero-v2 .hero-actions,body[data-city] .hero-v2 .hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}
 .hero.hero-v2 .hero-actions .button,body[data-city] .hero-v2 .hero-actions .button{font-size:12px;min-height:52px;padding:12px;justify-content:center}
}