/* Exact Midnight Mayhem CSS from the HubSpot build (MM-SHARED-head). Do not edit here; put additions in mm-extra.css. */
.mm {
  --champion-red: #C8281E;
  --red-deep: #A51D15;
  --grit-grey: #1A1512;
  --grit-black: #14100E;
  --grit-mid: #6D5D4E;
  --grit-soft: #9A8B7B;
  --chalk: #F6EFD9;
  --amber: #EFA22E;
  --tan: #D8CCA8;
  --beige: #F2E7C9;
  --corner-blue: #2F5AA0;   
  --corner-blue-deep: #1E3D70;

  --display: 'Roboto Condensed', 'Arial Narrow', Arial, sans-serif;
  --body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  background: var(--grit-grey) !important;
  color: var(--chalk) !important;
  font-family: var(--body) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}.mm *, .mm *::before, .mm *::after { box-sizing: border-box; }
.mm-hero {
  position: relative !important;
  padding: 88px 24px 72px !important;
  text-align: center !important;
  background:
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(200,40,30,0.22), transparent 70%),
    var(--grit-grey) !important;
  border-bottom: 1px solid rgba(246,239,217,0.08) !important;
}.mm .mm-eyebrow {
  font-family: var(--body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--beige) !important;
  margin: 0 0 20px !important;
}.mm .mm-hero h1 {
  font-family: var(--display) !important;
  font-size: clamp(44px, 9vw, 104px) !important;
  line-height: 0.92 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  margin: 0 0 22px !important;
  color: var(--chalk) !important;
}.mm .mm-hero h1 em {
  font-style: normal !important;
  color: var(--champion-red) !important;
  display: block !important;
}.mm .mm-meta {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  gap: 10px 14px !important;
  margin: 0 0 6px !important;
}.mm .mm-meta span {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: var(--chalk) !important;
  border: 1px solid rgba(246,239,217,0.22) !important;
  border-radius: 999px !important;
  padding: 9px 18px !important;
}.mm .mm-cta {
  display: inline-block !important;
  font-family: var(--display) !important;
  font-size: 20px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--chalk) !important;
  background: var(--champion-red) !important;
  text-decoration: none !important;
  padding: 17px 42px !important;
  border-radius: 4px !important;
  transition: background 0.18s ease, transform 0.18s ease;
}.mm .mm-cta:hover, .mm .mm-cta:focus-visible { background: var(--red-deep) !important; transform: translateY(-2px); color: var(--chalk) !important; }.mm .mm-hero p.mm-sub {
  max-width: 620px !important;
  margin: 26px auto 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: var(--grit-soft) !important;
}
.mm-card-section { padding: 76px 24px 96px !important; max-width: 1180px !important; margin: 0 auto !important; }.mm .mm-section-head { text-align: center !important; margin-bottom: 56px !important; }.mm .mm-section-head h2 {
  font-family: var(--display) !important;
  font-size: clamp(32px, 5vw, 54px) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  margin: 0 0 12px !important;
}.mm .mm-section-head p { color: var(--grit-soft) !important; font-size: 15px !important; margin: 0 !important; }
.mm-bout-label {
  position: relative !important;
  width: 236px !important;
  margin: 0 auto 18px !important;
  text-align: center !important;
  padding: 26px 0 28px !important;
}.mm .mm-bout-label::before, .mm .mm-bout-label::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  width: 100% !important;
  height: 30px !important;
  border: 9px solid var(--champion-red) !important;
}.mm .mm-bout-label::before {
  top: 0 !important;
  border-bottom: none !important; border-left: none !important; border-right: none !important;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0 !important;
}.mm .mm-bout-label::after {
  bottom: 0 !important;
  border-top: none !important; border-left: none !important; border-right: none !important;
  border-radius: 0 0 50% 50% / 0 0 100% 100% !important;
}.mm .mm-bout-label .kicker {
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  color: var(--beige) !important;
  margin-bottom: 4px !important;
}.mm .mm-bout-label .num {
  display: block !important;
  font-family: var(--display) !important;
  font-size: 44px !important;
  line-height: 0.9 !important;
  color: var(--chalk) !important;
}
.mm-bout { margin-bottom: 58px !important; }.mm .mm-card {
  display: grid !important;
  grid-template-columns: 168px 1fr 88px 1fr 168px !important;
  align-items: stretch !important;
  background: var(--chalk) !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 44px rgba(0,0,0,0.42) !important;
}
.mm-photo {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  min-height: 210px !important;
  overflow: hidden !important;
}.mm .mm-photo.blue { background: linear-gradient(180deg, var(--corner-blue) 0%, var(--corner-blue-deep) 100%) !important; grid-column: 1 !important; grid-row: 1 / 3 !important; }.mm .mm-photo.red { background: linear-gradient(180deg, var(--champion-red) 0%, var(--red-deep) 100%) !important; grid-column: 5 !important; grid-row: 1 / 3 !important; }.mm .mm-name.is-blue { grid-column: 2 !important; grid-row: 1 !important; }.mm .mm-vs { grid-column: 3 !important; grid-row: 1 !important; }.mm .mm-name.is-red { grid-column: 4 !important; grid-row: 1 !important; }.mm .mm-strip { grid-row: 2 !important; }.mm .mm-photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: top center; display: block !important; }.mm .mm-photo img.crop-tight { transform: scale(1.6) !important; transform-origin: top center !important; }
.mm .mm-photo img.is-logo { object-fit: contain !important; }.mm .mm-initials {
  font-family: var(--display) !important;
  font-size: 46px !important;
  color: rgba(246,239,217,0.85) !important;
  letter-spacing: 0.03em !important;
  align-self: center;
}.mm .mm-corner-tag {
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--chalk) !important;
  background: rgba(26,21,18,0.55) !important;
  padding: 5px 9px !important;
  z-index: 2;
}
.mm-name {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 26px 28px !important;
  background: var(--chalk) !important;
  border-bottom: 1px solid #E2D8BE !important;
}.mm .mm-name.is-red { text-align: left !important; }.mm .mm-name h3 {
  font-family: var(--display) !important;
  font-size: clamp(20px, 2.2vw, 27px) !important;
  line-height: 1.02 !important;
  text-transform: uppercase !important;
  color: var(--grit-black) !important;
  margin: 0 0 12px !important;
  letter-spacing: 0.015em !important;
}.mm .mm-name .sponsor {
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--grit-mid) !important;
  padding-left: 9px;
  border-left: 3px solid var(--champion-red) !important;
  line-height: 1.35 !important;
}.mm .mm-name .sponsor span { color: var(--grit-black) !important; font-weight: 700 !important; }.mm .mm-name .loc {
  margin: 10px 0 0 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--grit-soft) !important;
}
.mm-vs {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--grit-black) !important;
  color: var(--chalk) !important;
  font-family: var(--display) !important;
  font-size: 27px !important;
  letter-spacing: 0.04em !important;
}
.mm-strip {
  grid-column: 2 / 5 !important;
  display: grid !important;
  grid-template-columns: 1fr 88px 1fr !important;
  background: #EFE6CE !important;
  border-top: 1px solid #E2D8BE !important;
}.mm .mm-strip .cell {
  padding: 13px 28px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--grit-mid) !important;
  display: flex !important;
  align-items: center !important;
}.mm .mm-strip .cell.mid { background: var(--grit-black) !important; }.mm .mm-strip .cell img { max-height: 24px; width: auto !important; }
.mm-bout.is-main .mm-bout-label { width: 300px !important; }.mm .mm-bout.is-main .mm-bout-label .kicker { color: var(--champion-red) !important; letter-spacing: 0.28em !important; }.mm .mm-bout.is-main .mm-card { box-shadow: 0 0 0 3px var(--champion-red), 0 26px 52px rgba(0,0,0,0.5) !important; }.mm .mm-bout.is-main { margin-bottom: 10px !important; }
.mm-foot {
  text-align: center !important;
  padding: 76px 24px 92px !important;
  background: var(--grit-black) !important;
  border-top: 1px solid rgba(246,239,217,0.07) !important;
}.mm .mm-foot h2 {
  font-family: var(--display) !important;
  font-size: clamp(30px, 5vw, 52px) !important;
  text-transform: uppercase !important;
  margin: 0 0 16px !important;
}.mm .mm-foot p { color: var(--grit-soft) !important; max-width: 560px !important; margin: 0 auto 32px !important; line-height: 1.65 !important; font-size: 16px !important; }

