/* /denver/muay-thai/ — the experienced-first pilot (inc/spoke-denver-mt.php, Brief 2026-10-11).
   Loaded on that page only. Layout from the design (claude.ai/artifact/1LmHumYRDgULgxdrAtD7bb);
   colour, type and buttons are the site's (eb_tokens). Every rule is scoped to an .eb-dmt-*
   class inside the .eb-loc-band boundary. */

/* — Hero: one tree. Photo left, copy right (desktop); eyebrow + H1, photo, copy (phone). — */
.eb-loc-band.eb-dmt-hero { color: #0d0d0c; }
.eb-dmt-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: 1fr auto auto 1fr;
  grid-template-areas: "photo ." "photo head" "photo body" "photo .";
  min-height: 620px;
}
.eb-dmt-hero__head { grid-area: head; padding: 56px 56px 0; }
.eb-dmt-hero__h1 {
  font-family: Anton, sans-serif; font-weight: 400; text-transform: uppercase;
  font-size: clamp(2.75rem, 4.4vw, 4rem); line-height: 1; letter-spacing: 0.006em;
  margin: 18px 0 0 !important; color: #0d0d0c;
}
.eb-dmt-hero__photo { grid-area: photo; position: relative; margin: 0; min-height: 620px; overflow: hidden; background: #0d0d0c; }
.eb-dmt-hero__badge {
  position: absolute; left: 24px; bottom: 24px; display: flex; flex-direction: column; gap: 3px;
  background: #0d0d0c; color: #f4f1ea; padding: 12px 16px; border-radius: 2px;
}
.eb-dmt-hero__name { font-family: Anton, sans-serif; font-size: 20px; line-height: 1.1; letter-spacing: 0.02em; text-transform: uppercase; }
.eb-dmt-hero__rank { font-family: Oswald, sans-serif; font-weight: 600; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: #f04137; }
.eb-dmt-hero__body { grid-area: body; padding: 22px 56px 56px; display: flex; flex-direction: column; gap: 22px; }
.eb-dmt-hero__sub { font-family: Barlow, sans-serif; font-size: 19px; line-height: 1.5; color: rgba(13,13,12,0.82); max-width: 540px; }
/* The path lines: two plain lines in the subhead's type, only the lead-ins bold and dark
   (hero cleanup 2026-10-11 — one visible CTA per hero; the boxes read as buttons). */
.eb-dmt-hero__paths { display: flex; flex-direction: column; gap: 8px; max-width: 540px; }
.eb-loc-band .eb-dmt-path { margin: 0; font-family: Barlow, sans-serif; font-size: 19px; line-height: 1.5; color: rgba(13,13,12,0.82); }
.eb-dmt-path strong { font-weight: 700; color: #0d0d0c; }
.eb-dmt-hero__cta { margin-top: 4px; }

@media (max-width: 1100px) {
  .eb-dmt-hero__head { padding: 48px 40px 0; }
  .eb-dmt-hero__body { padding: 20px 40px 48px; }
}
@media (max-width: 900px) {
  .eb-dmt-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    grid-template-areas: "head" "photo" "body";
    min-height: 0;
  }
  .eb-dmt-hero__head { padding: 28px 22px 20px; }
  .eb-dmt-hero__h1 { font-size: 44px; margin-top: 12px !important; }
  .eb-dmt-hero__photo { min-height: 0; height: clamp(300px, 82vw, 480px); }
  .eb-dmt-hero__badge { left: 16px; bottom: 14px; padding: 8px 12px; gap: 1px; }
  .eb-dmt-hero__name { font-size: 16px; }
  .eb-dmt-hero__rank { font-size: 10px; }
  .eb-dmt-hero__where { display: none; }
  .eb-dmt-hero__body { padding: 20px 22px 36px; gap: 14px; }
  .eb-dmt-hero__sub { font-size: 17px; }
  .eb-loc-band .eb-dmt-path { font-size: 17px; }
  .eb-dmt-hero__cta .ebh-btn { width: 100%; white-space: normal; }
}

/* — Sparring: head + schedule link, four photos; a swipe rail on a phone. — */
.eb-dmt-spar__top { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.eb-dmt-spar__more { margin-bottom: 44px; }
.eb-loc-band .eb-dmt-spar__link {
  display: inline-block; padding-bottom: 3px; border-bottom: 2px solid #f04137; white-space: nowrap;
  font-family: Oswald, sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: #0d0d0c;
}
.eb-dmt-spar__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.eb-loc-band .eb-dmt-spar__tile { position: relative; margin: 0; height: 360px; border-radius: 5px; overflow: hidden; background: #0d0d0c; }
.eb-dmt-spar__tile > a { display: block; position: absolute; inset: 0; }
.eb-loc-band .eb-dmt-spar__swipe { display: none; }
@media (max-width: 1024px) {
  .eb-dmt-spar__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eb-loc-band .eb-dmt-spar__tile { height: 300px; }
}
@media (max-width: 768px) {
  .eb-dmt-spar__more { margin: -24px 0 28px; }
  .eb-dmt-spar__grid {
    display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    margin: 0 -22px; padding: 0 22px; scroll-padding: 0 22px; scrollbar-width: none;
  }
  .eb-dmt-spar__grid::-webkit-scrollbar { display: none; }
  .eb-loc-band .eb-dmt-spar__tile { flex: 0 0 280px; height: 340px; scroll-snap-align: start; }
  .eb-loc-band .eb-dmt-spar__swipe {
    display: block; margin-top: 14px;
    font-family: Oswald, sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(13,13,12,0.62);
  }
}

/* — Day One: two cards. "Trained before" ink, "New to striking" paper. — */
.eb-dmt-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.eb-dmt-card { display: flex; flex-direction: column; border-radius: 5px; overflow: hidden; background: #fff; border: 1px solid rgba(13,13,12,0.12); color: #0d0d0c; }
.eb-dmt-card--dark { background: #0d0d0c; border-color: #0d0d0c; color: #fff; }
.eb-dmt-card__media { position: relative; height: 300px; background: #0d0d0c; flex: 0 0 auto; }
.eb-dmt-card__body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 16px; padding: 32px; }
.eb-dmt-card__eyebrow { font-family: Oswald, sans-serif; font-weight: 600; font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; color: #961e18; }
.eb-dmt-card--dark .eb-dmt-card__eyebrow { color: #f04137; }
.eb-loc-band .eb-dmt-card__h { font-family: Anton, sans-serif; font-weight: 400; font-size: 32px; line-height: 1.05; letter-spacing: 0.006em; text-transform: uppercase; color: inherit; }
.eb-loc-band .eb-dmt-card__p { font-family: Barlow, sans-serif; font-size: 17px; line-height: 1.55; color: rgba(13,13,12,0.82); }
.eb-loc-band .eb-dmt-card--dark .eb-dmt-card__p { color: rgba(255,255,255,0.82); }
.eb-dmt-card__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-family: Barlow, sans-serif; font-size: 16px; line-height: 1.45; }
.eb-dmt-card__list li { margin: 0; }
.eb-dmt-card__list li::before { content: "— "; }
.eb-dmt-card__cta { margin-top: auto; padding-top: 6px; }
@media (max-width: 900px) {
  .eb-dmt-cards { grid-template-columns: minmax(0, 1fr); }
  .eb-dmt-card__media { height: 220px; }
  .eb-dmt-card__body { padding: 22px 20px; gap: 12px; }
  .eb-loc-band .eb-dmt-card__h { font-size: 26px; }
  .eb-dmt-card__cta .e-btn { width: 100%; justify-content: center; }
}