/* ============================================================
   Gardenieres (page-only) styles
   Scope: body.case-gardenieres
   Depends on: css/case-system.css (shared)
   ============================================================ */

body.case-gardenieres{
  --ink: #022351;
  --bg-band: #f7f7f7;
  --rule: #eaeaea;
  --card-radius: 16px;
}

/* ------------------------------------------------------------
   Hero: keep logos side by side (match X Games alignment)
   ------------------------------------------------------------ */
body.case-gardenieres .hero-logos{
  text-align:left;
}

body.case-gardenieres .hero-logos__row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  margin:0 0 10px;
}

body.case-gardenieres .hero-logo{
  height:72px;
  width:auto;
  display:block;
}

@media (max-width:420px){
  body.case-gardenieres .hero-logo{ height:58px; }
}

/* ------------------------------------------------------------
   By the Numbers (page-specific component)
   ------------------------------------------------------------ */
body.case-gardenieres .case-band--numbers{
  background:#fff;
  border-top:1px solid var(--rule);
}
body.case-gardenieres .case-band--numbers .section-heading{
  margin-bottom:1.5rem;
}

body.case-gardenieres .gdn-by-numbers__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}
@media (min-width:700px){
  body.case-gardenieres .gdn-by-numbers__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (min-width:1024px){
  body.case-gardenieres .gdn-by-numbers__grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
  }
}

body.case-gardenieres .gdn-stat{
  background:#fff;
  border:1px solid rgba(2,35,81,.10);
  border-radius:14px;
  padding:1.1rem 1.15rem 1.05rem;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
body.case-gardenieres .gdn-stat__value{
  font-family:'Barlow', system-ui, sans-serif;
  font-weight:900;
  line-height:1.05;
  color:var(--ink);
  font-size:clamp(1.7rem, 4.3vw, 2.25rem);
  margin:0 0 .35rem 0;
}
body.case-gardenieres .gdn-stat__label{
  font-family:'Barlow', system-ui, sans-serif;
  font-size:1rem;
  line-height:1.45;
  color:#0f2a41;
  opacity:.92;
}

/* ------------------------------------------------------------
   Gardenieres Everywhere: band styling ONLY
   Let case-system.css own .media-grid / .media-card / media sizing
   ------------------------------------------------------------ */
body.case-gardenieres #gardenieres-everywhere{
  background: var(--bg-band);
  border-top: 1px solid var(--rule);
  padding: 3rem 5%;
  margin: 0;
  box-sizing: border-box;
}

body.case-gardenieres #gardenieres-everywhere .section-lead{
  margin: 0 0 1.75rem 0;
  max-width: 80ch;
  color:#0f2a41;
  opacity:.92;
}

/* Caption style in this section only (keeps your “body copy” captions) */
body.case-gardenieres #gardenieres-everywhere .media-card__caption{
  font-family:'Barlow', system-ui, sans-serif;
  font-size:1rem;
  font-weight:400;
  line-height:1.6;
  color:#0f2a41;
  background:#fff;
  padding:1rem 1.1rem 1.05rem;
}
body.case-gardenieres #gardenieres-everywhere .media-card__caption b{
  font-weight:800;
}

/* ------------------------------------------------------------
   Video thumbnail button + play icon
   ------------------------------------------------------------ */
body.case-gardenieres .video-card{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  width:100%;
  height:100%;
  cursor:pointer;
  display:block;
  position:relative;
}
body.case-gardenieres .video-card:focus-visible{
  outline:3px solid #0ea5e9;
  outline-offset:4px;
}
body.case-gardenieres .video-card .play-svg{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:72px;
  height:72px;
  pointer-events:none;
  z-index:2;
}
body.case-gardenieres .video-card .play-svg circle{
  fill: rgba(0,0,0,.85) !important;
}
body.case-gardenieres .video-card .play-svg polygon{
  fill:#fff !important;
}

@media (hover:hover){
  body.case-gardenieres .video-card:hover img{ filter:brightness(.85); }
}

body.case-gardenieres .my-role strong{ font-weight:800; }