/* Shared archive presentation, November 3, 2026. */
:root{--bghra-navy:#143451;--bghra-teal:#226d78;--bghra-gold:#d3ac57}
html body .site-header{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(5vw,20px);flex-wrap:wrap}
html body .site-header>a{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;color:#143451}
html body .site-header img{width:48px;height:48px;object-fit:contain}
html body .site-header nav{display:flex;flex-wrap:wrap;gap:15px}
html body .site-header nav a{font:700 12px/1.5 Arial,sans-serif;color:#143451;text-decoration:none}
html body .hero,html body .banner{position:relative;max-width:none;width:100%;box-sizing:border-box;background:linear-gradient(112deg,rgba(20,52,81,.93) 0%,rgba(20,52,81,.81) 50%,rgba(20,52,81,.35) 50%,rgba(20,52,81,.4) 100%),url('/brand/archive-header.jpeg') center 44%/cover!important;color:#fff!important;padding:48px max(5vw,24px)!important;min-height:210px;display:flex;flex-direction:column;justify-content:center;gap:8px}
html body .hero h1,html body .banner h1{color:#fff!important;font:700 clamp(28px,4vw,46px)/1.18 Arial,sans-serif!important;max-width:1100px;margin:0}
html body .hero p,html body .banner p{color:#fff!important;margin:0}
html body .grid{gap:24px}
html body .cover{height:330px!important;padding:16px!important;background:#edf2f5}
html body .cover img{object-fit:contain!important;max-width:100%;max-height:100%}
html body .browse-picture{height:330px!important;padding:16px!important}
html body .browse-picture img{object-fit:contain!important}
html body .card img{height:260px;object-fit:contain}
html body:has(.hub-feature) main>figure.hub-feature,html body .films-overview .hub-feature{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;margin:24px 0!important;padding:18px!important;box-sizing:border-box}
html body:has(.hub-feature) main>figure.hub-feature img,html body .films-overview .hub-feature img{width:100%!important;max-width:100%!important;height:clamp(280px,35vw,460px)!important;max-height:none!important;object-fit:contain!important;margin:auto!important}
html body .hub-feature figcaption{width:100%!important;text-align:center!important;font-size:12px!important}
html body .history-record figure img{max-height:550px;object-fit:contain;width:100%}
html body .archive-source main{max-width:1120px;margin:auto;padding:28px 24px}
html body .archive-source figure{background:#fff;padding:16px;margin:28px 0}
html body .archive-source figure img{display:block;max-width:100%;width:auto;max-height:none;height:auto;margin:auto}
html body footer{background:#fff;color:#172b39;padding:28px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:4px solid #d3ac57}
html body footer img{width:auto;height:70px;max-width:220px;object-fit:contain}
html body footer .partners{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
html body footer p{max-width:460px;font:14px/1.6 Arial,sans-serif}
@media(max-width:760px){html body .hero,html body .banner{min-height:180px;padding:32px 22px!important}html body .cover,html body .browse-picture{height:300px!important}html body .site-header{gap:16px}html body footer .partners{gap:18px}html body footer img{height:55px;max-width:170px}}

html body .films-overview{display:block!important}
html body .films-overview .hub-feature{max-width:100%!important;margin:24px 0!important}