@media (max-width: 900px) {.mm .mm-card { grid-template-columns: 120px 1fr 62px 1fr 120px !important; }.mm .mm-photo { min-height: 170px !important; }.mm .mm-name { padding: 20px !important; }.mm .mm-strip { grid-template-columns: 1fr 62px 1fr !important; }.mm .mm-strip .cell { padding: 11px 20px !important; }
}
@media (max-width: 680px) {.mm .mm-card {
    grid-template-columns: 104px 1fr !important;
    grid-template-areas:
      "bphoto bname"
      "vs     vs"
      "rphoto rname"
      "strip  strip" !important;
  }.mm .mm-photo.blue { grid-area: bphoto !important; }.mm .mm-name.is-blue { grid-area: bname !important; }.mm .mm-vs { grid-area: vs !important; padding: 9px 0 !important; font-size: 20px !important; }.mm .mm-photo.red { grid-area: rphoto !important; }.mm .mm-name.is-red { grid-area: rname !important; }.mm .mm-strip { grid-area: strip !important; grid-template-columns: 1fr 1fr !important; }.mm .mm-strip .cell.mid { display: none !important; }.mm .mm-photo { min-height: 132px !important; }.mm .mm-name { border-bottom: none !important; }.mm .mm-hero { padding: 60px 20px 52px !important; }.mm .mm-card-section { padding: 52px 16px 64px !important; }
}

@media (prefers-reduced-motion: reduce) {.mm * { transition: none !important; animation: none !important; }
}.mm { width: 100% !important; }
.mm a:focus-visible { outline: 3px solid var(--beige); outline-offset: 3px; }

