/* ATMOS final approved website update — v2 */

/* Approved responsive logo replacement. */
.brand-logo-swap {
  display: block;
  width: 100%;
}

.brand-logo {
  display: block;
  width: 100%;
  height: auto;
}

.brand-logo-dark {
  display: none;
}

.site-header.scrolled .brand-logo-light {
  display: none;
}

.site-header.scrolled .brand-logo-dark {
  display: block;
}

.site-header.menu-active .brand-logo-light {
  display: block;
}

.site-header.menu-active .brand-logo-dark {
  display: none;
}

.footer-brand .brand-logo {
  width: 100%;
  height: auto;
}

/* Desktop and tablet: clearly enlarge the localized memory line. */
@media (min-width: 769px) {
  body .hero .hero-content .hero-memory {
    font-size: clamp(1.38rem, 1.8vw, 1.62rem) !important;
    line-height: 1.35;
  }
}

/* Mobile: visually center the approved SVG logo inside the light header. */
@media (max-width: 650px) {
  .site-header,
  .site-header.scrolled {
    height: 76px;
  }

  .site-header .header-brand {
    width: 145px;
    position: relative;
    top: 7px;
  }

  .footer-brand {
    width: 205px;
  }

  .text-link > [aria-hidden="true"] {
    display: none !important;
  }
}
