.container {
    width: min(calc(100% - 2rem), var(--container-max));
    margin-inline: auto;
}

.section {
    padding: clamp(3rem, 5vw, 5rem) 0;
}

.section--compact {
    padding-top: 0;
}

.section--tinted {
    background: var(--section-wash);
}

.section-heading {
    max-width: 42rem;
    margin-bottom: var(--space-12);
}

.section-heading p {
    margin-top: var(--space-4);
}

.surface-card {
    background: var(--surface-strong);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-soft);
    overflow: hidden;
    backdrop-filter: blur(18px);
}

.split-layout,
.page-hero__grid,
.contact-grid,
.faq-layout,
.hero__grid,
.cta-banner {
    display: grid;
    gap: var(--space-10);
}
.split-layout2 {
    display: grid;
    gap: var(--space-4);
    justify-items: center;

}
.split-layout2 picture{
    display: none; 
}

@media (min-width: 64rem) {
    .split-layout,
    .page-hero__grid,
    .contact-grid,
    .cta-banner,
    .hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
        align-items: start;
    }

    .split-layout2 {
        grid-template-columns: minmax(0, 48px) minmax(0, 95fr);
        align-items: start;
    }
    .split-layout2 picture{
        display: inline-block;
    }

    .faq-layout {
        grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
        align-items: start;
    }
}