/* Featured In — homepage + Signals. Scoped under .mf-featured-in. */

.mf-featured-in {
  margin: 0;
  padding: 64px 24px 68px;
  background: #f4f4f4;
  text-align: center;
}

.mf-featured-in--article {
  margin: 2.25rem 0 0;
  padding: 40px 28px 44px;
  background: #f7f7f7;
}

.mf-featured-in__inner {
  margin: 0 auto;
  max-width: 48rem;
}

.mf-featured-in__eyebrow {
  margin: 0 0 18px;
  font-family: Sebino, sans-serif !important;
  font-size: 0.6875rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #9a9a9a;
}

.mf-featured-in__title {
  margin: 0 0 16px;
  font-family: Sebino, sans-serif !important;
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -0.02em;
  color: #111111;
}

.mf-featured-in__lede {
  margin: 0 auto 32px;
  max-width: 38rem;
  font-family: Sebino, sans-serif !important;
  font-size: 1.02rem;
  font-weight: 400;
  line-height: 1.6;
  color: #6b6b6b;
}

.mf-featured-in__logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 36px 48px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}

.mf-featured-in__logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #111111;
}

.mf-featured-in__logo--google {
  font-family: Sebino, sans-serif !important;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #111111 !important;
}

.mf-featured-in__logo--google svg {
  display: block;
}

.mf-featured-in__logo--google:hover,
.mf-featured-in__logo--google:focus-visible {
  color: #ff8833 !important;
}

.mf-featured-in__logo--bbc svg {
  display: block;
  width: 132px;
  height: 40px;
}

.mf-featured-in__logo--authority {
  font-family: "PT Serif", Georgia, serif !important;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.15;
  text-transform: uppercase;
  color: #111111 !important;
}

.mf-featured-in__logo--bbc:hover,
.mf-featured-in__logo--bbc:focus-visible {
  opacity: 0.72;
}

.mf-featured-in__logo--authority:hover {
  color: #ff8833 !important;
}

.mf-featured-in__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: Sebino, sans-serif !important;
  font-size: 1.02rem;
  font-weight: 400;
  color: #111111 !important;
  text-decoration: none;
}

.mf-featured-in__cta:hover,
.mf-featured-in__cta:focus-visible {
  color: #111111 !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.mf-featured-in__cta-arrow {
  font-size: 1.05em;
  color: #ff8833;
  transition: transform 0.2s ease;
}

.mf-featured-in__cta:hover .mf-featured-in__cta-arrow {
  transform: translateX(3px);
}

@media (max-width: 600px) {
  .mf-featured-in {
    padding: 48px 20px 52px;
  }

  .mf-featured-in--article {
    padding: 32px 20px 36px;
  }

  .mf-featured-in__logos {
    gap: 28px;
  }
}

/* Beat the global h2 lockdown in custom.scss (@layer site, !important).
   Homepage has no .mf-typescale, so do not require that class. */
@layer site {
  h2.mf-featured-in__title,
  body.mf-typescale.mf-typescale .mf-featured-in h2.mf-featured-in__title {
    font-size: clamp(1.5rem, 2.6vw, 2rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.22 !important;
    font-family: Sebino, sans-serif !important;
    color: #111111 !important;
  }
}