/* Targeted editorial correction: Page 7 archive cards and closing signoff only. */
.historical-media-card {
  min-width: 0;
  min-height: 0 !important;
  border: 1px solid rgba(5, 47, 44, .16) !important;
  border-radius: 12px !important;
  background: #f1efe3 !important;
  box-shadow: 0 16px 38px rgba(4, 32, 29, .08);
  overflow: hidden;
}

.historical-media-card .archive-video-frame {
  align-self: stretch;
  min-width: 0;
  min-height: 0 !important;
  display: grid;
  place-items: center;
  padding: clamp(12px, 1.6vw, 22px);
  aspect-ratio: 848 / 384;
  align-self: center;
  background: linear-gradient(145deg, #e4e2d5, #c8cbb7);
}

.historical-media-card .archive-video-frame video {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: 310px !important;
  aspect-ratio: 848 / 384;
  object-fit: contain !important;
  object-position: center;
  background: #081d20;
  border: 1px solid rgba(255, 255, 255, .28);
  box-shadow: 0 10px 26px rgba(2, 24, 27, .18);
}

.historical-media-card:not(.company-archive) > div:last-child {
  min-width: 0;
  padding: clamp(20px, 2.4vw, 34px);
}

.historical-media-card > div > span {
  color: #607c50 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .12em;
  line-height: 1.4;
}

.historical-media-card h4 {
  color: #07383a !important;
  font-size: clamp(20px, 1.7vw, 25px) !important;
  line-height: 1.16 !important;
  letter-spacing: -.025em;
}

.historical-media-card p {
  color: #365451 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.historical-media-card.company-archive {
  grid-template-columns: minmax(155px, .74fr) minmax(0, 1.26fr);
  align-items: stretch;
  gap: 0;
  padding: 0 !important;
  background: #f7f5eb !important;
}

.historical-media-card.company-archive .company-archive-mark {
  min-width: 0;
  min-height: 100%;
  display: grid;
  place-items: center;
  padding: clamp(16px, 2vw, 28px);
  background: linear-gradient(155deg, #e7e7d8, #d5dbc4 58%, #bdc9a7);
}

.historical-media-card.company-archive .company-archive-mark img {
  display: block;
  width: min(100%, 172px) !important;
  height: auto !important;
  aspect-ratio: 1;
  object-fit: contain;
  filter: drop-shadow(0 5px 10px rgba(3, 41, 43, .12));
}

.historical-media-card.company-archive > div:last-child {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(20px, 2.4vw, 34px);
}

.historical-media-card.company-archive h4 {
  margin-top: 3px;
  font-size: clamp(23px, 2vw, 29px) !important;
}

.historical-media-card.company-archive a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 11px 0 3px;
  color: #315f53 !important;
  border-bottom: 1px solid rgba(49, 95, 83, .38);
  font-size: 11px !important;
  font-weight: 800;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
}

.historical-media-card.company-archive a:focus-visible,
.historical-media-card.company-archive a:hover {
  color: #07383a !important;
  border-color: currentColor;
}

/* Closing brand signoff sits on a quiet solid-glass panel over the existing image. */
.footer-signoff {
  width: min(100%, 440px);
  justify-self: end;
  align-self: center;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid rgba(234, 233, 212, .3);
  border-radius: 12px;
  background: rgba(3, 28, 31, .9);
  box-shadow: 0 24px 58px rgba(0, 12, 14, .3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: left;
}

.footer-signoff img {
  display: block;
  box-sizing: border-box;
  width: 128px !important;
  height: 128px !important;
  margin: 0 0 18px auto;
  padding: 8px;
  border: 1px solid rgba(234, 233, 212, .4);
  border-radius: 3px;
  background: #eae9d4;
  object-fit: contain;
  box-shadow: 0 8px 20px rgba(0, 12, 14, .2);
}

.footer-signoff p {
  margin: 0;
  color: #c4bd71 !important;
  font-size: 12px !important;
  font-weight: 800;
  letter-spacing: .16em !important;
  line-height: 1.45;
}

.footer-signoff small {
  display: block;
  margin-top: 8px;
  color: #eae9d4 !important;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: .04em;
  line-height: 1.5;
}

.footer-signoff .footer-legal {
  margin-top: 20px !important;
  padding-top: 15px !important;
  border-top: 1px solid rgba(234, 233, 212, .24);
  color: rgba(234, 233, 212, .82) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.footer-signoff .footer-legal p {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: 450;
  letter-spacing: 0 !important;
  line-height: inherit;
}

@media (max-width: 1050px) {
  .footer-signoff { justify-self: stretch; width: 100%; max-width: none; }
}

@media (max-width: 760px) {
  .historical-media-card { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
  .historical-media-card .archive-video-frame { padding: 12px; }
  .historical-media-card .archive-video-frame video { max-height: none !important; }
  .historical-media-card.company-archive { grid-template-columns: minmax(0, 1fr) !important; }
  .historical-media-card.company-archive .company-archive-mark { min-height: 138px !important; padding: 16px; }
  .historical-media-card.company-archive .company-archive-mark img { width: 116px !important; }
  .historical-media-card.company-archive > div:last-child { padding: 19px 20px 22px; }
  .historical-media-card h4 { font-size: 21px !important; }
  .historical-media-card p { font-size: 14px !important; }
  .footer-signoff { box-sizing: border-box; padding: 22px; }
  .footer-signoff img { width: 104px !important; height: 104px !important; margin: 0 0 15px; }
  .footer-signoff p { font-size: 11px !important; }
  .footer-signoff small { font-size: 13px; }
  .footer-signoff .footer-legal { font-size: 10.5px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .historical-media-card,
  .historical-media-card * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}