/* WMF collage and unified section eyebrows — v151 */

/* Legacy accent bars are replaced by one consistent line under each eyebrow. */
#top .wmf-hero-main-content > .wmf-hero-line,
#quick-assortment .qa-copy > .qa-accent,
#about-company .about-copy > .about-accent,
#why-wmf .why-hero-copy > .why-accent,
#service .svc-hero-copy > .svc-accent,
#coffeeconnect .cc-intro > .cc-accent {
  display: none !important;
}

.wmf-clients-v151__aside {
  min-width: 0;
}

.wmf-clients-v151__collage {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(212, 160, 120, .28);
  border-radius: 22px;
  background: #07090c;
  box-shadow: 0 20px 44px rgba(0, 0, 0, .28);
}

.wmf-clients-v151__collage img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1600 / 560;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 992px) {
  /* First-screen eyebrow follows the same restrained WMF pattern as the sections below. */
  #top .wmf-hero-eyebrow,
  #quick-assortment .qa-eyebrow {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #d4a078 !important;
    font-size: clamp(11px, .82vw, 13px) !important;
    font-weight: 800 !important;
    line-height: 1.28 !important;
    letter-spacing: .14em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  #top .wmf-hero-eyebrow::before,
  #quick-assortment .qa-eyebrow::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  #top .wmf-hero-eyebrow::after,
  #quick-assortment .qa-eyebrow::after {
    content: "" !important;
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 88px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #d4a078 0%, #d4a078 38%, rgba(212, 160, 120, .72) 68%, rgba(212, 160, 120, 0) 100%) !important;
    box-shadow: 0 0 14px rgba(212, 160, 120, .2) !important;
    transform: none !important;
  }

  .wmf-clients-v151__aside {
    display: grid;
    gap: 20px;
    align-items: start;
  }

  .wmf-clients-v151__collage {
    display: block;
  }

  .wmf-clients-v151__aside > p {
    box-sizing: border-box;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .wmf-clients-v146__head {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 26px !important;
  }

  .wmf-clients-v151__aside {
    grid-template-columns: minmax(0, 1.3fr) minmax(270px, .7fr);
    align-items: center;
    gap: 24px;
  }

  .wmf-clients-v151__aside > p {
    max-width: none !important;
  }
}

@media (min-width: 1200px) {
  .wmf-clients-v146__head {
    grid-template-columns: minmax(0, .82fr) minmax(620px, 1.18fr) !important;
    align-items: start !important;
    gap: clamp(34px, 4vw, 64px) !important;
  }

  .wmf-clients-v151__aside > p {
    width: min(78%, 620px) !important;
    max-width: 620px !important;
    margin-left: auto !important;
  }
}

@media (max-width: 991px) {
  #top .wmf-hero-eyebrow,
  #mobile-catalog .wmf-mobile-catalog-eyebrow,
  #clients .wmf-clients-v146__eyebrow,
  #mobile-selector-roi .wmf-msr-eyebrow,
  #quick-assortment .qa-eyebrow,
  #business-solutions .business-eyebrow,
  #about-company .about-eyebrow,
  #why-wmf .why-eyebrow,
  #guarantees .g24-eyebrow,
  #service .svc-eyebrow,
  #coffeeconnect .cc-eyebrow,
  #full-catalog > .catalog-shell > .catalog-head > div > span,
  #catalog-compare > header > span,
  #catalog-addons > header > div > span,
  #quiz .quiz-hero-copy > span,
  #roi .roi-head > div > span,
  #implementation .imp-hero .imp-eyebrow,
  #faq .faq-eyebrow,
  #contacts .contact-eyebrow {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #d4a078 !important;
    font-size: clamp(10px, 2.8vw, 12px) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .13em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  #top .wmf-hero-eyebrow::before,
  #mobile-catalog .wmf-mobile-catalog-eyebrow::before,
  #clients .wmf-clients-v146__eyebrow::before,
  #mobile-selector-roi .wmf-msr-eyebrow::before,
  #quick-assortment .qa-eyebrow::before,
  #business-solutions .business-eyebrow::before,
  #about-company .about-eyebrow::before,
  #why-wmf .why-eyebrow::before,
  #guarantees .g24-eyebrow::before,
  #service .svc-eyebrow::before,
  #coffeeconnect .cc-eyebrow::before,
  #full-catalog > .catalog-shell > .catalog-head > div > span::before,
  #catalog-compare > header > span::before,
  #catalog-addons > header > div > span::before,
  #quiz .quiz-hero-copy > span::before,
  #roi .roi-head > div > span::before,
  #implementation .imp-hero .imp-eyebrow::before,
  #faq .faq-eyebrow::before,
  #contacts .contact-eyebrow::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  #top .wmf-hero-eyebrow::after,
  #mobile-catalog .wmf-mobile-catalog-eyebrow::after,
  #clients .wmf-clients-v146__eyebrow::after,
  #mobile-selector-roi .wmf-msr-eyebrow::after,
  #quick-assortment .qa-eyebrow::after,
  #business-solutions .business-eyebrow::after,
  #about-company .about-eyebrow::after,
  #why-wmf .why-eyebrow::after,
  #guarantees .g24-eyebrow::after,
  #service .svc-eyebrow::after,
  #coffeeconnect .cc-eyebrow::after,
  #full-catalog > .catalog-shell > .catalog-head > div > span::after,
  #catalog-compare > header > span::after,
  #catalog-addons > header > div > span::after,
  #quiz .quiz-hero-copy > span::after,
  #roi .roi-head > div > span::after,
  #implementation .imp-hero .imp-eyebrow::after,
  #faq .faq-eyebrow::after,
  #contacts .contact-eyebrow::after {
    content: "" !important;
    position: static !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 66px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #d4a078 0%, #d4a078 38%, rgba(212, 160, 120, .7) 68%, rgba(212, 160, 120, 0) 100%) !important;
    box-shadow: 0 0 12px rgba(212, 160, 120, .18) !important;
    transform: none !important;
  }

  .wmf-clients-v151__collage {
    display: none !important;
  }

  .wmf-clients-v151__aside {
    display: block;
  }
}