/* The clean photographic opening follows the approved After Dark page system. */
.leaderboard-opening{position:relative;min-height:460px;overflow:hidden;margin:0 0 30px;background:var(--bg)}
.leaderboard-opening>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 12%}
.leaderboard-opening:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100608b8,transparent 68%)}
.leaderboard-opening-copy{position:relative;z-index:1;padding:64px 48px;max-width:65%}
.leaderboard-opening h1{font:400 clamp(3rem,5.5vw,5rem)/1.02 var(--serif);color:var(--gold);margin-bottom:24px}
.leaderboard-opening .eyebrow{font-size:.875rem;letter-spacing:0;text-transform:none;color:var(--cream);margin-bottom:24px}
.leaderboard-opening .meta{margin-top:30px}
.points-placement{white-space:nowrap}
.points-separator{padding-inline:.45em;font-weight:400;color:var(--muted)}
@media(max-width:560px){
 .leaderboard-opening{min-height:510px;display:flex;align-items:flex-end}
 .leaderboard-opening>img{object-position:78% top}
 .leaderboard-opening:after{background:linear-gradient(transparent 20%,#100608e6 70%,var(--bg))}
 .leaderboard-opening-copy{max-width:100%;width:100%;padding:240px 24px 28px}
 .leaderboard-opening h1{font-size:clamp(2.25rem,10vw,3rem)}
 .points-separator{padding-inline:.2em}
}

/* Match the approved Contests closing content, above the shared footer. */
.leaderboard-page .page-foot { padding:24px 0 36px;margin:0;text-align:left;font-size:.75rem; }
.leaderboard-page .page-foot>a:first-child { margin-left:0; }
