/* HISTORY PHOTO PRESENTATION — clean, borderless original images. */
/* Keep each photograph's natural dimensions and the archive's rotation correction. */
.archive-image,
.archive-figure .archive-image,
.archive-feature-large .archive-image,
.archive-people-grid .archive-figure .archive-image,
.history-cover .archive-image,
.family-pair .archive-image,
.today-family-portrait-image {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.archive-image img,
.archive-figure .archive-image img,
.archive-figure .archive-still,
.archive-machines-grid .archive-still,
.family-pair img,
.today-family-gallery img,
.history-japan img {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.archive-document-grid .archive-figure,
.archive-document-grid .archive-figure:nth-child(n) {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.archive-document-grid .archive-image,
.archive-machines-grid .archive-figure,
.archive-people-grid .archive-figure {
  background: transparent !important;
  border: 0 !important;
}
.archive-figure figcaption,
.family-pair figcaption {
  padding-left: 0;
  padding-right: 0;
}
.family-pair {
  align-items: start;
  gap: clamp(18px, 3vw, 46px);
}
.family-pair figure {
  min-width: 0;
  margin: 0;
}
.family-pair .archive-image {
  width: 100%;
  height: auto;
  max-width: none;
}
.family-pair .archive-image img {
  filter: none !important;
}
.today-family-gallery {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 46px);
  width: 100%;
  margin: 50px 0 0;
  align-items: start;
}
.today-family-gallery figure {
  margin: 0;
  min-width: 0;
}
.today-family-gallery img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
  filter: none;
  transform: none;
}
.today-family-gallery figcaption {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 14px 0 0;
  margin: 0;
  color: #898d90;
  font-size: 10px;
  line-height: 1.65;
  letter-spacing: .10em;
}
.today-family-gallery figcaption strong {
  color: #d5d6d3;
  font-weight: 500;
}
@media(max-width:800px) {
  .today-family-gallery {
    grid-template-columns: 1fr;
    gap: 38px;
    margin-top: 34px;
  }
}

.archive-generation-editorial {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
  max-width: 1600px;
  margin: 0 auto;
  padding: clamp(44px, 6vw, 88px) clamp(24px, 6vw, 96px);
  border-top: 1px solid #303336;
}
.archive-generation-lead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, .62fr);
  gap: clamp(14px, 2vw, 28px);
  align-items: center;
}
.archive-generation-lead .archive-era {
  display: block;
  min-width: 0;
  padding: 0;
  border: 0;
}
.archive-generation-editorial .archive-era-no {
  margin-bottom: 20px;
  color: #c0bcb4;
}
.archive-generation-editorial .archive-era-copy .eyebrow {
  color: #e4ded2;
}
.archive-generation-editorial .archive-era-copy h3 {
  color: #f4f0e8;
  font-size: clamp(38px, 4.2vw, 68px);
  font-weight: 700;
  line-height: .99;
  letter-spacing: -.065em;
  margin: 18px 0 24px;
}
.archive-generation-editorial .archive-era-copy p:not(.eyebrow) {
  max-width: 38ch;
  color: #cbc7c0;
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.7;
}
.archive-generation-editorial .archive-era-feature,
.archive-generation-editorial .archive-feature-large,
.archive-generation-editorial .archive-image {
  min-width: 0;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.archive-generation-editorial .archive-era-feature .archive-image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  transform: none;
}
.heritage-people-grid {
  position: relative;
  display: block;
  min-width: 0;
  height: clamp(540px, 45vw, 680px);
  margin: 0;
  padding: 0;
}
.heritage-people-grid > .archive-figure {
  position: absolute;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.heritage-people-grid > .archive-figure:nth-child(1) { top: 0; left: -2%; width: 61%; z-index: 2; }
.heritage-people-grid > .archive-figure:nth-child(2) { top: 5%; right: -1%; width: 51%; z-index: 3; }
.heritage-people-grid > .archive-figure:nth-child(3) { top: 34%; left: 0; width: 44%; z-index: 4; }
.heritage-people-grid > .archive-figure:nth-child(4) { top: 38%; left: 32%; width: 44%; z-index: 5; }
.heritage-people-grid > .archive-figure:nth-child(5) { top: 61%; left: -1%; width: 38%; z-index: 2; }
.heritage-people-grid > .archive-figure:nth-child(6) { top: 63%; left: 27%; width: 40%; z-index: 4; }
.heritage-people-grid > .archive-figure:nth-child(7) { top: 58%; right: -1%; width: 38%; z-index: 3; }
.heritage-people-grid .archive-image {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.heritage-people-grid .archive-image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center;
  transform: none;
  filter: none;
}
@media(max-width:1000px) and (min-width:701px) {
  .archive-generation-editorial {
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
    gap: 26px;
    padding-inline: 30px;
  }
  .archive-generation-lead {
    grid-template-columns: 1fr;
    align-content: start;
  }
  .archive-generation-editorial .archive-era-copy h3 {
    font-size: clamp(38px, 5vw, 52px);
  }
  .archive-generation-lead .archive-era-feature {
    width: min(58%, 220px);
    justify-self: end;
  }
}
@media(max-width:700px) {
  .archive-generation-editorial {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 42px 18px 58px;
  }
  .archive-generation-lead {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  .archive-generation-editorial .archive-era-copy h3 {
    font-size: clamp(44px, 12vw, 62px);
  }
  .archive-generation-editorial .archive-era-copy p:not(.eyebrow) {
    font-size: 14px;
  }
  .archive-generation-lead .archive-era-feature {
    width: min(68%, 240px);
    justify-self: center;
  }
  .heritage-people-grid {
    height: clamp(410px, 125vw, 520px);
  }
  .heritage-people-grid > .archive-figure:nth-child(1) { top: 0; left: -2%; width: 61%; }
  .heritage-people-grid > .archive-figure:nth-child(2) { top: 5%; right: -1%; width: 51%; }
  .heritage-people-grid > .archive-figure:nth-child(3) { top: 34%; left: 0; width: 44%; }
  .heritage-people-grid > .archive-figure:nth-child(4) { top: 38%; left: 32%; width: 44%; }
  .heritage-people-grid > .archive-figure:nth-child(5) { top: 61%; left: -1%; width: 38%; }
  .heritage-people-grid > .archive-figure:nth-child(6) { top: 63%; left: 27%; width: 40%; }
  .heritage-people-grid > .archive-figure:nth-child(7) { top: 58%; right: -1%; width: 38%; }
}

/* User review pass: enlarge all seven archival portraits by 20%, including the four-person group photo. */
.archive-generation-editorial .heritage-people-grid > .archive-figure:nth-child(n) {
  transform: scale(1.2);
  transform-origin: center center;
}

/* Review 2: give the separate extra group photo the missing size boost. */
.archive-generation-editorial .archive-generation-lead .archive-era-feature {
  transform: scale(1.2);
  transform-origin: center center;
}
/* Ease the seven-photo overlap slightly while retaining the layered composition. */
.archive-generation-editorial .heritage-people-grid > .archive-figure:nth-child(n) {
  transform: scale(1.12);
}