/* Port Azur - mobile eyebrow typography, isolated from desktop. */
@media (max-width: 780px) {
  /* Contact + materials section kickers currently occupy up to 4 rows. */
  html[data-preview="v4"] body main.pa-contacts .pa-section-kicker,
  html[data-preview="v4"] body main.pa-materials .pa-section-kicker {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    column-gap: 7px !important;
    row-gap: 5px !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: .025em !important;
    white-space: normal !important;
  }
  html[data-preview="v4"] body main.pa-contacts .pa-section-kicker > i,
  html[data-preview="v4"] body main.pa-materials .pa-section-kicker > i {
    display: inline-block !important;
    flex: 0 0 3px !important;
    width: 3px !important;
    height: 3px !important;
    margin: 0 1px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #859bab !important;
  }

  /* Larger homepage and materials hero overlines are not main headings. */
  html[data-preview="v4"] body.home-client-v1 main .home-hero-client .kicker,
  html[data-preview="v4"] body.home-client-v1 main .home-hero-client .home-hero-kicker-blue,
  html[data-preview="v4"] body main.pa-materials .pa-kicker {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    letter-spacing: .035em !important;
    white-space: normal !important;
    text-wrap: pretty;
  }
  html[data-preview="v4"] body.home-client-v1 main .home-hero-client .kicker,
  html[data-preview="v4"] body main.pa-materials .pa-kicker {
    margin-bottom: 11px !important;
  }
  html[data-preview="v4"] body main.pa-materials .pa-kicker {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 7px !important;
    row-gap: 5px !important;
    max-width: 100% !important;
  }
  html[data-preview="v4"] body main.pa-materials .pa-kicker > span {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    max-width: 100% !important;
  }
  html[data-preview="v4"] body main.pa-materials .pa-kicker > i {
    width: 3px !important;
    height: 3px !important;
    min-width: 3px !important;
    flex: 0 0 3px !important;
    margin: 0 1px !important;
  }

  /* Company captions have excess tracking and 16px bottom margins. */
  html[data-preview="v4"] body main.company-v3 .stage2-block-kicker {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 10px !important;
    font-size: 10.8px !important;
    line-height: 1.35 !important;
    letter-spacing: .045em !important;
    white-space: normal !important;
  }
  html[data-preview="v4"] body main.company-v3 .stage2-block-kicker > span {
    font: inherit !important;
    letter-spacing: inherit !important;
  }

  html[data-preview="v4"] body main.services-v4 .service-v4-block-kicker,
  html[data-preview="v4"] body main.services-v4 .service-v4-cta-kicker {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    letter-spacing: .035em !important;
    margin-bottom: 9px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html[data-preview="v4"] body main .eyebrow {
    font-size: 11px !important;
    letter-spacing: .05em !important;
    line-height: 1.35 !important;
    height: auto !important;
  }
}
@media (max-width: 359px) {
  html[data-preview="v4"] body main.pa-contacts .pa-section-kicker,
  html[data-preview="v4"] body main.pa-materials .pa-section-kicker {
    font-size: 10px !important;
    column-gap: 6px !important;
    row-gap: 4px !important;
  }
}

/* Let overline phrases wrap as inline text rather than separate flex rows. */
@media (max-width: 780px) {
  html[data-preview="v4"] body main.pa-contacts .pa-section-kicker,
  html[data-preview="v4"] body main.pa-materials .pa-section-kicker {
    display: block !important;
    line-height: 1.4 !important;
  }
  html[data-preview="v4"] body main.pa-contacts .pa-section-kicker > i,
  html[data-preview="v4"] body main.pa-materials .pa-section-kicker > i {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 5px !important;
  }
  html[data-preview="v4"] body main.pa-materials .pa-kicker {
    display: block !important;
    line-height: 1.4 !important;
  }
  html[data-preview="v4"] body main.pa-materials .pa-kicker > span {
    display: inline !important;
  }
  html[data-preview="v4"] body main.pa-materials .pa-kicker > i {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 5px !important;
  }
  html[data-preview="v4"] body.home-client-v1 main .kicker,
  html[data-preview="v4"] body.home-client-v1 main .kicker .home-hero-kicker-blue {
    font-size: 11px !important;
    line-height: 1.35 !important;
    letter-spacing: .035em !important;
    height: auto !important;
    min-height: 0 !important;
  }
  html[data-preview="v4"] body.home-client-v1 main .kicker {
    margin-bottom: 11px !important;
  }
}

@media (max-width:780px) {
  html[data-preview="v4"] body.home-client-v1 #pa-home-eyebrow,
  html[data-preview="v4"] body.home-client-v1 #pa-home-eyebrow > .home-hero-kicker-blue {
    font-size: 11px !important;
    line-height: 1.35 !important;
    letter-spacing: .035em !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    white-space: normal !important;
  }
  html[data-preview="v4"] body.home-client-v1 #pa-home-eyebrow {
    margin-bottom: 11px !important;
  }
}