/* Let the three apparel stories read as one larger, centered campaign banner. */
.shirt-page main {
  width: min(1600px, 100vw) !important;
}
.shirt-page .wear-story {
  width: 100%;
  max-width: 1600px;
  padding: clamp(18px, 2.5vh, 28px) 0 24px;
}
.shirt-page .wear-story-copy {
  padding: 0 20px;
}
.shirt-page .wear-triptych {
  width: 100%;
  max-width: 1520px;
  margin-inline: auto;
  gap: 0;
  border-top: 1px solid #a79e7d;
  border-bottom: 1px solid #a79e7d;
}
.shirt-page .wear-triptych figure {
  overflow: hidden;
}
.shirt-page .wear-triptych figure + figure {
  border-left: 1px solid #e8e2d5;
}
.shirt-page .wear-triptych img {
  height: clamp(280px, 40vh, 430px);
  border: 0;
  box-shadow: none;
}
.shirt-page .wear-triptych figcaption {
  padding: 12px 4px;
}
@media (max-width: 760px) {
  .shirt-page .wear-story { padding: 18px 0 16px; }
  .shirt-page .wear-story-copy { padding: 0 12px; }
  .shirt-page .wear-triptych img {
    height: clamp(145px, 42vw, 205px);
    object-fit: cover;
  }
  .shirt-page .wear-triptych figcaption {
    min-height: 36px;
    padding: 8px 2px;
    font-size: .74rem;
  }
}