.location-map { display: grid; grid-template-columns: .72fr 1.28fr; gap: 60px; align-items: center; padding: 88px max(7vw, 28px); background: #fff; }
.location-map h2 { margin-top: 5px; font-size: clamp(2.2rem, 3.8vw, 3.8rem); }
.location-map > div > p:not(.eyebrow) { margin-top: 18px; max-width: 340px; color: #58758e; font-size: 14px; line-height: 1.8; }
.map-frame { min-height: 360px; border: 8px solid #f1f8fc; box-shadow: 0 13px 32px rgba(4, 42, 77, .15); }
.map-frame iframe { display: block; width: 100%; height: 360px; border: 0; }
@media (max-width: 800px) { .location-map { grid-template-columns: 1fr; gap: 28px; padding: 68px 28px; } .location-map > div > p:not(.eyebrow) { max-width: none; } }
@media (max-width: 520px) { .map-frame, .map-frame iframe { min-height: 280px; height: 280px; } }