/* WONE v12.9.1 — Global Media / Image Discipline
   Rule: images sharing one semantic row use one controlled visual height.
   Deliberate full-bleed heroes, split panels and feature mosaics remain intentionally asymmetric. */
:root{
  --wone-media-story-h:300px;
  --wone-media-editorial-h:245px;
  --wone-media-person-h:335px;
  --wone-media-focal-x:50%;
  --wone-media-focal-y:42%;
}

/* Client Work / story rows — no accidental first-card enlargement. */
.wx-stories{align-items:stretch}
.wx-stories>.wx-story{height:100%}
.wx-stories>.wx-story>img,
.wx-stories>.wx-story:first-child>img{
  width:100%!important;
  height:var(--wone-media-story-h)!important;
  min-height:var(--wone-media-story-h)!important;
  max-height:var(--wone-media-story-h)!important;
  object-fit:cover!important;
  object-position:var(--wone-media-focal-x) var(--wone-media-focal-y)!important;
  display:block;
}

/* Modern editorial cards — Posts, Intelligence, Updates with media, Podcasts. */
.w139-content-grid .w139-content-media,
.w139-editorial-grid .w139-content-media,
.w139-podcast-grid .w139-content-media,
.w139-intel-grid .w139-content-media{
  aspect-ratio:auto;
  height:var(--wone-media-editorial-h);
  min-height:var(--wone-media-editorial-h);
}
.w139-content-grid .w139-content-media img,
.w139-editorial-grid .w139-content-media img,
.w139-podcast-grid .w139-content-media img,
.w139-intel-grid .w139-content-media img{
  width:100%;height:100%;object-fit:cover;object-position:50% 42%;
}

/* People grids — consistent portrait windows across every row. */
.wx-people-grid .wx-person-media{height:var(--wone-media-person-h);min-height:var(--wone-media-person-h)}
.wx-people-grid .wx-person-media img{width:100%;height:100%;object-fit:cover;object-position:center 30%}

/* Guardrail for cards: an image should never define an arbitrary row height. */
.wx-story img,.w139-content-media img,.wx-person-media img{display:block}

/* Intentionally exempt from equal-row rule:
   .wx-hero*, .wx-split-media, .wx-image-band, .wx-feature-grid,
   profile/firm heroes, and long-form feature stories. These are editorial compositions. */

@media(max-width:1100px){
  :root{--wone-media-story-h:275px;--wone-media-editorial-h:230px}
}
@media(max-width:700px){
  :root{--wone-media-story-h:235px;--wone-media-editorial-h:220px;--wone-media-person-h:390px}
  .wx-stories>.wx-story>img,.wx-stories>.wx-story:first-child>img{
    height:var(--wone-media-story-h)!important;min-height:var(--wone-media-story-h)!important;max-height:var(--wone-media-story-h)!important;
  }
}