/* City landing pages: approved mobile option 1, preserving desktop templates. */
@media(max-width:760px){
.mobile-city-option .hero{padding:0 0 24px;background:white;overflow:visible}
.mobile-city-option .hero>.hero-grid{display:block;padding:0;max-width:none}
.mobile-city-option .hero .hero-copy{padding:24px 22px 0;background:#fcfbf9;min-width:0}
.mobile-city-option .hero-copy .city-mobile-kicker{font-size:.9rem;line-height:1.4;font-weight:800;color:#b83b13;text-transform:uppercase;margin:0 0 12px;letter-spacing:0}
.mobile-city-option .hero-copy h1{font-size:clamp(2rem,8.5vw,3.5rem);line-height:1.06;letter-spacing:-.045em;max-width:none;margin:0 0 12px;overflow-wrap:normal}
.mobile-city-option .hero-copy .city-mobile-intro{font-size:1.05rem;line-height:1.55;max-width:36ch;color:#15232e;margin:0 0 22px}
.mobile-city-option .hero-copy .button{display:flex;width:100%;min-height:52px;font-size:1.12rem;margin:0;box-shadow:none}
.mobile-city-option .hero-copy .button.secondary{margin-top:12px;border:1px solid #15232e;background:white;color:#15232e}
.mobile-city-option .hero-copy .hero-figure{width:calc(100% + 44px);margin:24px -22px 0;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.mobile-city-option .hero-figure picture{display:block}
.mobile-city-option .hero-copy .hero-figure img{display:block;width:100%;height:auto;aspect-ratio:2.65;object-fit:cover;object-position:center;border-radius:0}
.mobile-city-option .hero .quote-panel{position:relative;width:calc(100% - 28px);margin:18px 14px 0;padding:22px 18px;border:0;border-radius:12px;box-shadow:none;background:#f0f3f5;align-self:auto;scroll-margin-top:16px}
}
