and would otherwise win on source order. */
.hero_layout .hero_sub {
padding-top: 0;
}
/* And it takes the primary face at body size rather than mono caps —
which is what the line actually is: a subtitle, not an eyebrow. The
export drives .c-heading entirely through these tokens, so re-pointing
them is the whole change; :where() in the variant selector means it
carries no specificity to fight. */
/* 1.5rem between the heading and its subtitle. The heading's own
u-margin-bottom-text contributes 2rem and the grid row-gap another
1rem, so the pair sat 3rem apart; this trims the heading's share to
whatever is left once the gutter has had its 1rem.
Scoped to a heading that is the *last* thing in .hero_header, so the
case studies — where a back-link follows the title — keep the spacing
they were built with. */
.hero_header > .c-heading:last-child {
--_text-style---margin-bottom: calc(1.5rem - var(--site--gutter));
}
.hero_sub .c-heading {
--_text-style---font-family: var(--_typography---font--primary-family);
--_text-style---font-size: var(--_typography---font-size--text-main);
--_text-style---line-height: var(--_typography---line-height--huge);
--_text-style---font-weight: var(--_typography---font--primary-medium);
--_text-style---letter-spacing: var(--_typography---letter-spacing--small);
--_text-style---text-transform: var(--_typography---text-transform--none);
--_text-style---text-wrap: pretty;
--_text-style---trim-top: var(--_typography---font--primary-trim-top);
--_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom);
}
/* WCAG 2.2.2 — no autoplaying motion when the user has asked for less. */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
Skip to main content
