@media (max-width: 991.98px) {
  .site-header {
    background: rgba(15, 15, 60, .98);
  }

  .navbar-collapse {
    flex-basis: 100%;
    padding: .5rem 0 .9rem;
  }

  .navbar-collapse.show .navbar-nav {
    gap: .1rem;
  }

  .navbar-collapse.show .nav-link {
    display: block;
    padding-block: .6rem !important;
  }

  .menu-shop {
    display: inline-block;
    align-self: flex-start;
    margin-top: .55rem;
  }

  .nav-link {
    padding-inline: 0 !important;
  }
}

@media (max-width: 575.98px) {
  .navbar {
    min-height: 58px;
    padding-inline: 1rem;
  }

  .brand-mark img {
    width: 106px;
  }

  .hero {
    min-height: max(76svh, 38rem);
    background-position: 53% center;
  }

  .hero-portrait {
    bottom: -3%;
    width: 114vw;
    min-width: 0;
  }

  .hero-logo {
    bottom: 14.5%;
    width: 88vw;
    translate: -46.5% 0;
  }
}

@media (max-width: 991.98px) {
  .mission-opening__layout,
  .mission-section__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
  }

  .mission-opening__statement,
  .mission-section__heading {
    position: static;
  }

  .mission-section__heading h2 {
    max-width: 16ch;
  }
}

@media (max-width: 575.98px) {
  .mission-hero {
    min-height: 34rem;
  }

  .mission-hero__brand {
    gap: 1rem;
  }

  .mission-hero__brand img {
    width: clamp(6.5rem, 27vw, 8rem);
  }

  .mission-hero h1 {
    font-size: clamp(3.1rem, 13vw, 4.4rem);
  }

  .mission-opening__layout,
  .mission-section__layout {
    gap: 2rem;
  }

  .mission-choice-list,
  .mission-impact-list,
  .mission-impact-list--columns,
  .mission-impact-list--places,
  .mission-belief__list {
    grid-template-columns: minmax(0, 1fr);
  }

  .mission-belief__signature {
    gap: 1rem;
  }

  .mission-belief__signature img {
    width: clamp(4.5rem, 24vw, 6rem);
  }

  .mission-belief__signature p {
    font-size: clamp(1.5rem, 7vw, 2rem);
  }

  .mission-section__heading h2 {
    max-width: 13ch;
  }
}