/* Matchday Hotels V9.2.3 — Context-Led Hero */

/* The lower bridge copy is no longer a second headline/summary.
   Keep its three useful planning benefits only. */
.mhd-v9-supporter-flow .mhd-v9-supporter-bridge-copy {
  display: none !important;
}

.mhd-v9-supporter-flow .mhd-v9-supporter-bridge {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  align-items: start !important;
  margin-bottom: 28px !important;
}

.mhd-v9-supporter-flow .mhd-v9-benefits {
  width: 100%;
  max-width: 920px;
}

/* Context-led hero */
.mhd-v9-fixture-hero[data-v923-context-led-hero="true"]
  .seo-v74-fixture-lockup h1 {
  max-width: 900px;
  margin-top: 12px;
  margin-bottom: 14px;
  font-size: clamp(3rem, 5.55vw, 6rem);
  line-height: .95;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.mhd-v923-hero-context-label {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: #ff6b35;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .10em;
  line-height: 1.2;
  text-transform: uppercase;
}

.mhd-v923-hero-context-label::before {
  content: "";
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.mhd-v923-hero-context-copy {
  max-width: 62ch;
  margin: 0 0 20px;
  color: rgba(255, 255, 255, .82);
  font-size: clamp(.98rem, 1.25vw, 1.12rem);
  font-weight: 500;
  line-height: 1.58;
  text-wrap: pretty;
}

/* Keep original fallback title presentation untouched until V9.2.2 context
   has actually been promoted into the hero. */

@media (max-width: 860px) {
  .mhd-v9-fixture-hero[data-v923-context-led-hero="true"]
    .seo-v74-fixture-lockup h1 {
    font-size: clamp(2.65rem, 10vw, 4.7rem);
  }

  .mhd-v923-hero-context-copy {
    max-width: 54ch;
    font-size: .98rem;
  }

  .mhd-v9-supporter-flow .mhd-v9-benefits {
    max-width: none;
  }
}

@media (max-width: 560px) {
  .mhd-v9-fixture-hero[data-v923-context-led-hero="true"]
    .seo-v74-fixture-lockup h1 {
    font-size: clamp(2.35rem, 11.5vw, 3.75rem);
  }

  .mhd-v923-hero-context-label {
    margin-top: 12px;
  }
}