/* 8 Furlong Consulting — locations-hub.css (locations.html only) */

.lh-narrow { max-width: 760px; margin-left: auto; margin-right: auto; }
.lh-center { text-align: center; }
.lh-head { margin-bottom: 32px; text-align: center; }

.lh-hero__grid { display: grid; gap: 40px; }
.lh-hero__body .lede { margin-top: 22px; }
.lh-hero__nap { font-size: 13.5px; color: var(--muted-dark); margin-top: 26px; line-height: 1.8; }
.lh-hero__nap b { color: var(--muted); font-weight: 600; }
.lh-hero__nap a { color: var(--muted-dark); }
.lh-hero__nap a:hover { color: var(--white); }
.lh-map-slot { width: 100%; aspect-ratio: 4 / 3; border: 1px dashed var(--line-dark-2); border-radius: var(--radius-card); background: var(--navy-soft); }

.lh-grid { display: grid; gap: 20px; max-width: 1240px; margin: 0 auto; }
.lh-card { display: flex; flex-direction: column; padding: 28px 26px 30px; }
.lh-card__name { font-family: var(--font-display); font-weight: 600; font-size: 23px; color: var(--navy); line-height: 1.2; }
.lh-card__name .arr { color: var(--tan); display: inline-block; }
.lh-card__body { font-size: 14px; line-height: 1.7; margin-top: 12px; }

.lh-anywhere p { margin: 0 0 18px; }
.lh-next p { margin: 20px auto 0; }

.lh-closer p { max-width: 60ch; margin: 22px auto 0; }
.lh-closer .btn { margin-top: 32px; }
.lh-closer__nap { font-size: 13px; color: var(--muted-dark); margin-top: 36px !important; line-height: 1.8; }
.lh-closer__nap b { color: var(--muted); font-weight: 600; }
.lh-closer__nap a { color: var(--muted-dark); }
.lh-closer__nap a:hover { color: var(--white); }

@media (min-width: 768px) {
  .lh-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .lh-hero__grid { grid-template-columns: 3fr 2fr; gap: 80px; align-items: center; }
  .lh-grid { grid-template-columns: repeat(4, 1fr); }
}

/* The map slot ships as a dashed empty box; once the real graphic resolves in,
   the dashes come off and the image fills the 4:3 frame. */
img.lh-map-slot { object-fit: cover; border: 0; display: block; }