/* Inner pages: same type, colour and rhythm as the dusk homepage, without the film. */
.inner{padding-top:var(--navh)}
.inner__head{background:var(--night);color:#fff;padding:clamp(48px,7vw,96px) 0 clamp(40px,6vw,80px);position:relative;overflow:hidden}
.inner__head::after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--dusk)}
.inner__head h1{color:#fff;font:700 clamp(2.25rem,5vw,4rem)/1.04 var(--head);margin:0 0 18px;max-width:18ch;text-wrap:balance}
.inner__lede{font:400 clamp(1.0625rem,1.6vw,1.25rem)/1.55 var(--text);max-width:60ch;margin:0 0 28px;color:#e4f0f0}
.inner__crumb{margin:0 0 14px;font:700 .9375rem/1.3 var(--head)}
.inner__crumb a{color:#C7B4FF;text-decoration:none}
.inner__crumb a:hover,.inner__crumb a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.inner__body{padding:clamp(40px,6vw,88px) 0}
.inner__body--alt{background:#f2f5f5}
.inner__hero{margin-top:-24px}
.inner__hero img{width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:8px;display:block}
.prose>*{max-width:68ch}
.prose{font:400 1.0625rem/1.7 var(--text);color:var(--ink)}
.prose h2{font:700 clamp(1.5rem,2.6vw,2rem)/1.15 var(--head);margin:1.6em 0 .5em}
.prose h3{font:700 1.25rem/1.25 var(--head);margin:1.4em 0 .4em}
.prose a{color:var(--deep);text-underline-offset:3px}
.prose img{max-width:100%;height:auto;border-radius:6px}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:4px solid var(--cyan);font:700 1.25rem/1.4 var(--head)}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:clamp(20px,2.4vw,32px);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.card-i{background:#fff;border-radius:8px;padding:24px;box-shadow:inset 0 0 0 1px var(--line,#d6dede);display:flex;flex-direction:column;gap:10px}
.inner__body:not(.inner__body--alt) .card-i{background:#f7f9f9}
.card-i h2{font:700 1.25rem/1.25 var(--head);margin:0}
.card-i h2 a{color:var(--ink);text-decoration:none}
.card-i h2 a:hover,.card-i h2 a:focus-visible{color:var(--deep);text-decoration:underline;text-underline-offset:4px}
.card-i p{margin:0;font:400 1rem/1.55 var(--text);color:#2d4645}
.card-i .link{margin-top:auto}
.card-i__img img{width:100%;height:auto;border-radius:6px;display:block}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nav-links{display:flex;gap:12px;margin-top:32px;font:700 1rem var(--head)}
.nav-links a,.nav-links span{padding:8px 12px;border-radius:6px;color:var(--deep)}
.nav-links .current{background:var(--deep);color:#fff}

/* Listing filters, card dates, article meta */
.inner__meta{margin:0;font:400 1rem/1.5 var(--text);color:#d6e6e6}
.inner__tags::before{content:"";display:inline-block;width:1px;height:.9em;background:currentColor;opacity:.5;margin:0 12px;vertical-align:-1px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 clamp(24px,3vw,36px)}
.chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line,#c5d3d3);background:#fff;color:var(--ink);font:700 .9375rem/1 var(--head);text-decoration:none}
.chips a:hover,.chips a:focus-visible{box-shadow:inset 0 0 0 2px var(--deep);color:var(--deep)}
.chips a[aria-current]{background:var(--deep);color:#fff;box-shadow:none}
.card-i__meta{margin:0;font:400 .875rem/1.4 var(--text);color:#4a5f5f}
.cards--grid .card-i{padding:0 0 22px;overflow:hidden}
.cards--grid .card-i>*:not(.card-i__img){padding:0 22px}
.cards--grid .card-i__img img{border-radius:0;aspect-ratio:7/4;object-fit:cover}
@media (max-width:700px){.chips{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:calc(-1*var(--gut));padding:2px var(--gut) 6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips a{flex:none;scroll-snap-align:start}}
/* Announcement bar (Customizer) */
.annc{position:fixed;inset:0 0 auto;z-index:41;background:var(--deep);color:#fff;font:400 .9375rem/1.4 var(--text);text-align:center;padding:9px var(--gut)}
.annc p{margin:0}
.annc a{color:#fff;font-weight:700;text-underline-offset:3px}
.has-annc .nav{top:var(--anncH,40px)}
.has-annc .inner{padding-top:calc(var(--navh) + var(--anncH,40px))}
