/* Fractal Block chrome overlay. Colour and typeface/size stay in each page :root and style block. */
.wrap{padding-left:21px;padding-right:21px}
.draft{padding:8px 13px}
.rainbow{height:5px;margin-top:13px}
h1{margin-top:21px !important}
h2{margin-top:13px !important;margin-bottom:13px}
.chapter-hero h2{margin-bottom:13px}
header{padding:55px 0}
.lede,.quote,.section-note,.next{max-width:610px !important}
p[style*="max-width"]{max-width:610px !important}
.lede{margin-top:21px}
.cta{min-height:55px;box-sizing:border-box;padding:13px 34px;margin-top:34px}
.cta.ghost{border-radius:8px}
.cta-sub{margin-top:13px}
.cta-text{min-height:55px;margin-top:13px}
.cta-row{gap:13px}
section{padding:55px 0}
section[id]{scroll-margin-top:21px}
.chapter-hero{padding:55px 0 89px}
.stills{gap:8px;margin-top:21px;max-width:610px}
.films{gap:21px;margin-top:21px}
.chapters{gap:13px;margin-top:34px}
.film .cap{padding:13px 21px 21px}
.chapter .cap,.film .cap,.chapter .cap{padding:13px}
.archive-more{margin-top:34px}
.archive-more summary{min-height:55px;box-sizing:border-box;padding:13px 21px}
.archive-more .films{padding:0 21px 21px;gap:21px}
.section-links{gap:13px 21px;margin-top:21px}
.next{padding:34px;margin-top:21px}
.quote-a{margin-top:8px}
footer{padding:34px 0 55px}
.final{padding:55px 0}
.pagenav{gap:21px}
.pagenav a{min-height:55px}
.pagenav .to-gallery,.pagenav .to-landing{padding-left:21px}
@media (max-width:640px){
  .stills{grid-auto-columns:clamp(144px,52vw,233px);margin-top:21px}
  .cta-text{min-height:55px}
}