.mm h1, .mm h2, .mm h3, .mm h4, .mm h5, .mm h6 {
  color: inherit !important;
  font-family: var(--display) !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
}
.mm p { color: inherit !important; margin: 0 !important; padding: 0 !important; }
.mm a { text-decoration: none !important; }
.mm .mm-section-head h2 { color: var(--chalk) !important; margin: 0 0 12px !important; }
.mm .mm-foot h2 { color: var(--chalk) !important; margin: 0 0 16px !important; }
.mm .mm-hero h1 { color: var(--chalk) !important; margin: 0 0 22px !important; }
.mm .mm-hero h1 em { color: var(--champion-red) !important; }
.mm .mm-name h3 { color: var(--grit-black) !important; }
.mm .mm-eyebrow { color: var(--beige) !important; margin: 0 0 20px !important; }
.mm .mm-section-head p { color: var(--grit-soft) !important; }
.mm .mm-foot p { color: var(--grit-soft) !important; margin: 0 auto 32px !important; }
.mm .mm-hero p.mm-sub { color: var(--grit-soft) !important; margin: 26px auto 0 !important; }
.mm .mm-name .sponsor { margin: 0 !important; padding: 0 0 0 9px !important; }
.mm .mm-name .sponsor span { color: var(--grit-black) !important; }
.mm .mm-name .loc { color: var(--grit-soft) !important; margin: 10px 0 0 !important; }
.mm .mm-meta span { color: var(--chalk) !important; }
.mm .mm-vs { color: var(--chalk) !important; }
.mm .mm-corner-tag { color: var(--chalk) !important; }
.mm .mm-initials { color: rgba(246,239,217,0.85) !important; }
.mm .mm-strip .cell { color: var(--grit-mid) !important; }
.mm .mm-bout-label .kicker { color: var(--beige) !important; }
.mm .mm-bout-label .num { color: var(--chalk) !important; }
.mm .mm-bout.is-main .mm-bout-label .kicker { color: var(--champion-red) !important; }
.mm .mm-cta { color: var(--chalk) !important; }

@media (max-width: 680px) {
  .mm .mm-hero { padding: 44px 18px 40px !important; }
  .mm .mm-hero h1 { font-size: clamp(30px, 10.5vw, 60px) !important; margin-bottom: 18px !important; }
  .mm .mm-eyebrow { font-size: 10px !important; letter-spacing: 0.18em !important; margin-bottom: 14px !important; }
  .mm .mm-meta { gap: 7px !important; }
  .mm .mm-meta span { font-size: 10.5px !important; padding: 6px 12px !important; letter-spacing: 0.06em !important; }
  .mm .mm-hero p.mm-sub { font-size: 14.5px !important; margin-top: 20px !important; }

  .mm .mm-card-section { padding: 40px 14px 52px !important; }
  .mm .mm-section-head { margin-bottom: 34px !important; }
  .mm .mm-section-head h2 { font-size: clamp(26px, 8vw, 40px) !important; }
  .mm .mm-section-head p { font-size: 13.5px !important; }

  .mm .mm-bout { margin-bottom: 36px !important; }
  .mm .mm-bout-label { width: min(236px, 68vw) !important; padding: 20px 0 22px !important; margin-bottom: 14px !important; }
  .mm .mm-bout-label .num { font-size: 36px !important; }
  .mm .mm-bout-label::before, .mm .mm-bout-label::after { height: 24px !important; border-width: 7px !important; }
  .mm .mm-bout.is-main .mm-bout-label { width: min(300px, 84vw) !important; }

  .mm .mm-name { padding: 16px 16px 18px !important; }
  .mm .mm-name h3 { font-size: clamp(17px, 5.2vw, 24px) !important; margin-bottom: 10px !important; }
  .mm .mm-name .sponsor { font-size: 10px !important; padding-left: 8px !important; }
  .mm .mm-name .loc { font-size: 10px !important; margin-top: 8px !important; }
  .mm .mm-initials { font-size: 34px !important; }
  .mm .mm-corner-tag { font-size: 8px !important; padding: 4px 7px !important; }
  .mm .mm-strip .cell { padding: 10px 16px !important; font-size: 10px !important; letter-spacing: 0.1em !important; }

  .mm .mm-foot { padding: 48px 18px 56px !important; }
  .mm .mm-foot h2 { font-size: clamp(26px, 8vw, 40px) !important; }
  .mm .mm-foot p { font-size: 14.5px !important; }
  .mm .mm-cta { font-size: 17px !important; padding: 14px 30px !important; }
}

@media (max-width: 420px) {
  .mm .mm-card { grid-template-columns: 84px 1fr !important; }
  .mm .mm-photo { min-height: 112px !important; }
  .mm .mm-initials { font-size: 27px !important; }
  .mm .mm-name { padding: 14px 13px 16px !important; }
  .mm .mm-name h3 { font-size: 17px !important; line-height: 1.08 !important; }
  .mm .mm-strip { grid-template-columns: 1fr !important; }
  .mm .mm-strip .cell { padding: 8px 13px !important; }
  .mm .mm-strip .cell:first-child { border-bottom: 1px solid #E2D8BE !important; }
  .mm .mm-vs { font-size: 17px !important; padding: 7px 0 !important; }
}

.mm .mm-strip {
  background: #EFE6CE !important;
  border-top: 1px solid #E2D8BE !important;
  padding: 13px 28px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--grit-mid) !important;
  display: flex !important;
  align-items: center !important;
}
.mm .mm-strip img { max-height: 24px !important; width: auto !important; }
.mm .mm-strip.is-blue { grid-column: 2 !important; grid-row: 2 !important; }
.mm .mm-strip.is-mid  { font-size: 0 !important; line-height: 0 !important; grid-column: 3 !important; grid-row: 2 !important; background: var(--grit-black) !important; border-top-color: var(--grit-black) !important; padding: 0 !important; }
.mm .mm-strip.is-red  { grid-column: 4 !important; grid-row: 2 !important; }

@media (max-width: 900px) {
  .mm .mm-strip { padding: 11px 20px !important; }
}

