/* REV16: quote heading containment, featured project lightbox and mobile row alignment. */

@media (min-width: 901px) {
  .quote-layout {
    grid-template-columns: minmax(370px, .68fr) minmax(0, 1.32fr);
    gap: clamp(56px, 5vw, 80px);
  }

  .quote-intro h2 {
    max-width: 100%;
    font-size: clamp(32px, 2.5vw, 42px);
    overflow-wrap: anywhere;
  }
}

@media (max-width: 1100px) {
  .mobile-nav > a:not(.mobile-quote-link),
  .mobile-services-toggle {
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) 20px;
    column-gap: 18px !important;
    align-items: center;
  }

  .mobile-nav > a:not(.mobile-quote-link) > span,
  .mobile-services-toggle > span:first-child {
    width: auto;
    min-width: 0;
    margin: 0;
  }

  .mobile-nav > a:first-child::before {
    grid-column: 1;
    width: auto;
    margin-right: 0;
  }

  .mobile-services-toggle > span:nth-child(2) {
    grid-column: 2;
  }

  .mobile-services-toggle::after {
    grid-column: 3;
    margin-left: auto;
  }
}