/* Chronicle article: full-screen cover plate with the title laid over it. The hero stays dark in both themes. */
.article.has-hero{padding-top:0}
.article-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;max-width:none;min-height:max(460px,calc(100svh - 100px));margin:0 0 44px;padding:0;overflow:hidden;background:#0b1015 var(--ph,none) center/cover no-repeat}
@media(orientation:portrait){.article-hero{background-image:var(--ph-portrait,var(--ph,none))}}
.article-hero-picture{position:absolute;inset:0;z-index:-2}
.article-hero-img{display:block;width:100%;height:100%;object-fit:cover}
.article-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(8,11,15,.96) 0%,rgba(8,11,15,.88) 30%,rgba(8,11,15,.55) 50%,rgba(8,11,15,0) 72%)}
.article-hero-text{width:100%;max-width:1050px;margin:0 auto;padding:0 32px clamp(36px,7vh,76px)}
.article-hero .article-hero-text>a{color:#e2c68d;text-shadow:0 1px 8px rgba(0,0,0,.7);font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.article-hero .article-hero-text>a:hover{text-decoration:underline}
html .article-hero h1{max-width:26ch;margin:10px 0 12px;font-size:clamp(28px,2.7vw,42px);line-height:1.15;color:#f5f1e8;text-shadow:0 2px 18px rgba(0,0,0,.55)}
html .article-hero .meta{margin:0 0 14px;color:#cfc9bc}
html .article-hero .standfirst{max-width:62ch;margin:0;font-size:19px;line-height:1.55;color:#e6e0d4}
@media(max-width:760px){
 .article-hero{min-height:max(420px,calc(100svh - 88px));margin-bottom:32px}
 .article-hero-text{padding:0 20px 32px}
 html .article-hero h1{font-size:27px}
 html .article-hero .standfirst{font-size:17px}
}