@media (max-width: 680px) {
  .mm .mm-card {
    grid-template-columns: 104px 1fr !important;
    grid-template-areas:
      "bphoto bname"
      "bstrip bstrip"
      "vs     vs"
      "rphoto rname"
      "rstrip rstrip" !important;
  }
  .mm .mm-strip.is-blue { grid-area: bstrip !important; }
  .mm .mm-strip.is-red  { grid-area: rstrip !important; }
  .mm .mm-strip.is-mid  { display: none !important; }
  .mm .mm-strip { padding: 10px 16px !important; font-size: 10px !important; letter-spacing: 0.1em !important; }
  .mm .mm-name { border-bottom: none !important; }
}

@media (max-width: 420px) {
  .mm .mm-card { grid-template-columns: 84px 1fr !important; }
  .mm .mm-strip { padding: 9px 13px !important; }
}

.mm .mm-bout.is-opening .mm-bout-label { width: 260px !important; }
.mm .mm-bout.is-opening .mm-bout-label .num { font-size: 34px !important; }
.mm .mm-bout.is-opening .mm-initials { font-size: 30px !important; letter-spacing: 0.04em !important; }
@media (max-width: 680px) {
  .mm .mm-bout.is-opening .mm-bout-label { width: min(260px, 74vw) !important; }
  .mm .mm-bout.is-opening .mm-bout-label .num { font-size: 28px !important; }
  .mm .mm-bout.is-opening .mm-initials { font-size: 22px !important; }
}

html { scroll-behavior: smooth; }
.mm .mm-jump {
  display: flex !important; flex-wrap: wrap !important; justify-content: center !important;
  gap: 12px !important; max-width: 1180px !important;
  margin: 4px auto 0 !important; padding: 8px 24px 10px !important;
}
.mm a.mm-loz {
  display: inline-flex !important; align-items: center !important; gap: 11px !important;
  text-decoration: none !important; border-radius: 99px !important;
  border: 1px solid var(--grit-mid) !important; background: transparent !important;
  padding: 14px 26px !important;
  font-family: var(--display) !important; font-weight: 900 !important;
  text-transform: uppercase !important; letter-spacing: 0.13em !important; font-size: 15px !important;
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease !important;
}
.mm a.mm-loz .n {
  font-family: var(--display) !important; font-weight: 900 !important;
  font-size: 12px !important; letter-spacing: 0.1em !important;
  color: var(--champion-red) !important;
}
.mm a.mm-loz .caret { font-size: 15px !important; color: var(--champion-red) !important; transition: transform 0.16s ease !important; }
.mm a.mm-loz:hover {
  background: rgba(246,239,217,0.05) !important; border-color: var(--amber) !important;
  transform: translateY(-2px) !important;
}
.mm a.mm-loz:hover .caret { transform: translateY(3px) !important; }
.mm [id="fighter-sponsors"], .mm [id="event-sponsors"] { scroll-margin-top: 110px !important; }
@media (max-width: 560px) {
  .mm .mm-jump { gap: 10px !important; padding: 6px 16px 8px !important; }
  .mm a.mm-loz { padding: 13px 20px !important; font-size: 13.5px !important; width: 100% !important; justify-content: center !important; }
}

