.clinic-location { display: grid; grid-template-columns: .9fr 1.3fr; gap: 7%; align-items: center; padding-top: 74px; padding-bottom: 74px; border-bottom: 1px solid var(--line); scroll-margin-top: 24px; }
.location-copy .eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.location-copy .eyebrow svg { width: 20px; height: 24px; }
.location-copy h2 { font-size: clamp(43px, 4.2vw, 62px); }
.location-clinic-name { margin-top: 25px; font-size: 16px; font-weight: 500; }
.location-copy address { margin-top: 10px; font-size: 16px; line-height: 1.8; color: #505a49; font-style: normal; }
.location-hours { display: flex; flex-direction: column; gap: 5px; margin-top: 17px; color: #56614d; font-size: 13px; }
.location-hours strong { margin-left: 12px; font-weight: 500; white-space: nowrap; }
.location-directions { margin-top: 26px; gap: 26px; }
.location-phone { display: block; width: fit-content; margin-top: 17px; color: #505a49; font-size: 15px; text-underline-offset: 5px; }
.location-phone:hover { text-decoration: underline; }
.location-map-wrap { position: relative; min-width: 0; height: 440px; overflow: hidden; background: var(--sage); border: 1px solid #d5d7cb; border-radius: 18px; }
.location-map { display: block; width: 100%; height: 100%; border: 0; }
.location-map-link { display: flex; align-items: center; justify-content: space-between; gap: 18px; position: absolute; bottom: 28px; left: 20px; right: 20px; padding: 16px 20px; background: var(--cream); border: 1px solid #d5d7cb; border-radius: 10px; box-shadow: 0 8px 24px #26352718; }
.location-map-link strong { display: block; font: 500 29px/1.1 var(--display); }
.location-map-link small { display: block; color: #505a49; font-size: 12px; margin-top: 5px; }
.location-map-arrow { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--olive); color: white; font-size: 24px; }
.location-map-link:hover .location-map-arrow { background: #3b4933; }
@media (max-width: 1050px) and (min-width: 761px) { .clinic-location { gap: 5%; } .location-map-wrap { height: 410px; } }
@media (max-width: 760px) {
  .clinic-location { grid-template-columns: 1fr; gap: 28px; padding-top: 48px; padding-bottom: 48px; }
  .location-copy { text-align: center; }
  .location-copy .eyebrow { justify-content: center; margin-bottom: 18px; }
  .location-copy h2 { font-size: clamp(43px, 11vw, 56px); }
  .location-clinic-name { margin-top: 22px; font-size: 16px; }
  .location-copy address { font-size: 15px; }
  .location-directions { justify-content: center; }
  .location-phone { margin-left: auto; margin-right: auto; }
  .location-map-wrap { height: 340px; border-radius: 14px; }
  .location-map-link { left: 12px; right: 12px; bottom: 28px; padding: 13px 16px; }
}