@charset "utf-8";

/* Share the homepage content width across every front-end page. */
:root {
    --site-content-width: 1320px;
    --site-content-gutter: 52px;
}

.wrapper .container:not(.container .container) {
    width: calc(100% - var(--site-content-gutter) * 2);
    max-width: var(--site-content-width);
    min-width: 0;
    margin-inline: auto;
    padding-inline: 0;
    box-sizing: border-box;
}

@media (max-width: 1180px) {
    :root { --site-content-gutter: 32px; }

    .corner-hero-v2 .brand-hero-grid,
    .brand-faq-grid,
    .brand-section-head,
    .brand-final-cta-inner,
    .service-main .service-hero-grid,
    .service-main .service-section-grid,
    .service-main .service-process-grid,
    .service-main .service-metrics-grid,
    .service-main .service-faq-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .corner-hero-v2 .brand-hero-grid { gap: 58px; }
    .brand-faq-grid { gap: 28px; }
    .brand-faq-heading,
    .service-section-heading,
    .service-process-intro { position: static; }
    .service-main .service-hero-grid { gap: 50px; }
    .service-main .service-visual {
        width: min(650px, 100%);
        justify-self: center;
        transform: none;
    }
    .brand-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 45px 30px; }
    .brand-footer-intro { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
    :root { --site-content-gutter: 24px; }
    .brand-footer-grid { grid-template-columns: minmax(0, 1fr); }
    .brand-footer-intro { grid-column: auto; }
}