html body .mm .mm-pager a,
html body .mm .mm-pager a b { color: #F6EFD9 !important; }
html body .mm .mm-pager a em { color: #6D5D4E !important; }
html body .mm .mm-pager a .arrow { color: #C8281E !important; }
html body .mm .mm-pager a:hover b { color: #EFA22E !important; }

.mm .mm-pager {
  display: flex !important; align-items: stretch !important;
  max-width: 1180px !important; margin: 0 auto !important;
  border-bottom: 1px solid rgba(246,239,217,0.12) !important;
}
.mm .mm-pager.is-bottom {
  border-bottom: none !important; border-top: 1px solid rgba(246,239,217,0.12) !important;
  margin-top: 56px !important; margin-bottom: 8px !important;
}
.mm .mm-pager a {
  flex: 1 1 50% !important; display: flex !important; align-items: center !important;
  gap: 16px !important; padding: 24px 26px !important; text-decoration: none !important;
  transition: background 0.16s ease !important; min-width: 0 !important;
}
.mm .mm-pager a:hover { background: rgba(246,239,217,0.04) !important; }
.mm .mm-pager a.next {
  justify-content: flex-end !important; text-align: right !important;
  border-left: 1px solid rgba(246,239,217,0.12) !important;
}
.mm .mm-pager .arrow {
  flex: 0 0 auto !important; font-family: var(--display) !important; font-weight: 700 !important;
  font-size: 30px !important; line-height: 1 !important; color: var(--champion-red) !important;
  transition: transform 0.16s ease !important;
}
.mm .mm-pager a.prev:hover .arrow { transform: translateX(-5px) !important; }
.mm .mm-pager a.next:hover .arrow { transform: translateX(5px) !important; }
.mm .mm-pager em {
  display: block !important; font-style: normal !important;
  font-family: var(--display) !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 0.2em !important;
  font-size: 11.5px !important; color: var(--grit-mid) !important; margin-bottom: 4px !important;
}
.mm .mm-pager b {
  display: block !important; font-family: var(--display) !important; font-weight: 900 !important;
  text-transform: uppercase !important; letter-spacing: 0.05em !important;
  font-size: 20px !important; line-height: 1.1 !important; color: var(--chalk) !important;
}
.mm .mm-pager a:hover b { color: var(--amber) !important; }
@media (max-width: 680px) {
  .mm .mm-pager { flex-direction: column !important; }
  .mm .mm-pager a { padding: 17px 16px !important; }
  .mm .mm-pager a.next {
    justify-content: flex-start !important; text-align: left !important;
    flex-direction: row-reverse !important; border-left: none !important;
    border-top: 1px solid rgba(246,239,217,0.12) !important;
  }
  .mm .mm-pager a.next .txt { flex: 1 1 auto !important; }
  .mm .mm-pager b { font-size: 17px !important; }
  .mm .mm-pager .arrow { font-size: 25px !important; }
  .mm .mm-pager.is-bottom { margin-top: 36px !important; }
}

.mm .mm-bout.is-opening .mm-photo { position: relative !important; overflow: hidden !important; }
.mm .mm-bout.is-opening .mm-tri {
  position: absolute !important; top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important;
  display: flex !important; box-sizing: border-box !important;
}
.mm .mm-bout.is-opening .mm-tri img,
.mm .mm-bout.is-opening .mm-tri svg { display: block !important; margin: 0 !important; }
.mm .mm-bout.is-opening .mm-tri.outer img { width: 100% !important; height: auto !important; max-width: none !important; object-fit: contain !important; }
.mm .mm-bout.is-opening .mm-tri.inner svg { width: 100% !important; height: auto !important; border-radius: 1px !important; }

.mm .mm-bout.is-opening .mm-photo.blue .mm-tri.outer {
  clip-path: polygon(0 0, 0 100%, 100% 100%) !important;
  align-items: flex-end !important; justify-content: flex-start !important;
  padding: 0 0 11% 7% !important;
}
.mm .mm-bout.is-opening .mm-photo.blue .mm-tri.outer img { width: 47% !important; }
.mm .mm-bout.is-opening .mm-photo.blue .mm-tri.inner {
  clip-path: polygon(0 0, 100% 0, 100% 100%) !important;
  background: rgba(246, 239, 217, 0.96) !important;
  display: block !important; padding: 0 !important;
}
.mm .mm-bout.is-opening .mm-photo.blue .mm-tri.inner svg {
  position: absolute !important; width: 42% !important;
  left: 66% !important; top: 34% !important;
  transform: translate(-50%, -50%) !important;
}

.mm .mm-bout.is-opening .mm-photo.red .mm-tri.outer {
  clip-path: polygon(100% 0, 100% 100%, 0 100%) !important;
  align-items: flex-end !important; justify-content: flex-end !important;
  padding: 0 7% 11% 0 !important;
}
.mm .mm-bout.is-opening .mm-photo.red .mm-tri.outer img { width: 47% !important; }
.mm .mm-bout.is-opening .mm-photo.red .mm-tri.inner {
  clip-path: polygon(0 0, 100% 0, 0 100%) !important;
  background: rgba(246, 239, 217, 0.96) !important;
  display: block !important; padding: 0 !important;
}
.mm .mm-bout.is-opening .mm-photo.red .mm-tri.inner svg {
  position: absolute !important; width: 42% !important;
  left: 34% !important; top: 34% !important;
  transform: translate(-50%, -50%) !important;
}

.mm .mm-bout.is-opening .mm-corner-tag { z-index: 3 !important; }

.mm .mm-opening-note {
  max-width: 860px !important;
  margin: 22px auto 0 !important;
  padding: 26px 30px 28px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-top: 3px solid var(--champion-red) !important;
  border-radius: 0 0 3px 3px !important;
  text-align: center !important;
}
.mm .mm-opening-note p {
  font-family: var(--body) !important;
  font-size: 16.5px !important;
  line-height: 1.62 !important;
  color: var(--grit-soft) !important;
  margin: 0 !important;
}
.mm .mm-opening-note p.lede {
  font-family: var(--display) !important;
  font-size: 23px !important;
  line-height: 1.25 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: var(--chalk) !important;
  margin: 18px 0 !important;
}
@media (max-width: 680px) {
  .mm .mm-opening-note { padding: 20px 18px 22px !important; margin-top: 16px !important; }
  .mm .mm-opening-note p { font-size: 15px !important; }
  .mm .mm-opening-note p.lede { font-size: 19px !important; margin: 14px 0 !important; }
}

.mm .mm-hero p.mm-sub { font-size: 17.5px !important; line-height: 1.62 !important; }
.mm .mm-section-head p { font-size: 16.5px !important; line-height: 1.55 !important; }
.mm .mm-foot p { font-size: 17px !important; }
.mm .mm-meta span { font-size: 13.5px !important; }
.mm .mm-name .sponsor { font-size: 12px !important; letter-spacing: 0.05em !important; }
.mm .mm-name .loc { font-size: 11.5px !important; letter-spacing: 0.12em !important; }
.mm .mm-strip { font-size: 12px !important; letter-spacing: 0.11em !important; }
.mm .mm-corner-tag { font-size: 10px !important; }

@media (max-width: 680px) {
  .mm .mm-hero p.mm-sub { font-size: 16px !important; }
  .mm .mm-section-head p { font-size: 15px !important; }
  .mm .mm-foot p { font-size: 15.5px !important; }
  .mm .mm-meta span { font-size: 12px !important; padding: 7px 13px !important; }
  .mm .mm-name .sponsor { font-size: 11.5px !important; }
  .mm .mm-name .loc { font-size: 11px !important; }
  .mm .mm-strip { font-size: 11.5px !important; }
}

@media (max-width: 420px) {
  .mm .mm-name .sponsor { font-size: 11px !important; }
  .mm .mm-strip { font-size: 11px !important; }
}

.mm .mm-name .charity {
  margin: 8px 0 0 !important;
  padding: 0 0 0 9px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--grit-mid) !important;
  border-left: 3px solid var(--beige) !important;
  line-height: 1.35 !important;
}
.mm .mm-name .charity span { color: var(--grit-black) !important; font-weight: 700 !important; }
.mm .mm-name .charity a { color: var(--red-deep) !important; font-weight: 700 !important; text-decoration: underline !important; text-underline-offset: 2px !important; }
.mm .mm-name .charity a:hover { color: var(--champion-red) !important; }
@media (max-width: 680px) { .mm .mm-name .charity { font-size: 11.5px !important; } }
@media (max-width: 420px) { .mm .mm-name .charity { font-size: 11px !important; } }

.mm .mm-name .support { margin: 8px 0 0 !important; padding: 0 !important; }
.mm .mm-name .support a {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--champion-red) !important;
  background: rgba(200,40,30,0.08) !important;
  border: 1px solid rgba(200,40,30,0.35) !important;
  border-radius: 4px !important;
  padding: 6px 11px !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}
.mm .mm-name .support a:hover { background: rgba(200,40,30,0.16) !important; }
.mm .mm-name .support.muted {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--grit-soft) !important;
  border: 1px dashed #C9BCA0 !important;
  border-radius: 4px !important;
  padding: 6px 11px !important;
}
@media (max-width: 680px) {
  .mm .mm-name .support a, .mm .mm-name .support.muted { font-size: 10.5px !important; padding: 5px 9px !important; }
}

.mm .mm-name .weight {
  margin: 0 !important;
  padding: 0 0 0 9px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  color: var(--grit-mid) !important;
  border-left: 3px solid var(--grit-soft) !important;
  line-height: 1.35 !important;
}
.mm .mm-name .weight span { color: var(--grit-black) !important; font-weight: 700 !important; }
.mm .mm-name .sponsor { margin: 8px 0 0 !important; }

.mm .mm-name .journey { margin: 8px 0 0 !important; padding: 0 !important; }
.mm .mm-name .journey a {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--grit-black) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
.mm .mm-name .journey a:hover { color: var(--champion-red) !important; }
.mm .mm-name .journey span.journey-soon {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--grit-soft) !important;
  cursor: default !important;
}
@media (max-width: 680px) { .mm .mm-name .journey span.journey-soon { font-size: 10.5px !important; } }
@media (max-width: 420px) { .mm .mm-name .journey span.journey-soon { font-size: 10px !important; } }

