/* Home is the master: Anton 400 display and DM Sans supporting typography.
   Sizes, tracking, line heights and transforms remain owned by each page. */
:root{
 --site-font-display:'Anton',Impact,'Arial Narrow',sans-serif;
 --site-font-body:'DM Sans',Arial,sans-serif;
 --site-display-weight:400;
 --site-display-stretch:normal;
 --display:var(--site-font-display);
 --sans:var(--site-font-body);
 --font-display:var(--site-font-display);
 --font-body:var(--site-font-body);
 --font-sans:var(--site-font-body);
 --font-serif:var(--site-font-body);
 --font-mono:var(--site-font-body);
}
body{font-family:var(--site-font-body)}
h1,.work-card-title,.cinema-card-title,.pitch-card-title,.section-label{
 font-family:var(--site-font-display)!important;
 font-weight:var(--site-display-weight);
 font-stretch:var(--site-display-stretch);
}
p,nav,nav a,button,input,textarea,select,.work-card-subtitle,.work-photo-caption,.work-card-tag,.pitch-subroute-title{
 font-family:var(--site-font-body)!important;
}
/* The sole colour correction: leave the surrounding mustard elements intact. */
.editorial-hero .supporting-copy .tagline{color:#171311}

/* Match the Home supporting-copy scale across the other page introductions. */
.work-approved-hero .work-intro,
.pitch-editorial-hero .pitch-intro-text,
.contact-hero .st-desc p,
.about-biography #about-more>p{font-size:clamp(18px,1.3vw,23px)!important}
@media(max-width:750px){
 .work-approved-hero .work-intro,
 .pitch-editorial-hero .pitch-intro-text,
 .contact-hero .st-desc p,
 .about-biography #about-more>p{font-size:16px!important}
}

/* Long Form already uses a larger desktop introduction; retain that scale. */
@media(max-width:750px){.long-hero .work-intro{font-size:16px!important}}

/* Long Form opening copy follows the same larger supporting-text scale. */
.long-hero .work-intro{font-size:clamp(18px,1.3vw,23px)!important}
@media(max-width:750px){.long-hero .work-intro{font-size:16px!important}}