/* ==========================================================================
   Locations Overview — campuses variant on top of the shared campuses.css
   ("Find an Ogle Beauty School Near You"): #161616 band, no intro/view-all,
   state group headings shown on mobile.
   ========================================================================== */

.campuses--locations {
  background: var(--c-gray-card);
}

/* Mobile shows the Texas/Georgia group headings (home hides them) */
@media (max-width: 899.98px) {
  .campuses--locations .campuses__state {
    display: block;
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 28px;
    line-height: 39.9px;
    color: var(--c-white);
    margin-bottom: 23px;
  }
  .campuses--locations .campuses__group + .campuses__group { margin-top: 43px; }
  .campuses--locations .campuses__nav { margin-top: 26px; }
}

@media (min-width: 900px) {
  .campuses--locations .campuses__body { margin-top: 77px; } /* Figma gap 82 */
  .campuses--locations .campuses__maps { margin-top: 85px; } /* map labels row */
  .campuses--locations .campuses__nav { margin-top: 0; }
  .campuses--locations .campuses__group:first-child { margin-top: 0; }
}