.mm .mm-weightclass {
  text-align: center !important;
  margin: 0 0 16px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--grit-soft) !important;
}
.mm .mm-weightclass span { color: var(--chalk) !important; font-weight: 800 !important; }

@media (max-width: 680px) {
  .mm .mm-name .weight { font-size: 10px !important; padding-left: 8px !important; }
  .mm .mm-name .journey a { font-size: 10.5px !important; }
  .mm .mm-weightclass { font-size: 10px !important; margin-bottom: 12px !important; }
}
@media (max-width: 420px) {
  .mm .mm-name .weight { font-size: 9.5px !important; }
  .mm .mm-name .journey a { font-size: 10px !important; }
}

.mm .mm-yt-btn {
  display: inline-flex !important;
  align-self: flex-start !important;
  align-items: center !important;
  gap: 5px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 999px !important;
  background: var(--champion-red) !important;
  color: var(--chalk) !important;
  padding: 6px 13px 6px 11px !important;
  margin: 0 0 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 0 0 rgba(200,40,30,0.55) !important;
  animation: mm-yt-pulse 2.2s infinite !important;
  transition: transform 0.15s ease, background 0.15s ease !important;
}
.mm .mm-yt-btn:hover { background: var(--red-deep) !important; transform: scale(1.05) !important; animation-play-state: paused !important; }
.mm .mm-yt-btn svg { display: block !important; flex-shrink: 0 !important; }
@keyframes mm-yt-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(200,40,30,0.55) !important; }
  70%  { box-shadow: 0 0 0 11px rgba(200,40,30,0) !important; }
  100% { box-shadow: 0 0 0 0 rgba(200,40,30,0) !important; }
}

