.archive-main { padding-top: 90px; min-height: 100vh; background: radial-gradient(circle at 75% 12%,rgba(58,92,133,.18),transparent 40%),#060b12; }
.archive-hero { min-height: 525px; display: grid; grid-template-columns: 1fr .73fr; align-items: center; gap: 50px; padding-top: 75px; padding-bottom: 75px; }
.archive-message { max-width: 650px; }
.archive-meta { font-size: 10px; letter-spacing: .2em; color: #92b9cb; }
.archive-message h1 { margin: 17px 0 27px; font: 400 clamp(48px,5.4vw,76px)/1.05 Georgia,serif; letter-spacing: -.035em; }
.archive-message h1 em { font-style: normal; color: var(--gold); }
.archive-message>p:not(.eyebrow):not(.archive-meta) { max-width: 550px; color: #a6bbc9; line-height: 1.8; margin-bottom: 28px; }
.archive-crest { min-height: 360px; display: grid; place-items: center; border: 1px solid var(--border); background: radial-gradient(circle,rgba(55,117,180,.15),transparent 65%); }
.archive-crest img { display: block; width: min(74%,400px); max-height: 280px; object-fit: contain; filter: drop-shadow(0 0 34px rgba(48,130,214,.25)); }
.archive-film { padding-bottom: 115px; }
.archive-film-heading { max-width: 760px; margin-bottom: 28px; }
.archive-film h2,.archive-close h2 { font: 400 clamp(36px,4vw,53px) Georgia,serif; margin: 10px 0 15px; }
.archive-film-heading>p:last-child,.archive-close p:not(.eyebrow) { color: #9fb2bf; line-height: 1.7; }
.archive-player { width: min(100%,1080px); margin: auto; border: 1px solid rgba(124,190,237,.4); padding: 5px; background: #03070d; box-shadow: 0 0 45px rgba(41,126,201,.12); }
.archive-player video { display: block; width: 100%; aspect-ratio:16/9; object-fit: contain; background:#000; }
.archive-close { padding: 65px 0 90px; display: flex; align-items: center; justify-content: space-between; gap: 35px; border-top: 1px solid var(--border); }
.archive-close>div { max-width: 730px; }
.archive-close .button { flex: 0 0 auto; }
@media(max-width:760px) {
  .archive-hero { grid-template-columns: 1fr; padding-top: 43px; gap: 15px; }
  .archive-crest { min-height: 220px; }
  .archive-crest img { max-height: 170px; }
  .archive-close { display: block; }
  .archive-close .button { margin-top: 18px; }
}