/* Editorial reading layout for the production article. */
.page-hero{max-width:960px;padding-block:3.5rem 2rem}
.page-hero h1{max-width:23ch;font-size:clamp(2rem,3.4vw,3rem);line-height:1.16;letter-spacing:-.03em;margin-bottom:1.25rem}
.page-hero>p{max-width:65ch;font-size:1.125rem;line-height:1.7;color:#505452;margin-bottom:0}
.production-reading{max-width:960px;padding-bottom:4rem}
.production-reading figure{margin:0 0 3rem}
.production-reading figcaption{font-size:.875rem;line-height:1.6;color:#626762;margin-top:.75rem}
.production-copy{max-width:65ch;margin-inline:auto;font-size:1.0625rem;line-height:1.8}
.production-copy section{margin:0 0 2.5rem}
.production-copy h2{font-size:1.5rem;line-height:1.35;letter-spacing:-.02em;font-weight:600;margin:0 0 .875rem;color:#191a1c;text-wrap:pretty}
.production-copy p{font-size:inherit;line-height:inherit;color:#414643;margin:0 0 1.125rem}
.production-related{display:flex;flex-wrap:wrap;gap:1rem 2rem;border-top:1px solid #e0e2da;padding-top:1.5rem}
.production-related a{font-size:.9375rem;color:#713f12}
@media(max-width:600px){.page-hero{padding-top:2.25rem}.page-hero>p{font-size:1.0625rem}.production-copy{font-size:1rem;line-height:1.75}.production-copy h2{font-size:1.3125rem}.production-copy section{margin-bottom:2rem}.production-reading figure{margin-bottom:2rem}}

.production-invitation{background:#facc15;border-radius:12px;padding:clamp(1.25rem,4vw,2rem);margin:0 0 2.5rem}.production-invitation p{color:#191a1c;font-size:1.0625rem;line-height:1.75;font-weight:500;margin:0}

.production-invitation .button{margin-top:1.25rem;background:#191a1c;color:#fff}.production-invitation .button:hover{background:#353638}.production-invitation .button:focus-visible{outline:3px solid #191a1c;outline-offset:4px}