.mm .mm-video-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999 !important;
  background: rgba(26,21,18,0.92) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 48px 24px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease !important;
}
.mm .mm-video-modal:target { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
.mm .mm-video-inner { position: relative !important; width: 100% !important; max-width: 900px !important; aspect-ratio: 16 / 9 !important; background: #000 !important; box-shadow: 0 30px 60px rgba(0,0,0,0.5) !important; }
.mm .mm-video-inner iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; display: block !important; }
.mm .mm-video-close {
  position: absolute !important;
  top: -42px !important;
  right: 0 !important;
  color: var(--chalk) !important;
  font-family: var(--display) !important;
  font-size: 30px !important;
  line-height: 1 !important;
  text-decoration: none !important;
}
.mm .mm-video-close:hover { color: var(--champion-red) !important; }

@media (max-width: 600px) {
  .mm .mm-video-modal { padding: 60px 16px 24px !important; }
  .mm .mm-video-close { top: -36px !important; font-size: 26px !important; }
}

.mm .mm-partners { max-width: 1180px !important; margin: 0 auto !important; padding: 64px 24px !important; }
.mm .mm-partners-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
.mm .mm-partner-tier { display: flex !important; flex-direction: column !important; }
.mm .mm-partner-tier.tier-headline { grid-column: 1 / -1 !important; }
.mm .mm-partner-box {
  background: var(--chalk) !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.25) !important;
}
.mm .mm-partner-box img { max-width: 82% !important; max-height: 72% !important; object-fit: contain !important; display: block !important; }
.mm .mm-partner-box span {
  font-size: 13px !important; font-weight: 700 !important; color: var(--grit-mid) !important;
  border: 1px dashed #C9BCA0 !important; border-radius: 4px !important; padding: 10px 16px !important;
}
.mm .mm-partner-box.is-tbc {
  background: transparent !important;
  border: 1px dashed var(--grit-mid) !important;
  box-shadow: none !important;
}
.mm .mm-partner-box.is-tbc span {
  border: none !important;
  padding: 0 14px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  font-style: italic !important;
  text-align: center !important;
  line-height: 1.35 !important;
  color: var(--grit-soft) !important;
}
.mm .mm-partner-tier.tier-headline .mm-partner-box { height: 150px !important; }
.mm .mm-partner-tier.tier-platinum .mm-partner-box,
.mm .mm-partner-tier.tier-impact .mm-partner-box { height: 118px !important; }
.mm .mm-partner-tier.tier-special .mm-partner-box { height: 96px !important; }
.mm .mm-partner-box.is-dark { background: var(--grit-black) !important; }
.mm .mm-partner-box.is-dark span { color: var(--grit-soft) !important; border-color: var(--grit-mid) !important; }
.mm .mm-partner-label {
  text-align: center !important; margin: 12px 0 0 !important;
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.1em !important;
  text-transform: uppercase !important; color: var(--grit-soft) !important;
}
.mm .mm-partner-tier.tier-headline .mm-partner-label { font-size: 12px !important; color: var(--beige) !important; }

@media (max-width: 700px) {
  .mm .mm-partners-grid { grid-template-columns: 1fr !important; }
  .mm .mm-partner-tier.tier-headline .mm-partner-box { height: 120px !important; }
  .mm .mm-partner-tier.tier-platinum .mm-partner-box,
  .mm .mm-partner-tier.tier-impact .mm-partner-box,
  .mm .mm-partner-tier.tier-special .mm-partner-box { height: 100px !important; }
}

.mm .mm-event-partners { padding-top: 0 !important; }
.mm .mm-event-partners-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
.mm .mm-event-partners-grid .mm-partner-box { height: 118px !important; }
@media (max-width: 900px) {
  .mm .mm-event-partners-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
  .mm .mm-event-partners-grid { grid-template-columns: 1fr !important; }
}

.mm .mm-ticker-wrap {
  background: var(--grit-grey) !important;
  padding: 28px 20px 8px !important;
  display: flex !important;
  justify-content: center !important;
}
.mm .mm-ticker {
  width: 100% !important;
  max-width: 620px !important;
  background: linear-gradient(160deg, var(--champion-red) 0%, var(--red-deep) 100%) !important;
  border-radius: 10px !important;
  box-shadow: 0 20px 44px rgba(200,40,30,0.28), 0 4px 12px rgba(0,0,0,0.35) !important;
  padding: 26px 28px 22px !important;
  text-align: center !important;
}
.mm .mm-ticker .label {
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--beige) !important;
  margin: 0 0 8px !important;
}
.mm .mm-ticker strong {
  display: block !important;
  font-family: var(--display) !important;
  font-size: clamp(42px, 8vw, 60px) !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  color: var(--chalk) !important;
}
.mm .mm-ticker strong .cur {
  font-family: var(--body) !important;
  font-weight: 800 !important;
  font-size: 0.62em !important;
  vertical-align: 0.08em !important;
  margin-right: 1px !important;
  color: #F6EFD9 !important;
}
.mm .mm-ticker .sub {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--chalk) !important;
  margin: 8px 0 0 !important;
}
.mm .mm-ticker .updated {
  display: block !important;
  font-weight: 600 !important;
  color: rgba(246,239,217,0.75) !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(246,239,217,0.22) !important;
}
@media (max-width: 480px) {
  .mm .mm-ticker { padding: 22px 18px 18px !important; }
  .mm .mm-ticker .sub { font-size: 13px !important; }
}

.mm .mm-ticker .split {
  display: grid !important;
  grid-template-columns: 1fr 1px 1fr !important;
  gap: 0 !important;
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(246,239,217,0.28) !important;
}
.mm .mm-ticker .split .rule { background: rgba(246,239,217,0.28) !important; }
.mm .mm-ticker .sp { padding: 0 10px !important; }
.mm .mm-ticker .sp .n {
  display: block !important;
  font-family: var(--display) !important;
  font-size: clamp(30px, 5.4vw, 42px) !important;
  line-height: 1 !important;
  color: #F6EFD9 !important;
  margin-top: 8px !important;
}
.mm .mm-ticker .sp .n .cur {
  font-family: var(--body) !important; font-weight: 800 !important;
  font-size: 0.62em !important; vertical-align: 0.08em !important; margin-right: 1px !important;
  color: #F6EFD9 !important;
}
.mm .mm-ticker .sp .l {
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--beige) !important;
  line-height: 1.35 !important;
}
@media (max-width: 460px) {
  .mm .mm-ticker .split { grid-template-columns: 1fr !important; gap: 14px !important; }
  .mm .mm-ticker .split .rule { display: none !important; }
  .mm .mm-ticker .sp { padding: 0 !important; }
}

