/* Production guides extend the existing service typography and spacing. */
.production-guide .service-intro h1{max-width:1150px;text-wrap:balance}
.production-guide .intro-bottom p{max-width:670px}
.guide-section{padding:64px var(--kant);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:7%;row-gap:32px}
.guide-section h2,.guide-end h2{font:400 clamp(38px,4.2vw,60px)/1.02 var(--serif);letter-spacing:-.015em;text-transform:uppercase;margin:0;text-wrap:balance}
.guide-copy{max-width:620px;min-width:0}
.guide-copy p{font:400 18px/1.55 var(--sans);color:var(--lys);margin:0 0 24px}
.guide-copy p:last-child{margin-bottom:0}
.guide-link{display:inline-block;font:400 24px/1.2 var(--serif);text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px;margin-top:12px}
.guide-section--red{background:var(--rod);color:var(--sort)}
.guide-section--red .guide-copy p{color:var(--sort)}
.guide-image{margin:24px 0 40px}
.guide-image img{width:100%;height:auto;display:block}
.guide-image--portrait{max-width:850px;margin:20px auto 50px;padding:0 var(--kant)}
.guide-pair{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;align-items:center;padding:0 var(--kant);margin:25px 0 50px}
.guide-pair .guide-image{margin:0;padding:0}
.guide-section .guide-image{grid-column:1/-1;width:min(100%,880px);justify-self:center;margin:30px 0 0}
.guide-end{padding:64px var(--kant) 70px;background:var(--rod);color:var(--sort)}
.guide-end .service-cta{display:inline-block;margin-top:32px;white-space:normal}
.production-links{padding:48px var(--kant) 60px}
.production-links nav{display:grid;grid-template-columns:1fr 1fr;gap:24px 7%;margin-top:30px}
.production-links nav a{font:400 clamp(25px,2.6vw,36px)/1.1 var(--serif);text-transform:uppercase;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;max-width:100%}
.production-links nav a[aria-current]{text-decoration:none}
@media(max-width:899px){
 .guide-section{grid-template-columns:1fr;gap:28px;padding:42px var(--kant)}
 .guide-section h2,.guide-end h2{font-size:clamp(32px,8vw,44px)}
 .guide-copy p{font-size:17px;line-height:1.5;margin-bottom:20px}
 .guide-image{margin:12px 0 24px}
 .guide-pair{grid-template-columns:1fr;gap:24px;padding:0;margin:15px 0 24px}
 .guide-pair .guide-image--portrait{width:100%;max-width:none}
 .guide-image--portrait{margin:10px auto 24px;padding:0}
 .guide-section .guide-image{margin-top:8px}
 .guide-end{padding:42px var(--kant) 48px}
 .production-links{padding:38px var(--kant) 42px}
 .production-links nav{grid-template-columns:1fr;gap:24px}
 .production-guide .service-cta{white-space:normal}
}
@media(max-width:380px){.production-guide .service-intro h1{font-size:36px}}