/*
 * Agencies responsive type scale
 *
 * Typography is intentionally stepped by layout mode instead of interpolated
 * with the viewport. Resizing a desktop window therefore changes available
 * whitespace and line wrapping, but never the letter size itself.
 */

@media (min-width: 1081px) {
  .site-shell--agencies .agency-campaign-wall__caption strong {
    font-size: 2.4rem;
  }

  .site-shell--agencies .agency-cinema--lead .agency-cinema__label strong {
    font-size: 0.95rem;
  }

  .site-shell--agencies
    .agency-section--proof
    > .agency-section__header
    h2 {
    font-size: 4.75rem;
  }

  .site-shell--agencies .agency-proof-panel__copy > span {
    font-size: 0.6rem;
  }

  .site-shell--agencies .agency-proof-panel__copy h3 {
    font-size: 6.25rem;
  }

  .site-shell--agencies .agency-proof-panel__copy p,
  .site-shell--agencies .agency-cinema--pair .agency-cinema__label strong {
    font-size: 0.76rem;
  }

  .site-shell--agencies
    :is(.agency-section--uses, .agency-section--process)
    > .agency-section__header
    h2 {
    font-size: 4rem;
  }

  .site-shell--agencies .agency-card h3 {
    font-size: 0.98rem;
  }

  .site-shell--agencies .agency-process-list span {
    font-size: 1rem;
  }

  .site-shell--agencies .agency-final__bubble {
    font-size: 0.86rem;
  }

  .site-shell--agencies .agency-final h2 {
    font-size: 3rem;
  }

  .site-shell--agencies .agency-final__copy {
    font-size: 1.24rem !important;
  }
}

@media (min-width: 781px) and (max-width: 1080px) {
  .site-shell--agencies .agency-campaign-wall__caption strong {
    font-size: 1.92rem;
  }

  .site-shell--agencies .agency-cinema--lead .agency-cinema__label strong {
    font-size: 0.92rem;
  }

  .site-shell--agencies
    .agency-section--proof
    > .agency-section__header
    h2 {
    font-size: 3.9rem;
  }

  .site-shell--agencies .agency-proof-panel__copy > span {
    font-size: 0.58rem;
  }

  .site-shell--agencies .agency-proof-panel__copy h3 {
    font-size: 5rem;
  }

  .site-shell--agencies .agency-proof-panel__copy p,
  .site-shell--agencies .agency-cinema--pair .agency-cinema__label strong {
    font-size: 0.72rem;
  }

  .site-shell--agencies
    :is(.agency-section--uses, .agency-section--process)
    > .agency-section__header
    h2 {
    font-size: 3.35rem;
  }

  .site-shell--agencies .agency-card h3 {
    font-size: 0.98rem;
  }

  .site-shell--agencies .agency-process-list span {
    font-size: 1rem;
  }

  .site-shell--agencies .agency-final__bubble {
    font-size: 0.86rem;
  }

  .site-shell--agencies .agency-final h2 {
    font-size: 2.75rem;
  }

  .site-shell--agencies .agency-final__copy {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 780px) {
  .site-shell--agencies .agency-campaign-wall__caption strong {
    font-size: 1.7rem;
  }

  .site-shell--agencies .agency-cinema--lead .agency-cinema__label strong {
    font-size: 0.92rem;
  }

  .site-shell--agencies
    .agency-section--proof
    > .agency-section__header
    h2 {
    font-size: 2.15rem !important;
  }

  .site-shell--agencies .agency-proof-panel__copy > span {
    font-size: 0.56rem;
  }

  .site-shell--agencies .agency-proof-panel__copy h3 {
    font-size: 4.15rem;
  }

  .site-shell--agencies .agency-proof-panel__copy p {
    font-size: 0.68rem;
  }

  .site-shell--agencies
    :is(.agency-section--uses, .agency-section--process)
    > .agency-section__header
    h2 {
    font-size: 2.9rem !important;
  }

  .site-shell--agencies .agency-card h3,
  .site-shell--agencies .agency-process-list span {
    font-size: 1.375rem;
  }

  .site-shell--agencies .agency-cinema--pair .agency-cinema__label strong {
    font-size: 0.72rem;
  }

  .site-shell--agencies .agency-final__bubble {
    font-size: 0.82rem;
  }

  .site-shell--agencies .agency-final h2 {
    font-size: 2.25rem;
  }

  .site-shell--agencies .agency-final__copy {
    font-size: 1rem !important;
  }
}