/* Accessibility, performance and mobile-quality refinements from the frontend review. */
.overline {
  color: #806015 !important;
}

.hero .overline,
.subhero .overline,
.initiatives .overline,
.site-footer .overline,
.cta .overline {
  color: #d8b972 !important;
}

.cta__body .overline {
  color: #806015 !important;
}

.practical-guidelines__head .overline {
  color: #d8b972 !important;
}

html.reveal-ready body.home-page section .overline {
  opacity: 1 !important;
  font-weight: 600 !important;
  transform: none !important;
}

html.reveal-ready body.mission-page section .overline {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.mission-page .community .overline {
  color: #d8b972 !important;
}

.commitments .overline {
  color: #d8b972 !important;
}

.network-page .cta .cta__body .overline {
  color: #d8b972 !important;
}

.home-page .media .article__meta {
  color: #806015 !important;
}

.module__number {
  color: #806015 !important;
}

.home-page .hero .kicker {
  color: #d8b972 !important;
  font-weight: 600 !important;
  margin-bottom: 0.7rem !important;
}

.home-page .events :is(.overline, h2, h3, h4, p, .btn),
.home-page .support :is(.overline, h2, h3, h4, p, .btn) {
  opacity: 1 !important;
  transform: none !important;
}

.home-page .mission .btn,
.home-page #institute .btn,
.home-page .partners .btn,
.home-page .media .btn,
.mission-page .community .btn,
.mission-page .mission-cta .btn {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

@media (max-width: 780px) {
  html.reveal-ready body.home-page .btn {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
}

.event__place {
  margin: 0.55rem 0 0 !important;
  color: #68635b !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em;
  line-height: 1.55;
  text-transform: uppercase;
}

.event__description {
  margin-top: 0.7rem !important;
  padding-top: 0.7rem;
  border-top: 1px solid rgba(28, 26, 21, 0.12);
  color: #585248 !important;
  font-size: 0.84rem !important;
  font-weight: 300 !important;
  line-height: 1.65;
}

.card__link,
.site-footer__nav a,
.site-footer__legal a,
.site-footer__email {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}

.site-footer__socials a {
  width: 44px;
  height: 44px;
}

.site-footer__nav--quick li:last-child a {
  position: relative;
  min-height: 0;
}

.site-footer__nav--quick li:last-child {
  margin-top: 0.65rem;
}

.site-footer__nav--quick li:last-child a::before {
  content: "";
  position: absolute;
  inset: -7px 0;
}

.site-footer__nav {
  gap: 0;
}

.brand__logo {
  width: auto !important;
  height: 42px !important;
  max-width: min(220px, 42vw);
  object-fit: contain;
  image-rendering: auto;
}

body:not(.home-page) :is(.hero, .page-hero, .subhero) h1 {
  font-size: clamp(3.1rem, 6.8vw, 6rem) !important;
}

.nav.scrolled .brand__logo {
  height: 34px !important;
}

@media (max-width: 980px) {
  .home-page .mission {
    padding-top: 3.5rem;
  }

  .home-page .mission > .wrap {
    padding-bottom: 1.75rem;
  }

  .home-page .mission__grid {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .home-page .mission__body {
    padding: 2rem 0 0;
  }

  .brand__logo {
    height: 36px !important;
    max-width: min(180px, 48vw);
  }

  .nav__links > li > a,
  .has-dropdown > .dropdown a {
    min-height: 44px;
  }
}

@media (max-width: 940px) {
  .home-page .mission__grid {
    gap: 0;
  }
}

@media (max-width: 760px) {
  body:not(.home-page) :is(.hero, .page-hero, .subhero) h1 {
    font-size: clamp(2.35rem, 10.5vw, 3.6rem) !important;
  }
}
