/* Origins logos: larger NIE / NTU on the left, two rows on the right.
   Original transparent artwork and aspect ratios are unchanged. */
.story-copy {
  container-type: inline-size;
  container-name: origins-copy;
}
.origins-logo-strip {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) repeat(2, minmax(0, .6fr));
  grid-template-areas:
    "university mothership association"
    "university health health";
  align-items: center;
  justify-items: center;
  column-gap: 18px;
  row-gap: 18px;
  margin: 28px 0 0;
  padding: 0;
  width: 100%;
}
.origins-logo-strip .origins-logo {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.origins-logo-strip .origins-logo--university {
  grid-area: university;
  justify-self: start;
}
.origins-logo-strip .origins-logo--mothership {
  grid-area: mothership;
  width: auto;
  height: 60px;
}
.origins-logo-strip .origins-logo--association {
  grid-area: association;
  width: auto;
  height: 60px;
}
.origins-logo-strip .origins-logo--health {
  grid-area: health;
  width: 80%;
}
/* Keep the same arrangement when the copy column becomes narrower. */
@container origins-copy (max-width: 560px) {
  .origins-logo-strip {
    column-gap: clamp(10px, 3cqi, 18px);
    row-gap: clamp(12px, 3cqi, 18px);
  }
  .origins-logo-strip .origins-logo--mothership,
  .origins-logo-strip .origins-logo--association {
    height: clamp(28px, 10.5cqi, 58px);
  }
}
@media print {
  .origins-logo-strip { break-inside: avoid; }
}