/* Shared heading hierarchy. Component sizes may adapt to their layout. */
:root{
 --font-heading:"Avenir Next","Segoe UI",sans-serif;
 --font-accent:Georgia,"Times New Roman",serif;
 --display:var(--font-heading);
 --heading-medium:500;
 --heading-semibold:600;
}
h1,h2{--heading-weight:var(--heading-medium)}
h3,h4,h5,h6{--heading-weight:var(--heading-semibold)}
h4{font-size:22px;line-height:1.3;letter-spacing:-.02em}
h5{font-size:18px;line-height:1.4;letter-spacing:-.01em}
h6{font-size:16px;line-height:1.4;letter-spacing:0}
h1 em,h2 em,h3 em,h4 em,h5 em,h6 em{
 font-family:var(--font-accent);
 font-style:italic;
 font-weight:400;
 letter-spacing:-.04em;
}
@media(max-width:760px){h4{font-size:20px}h5{font-size:17px}h6{font-size:16px}}