/* ==========================================================================
   FAQ   body.page-faq
   ==========================================================================
   A hero, four accordion groups (accordion--faq) and the CTA.
   ========================================================================== */

body.page-faq {
    /* the headline runs the full container */
    .hero__frame > * { max-width: none; }
    /* the heading above each group */
    .faq-group {
        margin: 0 0 var(--space-24);
        font-size: clamp(1.4rem, 2.2vw, 2rem);
    }
}