/* v23 — final archive-card rhythm + explicit archive/extras motion support */

/* --------------------------------------------------------------------------
   PHOTO ARCHIVE — important: do not use flex to place the CTA.
   This intentionally replaces the old flex body so no inherited margin:auto,
   flex growth or equal-row stretching can create vertical dead space.
   -------------------------------------------------------------------------- */
.album-grid--v17{
  align-items:start!important;
  grid-auto-rows:max-content!important;
}
.album-card--v17{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
}
.album-card--v17 .album-card__body{
  display:block!important;
  flex:none!important;
  height:auto!important;
  min-height:0!important;
  padding:14px 16px 14px!important;
  text-align:center!important;
}
.album-card--v17 .album-card__body h4{
  display:block!important;
  min-height:0!important;
  margin:0 0 5px!important;
  padding:0!important;
  font-size:20px!important;
  line-height:1.16!important;
  text-align:center!important;
}
.album-card--v17 .album-card__desc{
  display:block!important;
  min-height:0!important;
  margin:0 0 11px!important;
  padding:0!important;
  line-height:1.32!important;
  text-align:center!important;
}
.album-card--v17 .archive-open{
  display:flex!important;
  flex:none!important;
  width:min(72%,240px)!important;
  min-width:190px!important;
  max-width:240px!important;
  min-height:46px!important;
  margin:0 auto!important;
  padding:10px 18px!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:auto!important;
}

/* Old archive copy must never recolour on card hover. */
.archive-history-card,
.archive-history-card:hover,
.archive-history-card:focus-within,
.archive-history-card *:not(.archive-history-card__button),
.archive-history-card:hover *:not(.archive-history-card__button),
.archive-history-card:focus-within *:not(.archive-history-card__button){
  text-decoration:none!important;
}
.archive-history-card__content strong,
.archive-history-card:hover .archive-history-card__content strong,
.archive-history-card:focus-within .archive-history-card__content strong{color:#111!important}
.archive-history-card__content small,
.archive-history-card:hover .archive-history-card__content small,
.archive-history-card:focus-within .archive-history-card__content small{color:#666!important;background:transparent!important}

/* --------------------------------------------------------------------------
   Explicit initial state for pages that now use WOW. JS adds .wow + effect.
   Keep reduced-motion fallback from main.js intact.
   -------------------------------------------------------------------------- */
.archive-era-head,
.archive-tools,
.season-block,
.album-card--v17,
.archive-history-card,
.archive-legacy-card,
.archive-video-card,
.extras-intro__copy,
.service-card,
.extras-final-card{
  backface-visibility:hidden;
  transform:translateZ(0);
}

@media (max-width:900px){
  .album-card--v17 .album-card__body{
    padding:12px 12px 12px!important;
  }
  .album-card--v17 .album-card__body h4{
    margin-bottom:4px!important;
    font-size:18px!important;
  }
  .album-card--v17 .album-card__desc{
    margin-bottom:9px!important;
    font-size:13px!important;
  }
  .album-card--v17 .archive-open{
    width:min(78%,220px)!important;
    min-width:168px!important;
    max-width:220px!important;
    min-height:43px!important;
    padding:9px 15px!important;
  }
}
@media (max-width:560px){
  .album-card--v17 .album-card__body{
    padding:10px 10px 11px!important;
  }
  .album-card--v17 .album-card__body h4{
    font-size:16px!important;
  }
  .album-card--v17 .album-card__desc{
    margin-bottom:8px!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  .album-card--v17 .archive-open{
    width:min(86%,200px)!important;
    min-width:150px!important;
    min-height:41px!important;
    padding:8px 13px!important;
    font-size:13px!important;
  }
}