.inner-page { background: #000; }
.content-main { padding-top: var(--header-height); min-height: 80vh; }
.page-hero { min-height: 440px; display: flex; align-items: end; padding: clamp(4rem,8vw,8rem) max(5vw,1.25rem); background: linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.45)), url('../img/site/events-hero.jpg') center/cover; }
.page-hero > div { width: min(1240px,100%); margin: 0 auto; }
.page-hero h1 { max-width: 1000px; margin: 0; font: 800 clamp(4rem,10vw,9rem)/.86 var(--display); letter-spacing: -.04em; text-transform: uppercase; }
.page-hero > div > p:last-child { max-width: 650px; color: #ccc; font-size: 1.1rem; }
.news-archive { background: #171717; }
.archive-tools { max-width: var(--max); margin: 0 auto 2rem; display: flex; justify-content: flex-end; }
.archive-tools input { width: min(420px,100%); padding: .9rem 1rem; border: 1px solid #555; background: #000; color: white; }
.archive-tools input:focus { border-color: var(--red); outline: 0; }
.article-main { background: #171717; }
.article-shell { width: min(980px,calc(100% - 2.5rem)); margin: 0 auto; padding: clamp(4rem,8vw,8rem) 0; }
.article-back { display: inline-block; margin-bottom: 2.5rem; }
.article-shell time { display: block; margin-bottom: 1rem; color: var(--red); font: 700 .85rem var(--display); letter-spacing: .12em; text-transform: uppercase; }
.article-shell h1 { margin: 0; font: 800 clamp(3rem,8vw,7rem)/.92 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.article-lead { max-width: 760px; margin: 1.5rem 0 2.5rem; color: #d0ccc5; font-size: clamp(1.1rem,2vw,1.4rem); }
.article-hero { width: 100%; max-height: 650px; object-fit: cover; margin: 0 0 3rem; background: #050505; }
.article-copy { max-width: 780px; color: #d4d0c9; font-size: 1.08rem; }
.article-copy p { margin: 0 0 1.5rem; }
@media (max-width: 820px) {
    .page-hero { min-height: 340px; }
    .archive-tools { justify-content: stretch; }
    .archive-tools input { width: 100%; }
}