@media(min-width:601px) and (max-width:1000px){.hero{grid-template-columns:minmax(0,1fr);gap:24px}.hero-copy{width:100%;max-width:none;min-height:0}.hero-visual{width:100%;height:auto;aspect-ratio:2/1;background:url("city-desktop-layer-v3.png") center/contain no-repeat}.hero-visual .city-drawing{display:none}.tracking-card{grid-column:1/-1;width:100%;margin:0}}/* Desktop artwork belongs to the page background, not a content card. */
@media(min-width:1001px){
 .hero{position:relative;isolation:isolate;display:block;padding-top:46px;padding-bottom:30px;overflow:hidden}
 .hero:before{content:"";display:block!important;position:absolute;z-index:-1;pointer-events:none;inset:16px 0 auto;height:540px;width:100%;border:0;border-radius:0;background:transparent url("city-desktop-layer-v3.png") no-repeat right center;background-size:auto 100%;opacity:1;filter:none;transform:none}
 .hero-copy{width:40%;max-width:530px;min-height:510px}
 .hero h1{font-size:clamp(40px,3.4vw,52px)}
 .hero-visual{display:none!important}
 .hero-actions{flex-wrap:wrap}.hero-actions .text-link{font-size:14px}
 .tracking-card{position:relative;margin-top:28px;width:100%;clear:both}
}
@media(min-width:1600px){.hero:before{height:600px;background-position:calc(100% - 40px) center}.hero-copy{min-height:560px}}