.mm .ms-head { text-align: center !important; padding: 44px 24px 8px !important; max-width: 1180px !important; margin: 0 auto !important; }
.mm .ms-head .eyebrow { display: inline-block !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: var(--beige) !important; margin-bottom: 12px !important; }
.mm .ms-head h1 { color: var(--chalk) !important; font-family: var(--display) !important; font-size: clamp(38px, 7vw, 76px) !important; line-height: 0.95 !important; text-transform: uppercase !important; margin: 0 !important; }
.mm .ms-head h1 em { font-style: normal !important; color: var(--champion-red) !important; display: block !important; }
.mm .ms-head p { color: #C9BCA0 !important; font-size: 17px !important; line-height: 1.55 !important; max-width: 640px !important; margin: 18px auto 0 !important; }

.mm .ms-section { max-width: 1180px !important; margin: 0 auto !important; padding: 44px 24px 20px !important; }
.mm .ms-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; }
.mm .ms-sub { color: var(--chalk) !important; font-family: var(--display) !important; font-size: 22px !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; margin: 40px 0 16px !important; padding-bottom: 10px !important; border-bottom: 1px solid rgba(255,255,255,0.14) !important; }

.mm .ms-tile { background: var(--chalk) !important; border-radius: 4px !important; overflow: hidden !important; box-shadow: 0 14px 30px rgba(0,0,0,0.3) !important; display: flex !important; flex-direction: column !important; }
.mm .ms-logo { height: 150px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 24px !important; background: #fff !important; border-bottom: 1px solid #E2D8BE !important; }
.mm .ms-logo.on-dark { background: var(--grit-black) !important; }
.mm .ms-logo.on-dark img { max-width: 72% !important; max-height: 76% !important; }
.mm .ms-logo img { max-width: 78% !important; max-height: 82% !important; object-fit: contain !important; display: block !important; }
.mm .ms-logo .wordmark { font-family: var(--display) !important; font-size: clamp(24px, 2.6vw, 32px) !important; line-height: 1.05 !important; text-transform: uppercase !important; color: var(--grit-black) !important; text-align: center !important; letter-spacing: 0.01em !important; }
.mm .ms-body {
  display: flex !important; flex-direction: column !important; flex-grow: 1 !important;
  padding: 20px 22px 20px !important; text-align: center !important;
}
.mm .ms-body > * { padding: 0 !important; margin: 0 !important; }
.mm .ms-name {
  font-family: var(--display) !important; font-size: 21px !important; line-height: 1.1 !important;
  letter-spacing: 0.03em !important; text-transform: uppercase !important; color: var(--grit-black) !important;
}
.mm .ms-desc {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 14.5px !important; font-weight: 400 !important; line-height: 1.5 !important;
  color: var(--grit-mid) !important; text-transform: none !important; letter-spacing: 0 !important;
  margin-top: 8px !important; flex-grow: 1 !important;
}
.mm .ms-for {
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 9px !important;
  margin-top: 16px !important; padding-top: 14px !important; border-top: 1px solid #E2D8BE !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.07em !important;
  text-transform: uppercase !important; color: var(--grit-mid) !important;
}
.mm .ms-for strong { color: var(--champion-red) !important; font-weight: 800 !important; }
.mm .ms-for .av {
  width: 34px !important; height: 34px !important; border-radius: 50% !important; object-fit: cover !important;
  object-position: top center !important; flex-shrink: 0 !important; border: 2px solid var(--champion-red) !important;
  background: var(--grit-soft) !important; margin: 0 !important;
}

.mm .ms-tile.is-open { background: transparent !important; border: 1px dashed var(--grit-mid) !important; box-shadow: none !important; }
.mm .ms-tile.is-open .ms-logo { background: rgba(246,239,217,0.04) !important; border-bottom: 1px dashed var(--grit-mid) !important; }
.mm .ms-tile.is-open .open-t { font-family: var(--display) !important; font-size: 22px !important; text-transform: uppercase !important; color: var(--champion-red) !important; text-align: center !important; }
.mm .ms-tile.is-open .ms-name { color: var(--chalk) !important; }
.mm .ms-tile.is-open .ms-for,
.mm .ms-tile.is-open .ms-for span,
.mm .ms-tile.is-open .ms-for * { color: #F6EFD9 !important; }
.mm .ms-tile.is-open .ms-for { border-top-color: rgba(246,239,217,0.14) !important; }
.mm .ms-tile.is-open .ms-for strong { color: var(--champion-red) !important; }
.mm .ms-tile.is-open .ms-for .av { filter: grayscale(1) !important; opacity: 0.7 !important; }

.mm .ms-back { text-align: center !important; padding: 16px 24px 70px !important; }
.mm .ms-back a { color: var(--grit-soft) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; }
.mm .ms-back a:hover { color: var(--chalk) !important; }

.mm .ms-tile.is-open .ms-for { border-top-color: rgba(246,239,217,0.14) !important; }
@media (max-width: 900px) { .mm .ms-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) {
  .mm .ms-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .mm .ms-logo { height: 120px !important; }
  .mm .ms-section { padding: 32px 16px 12px !important; }
}
