html {
    scroll-behavior: smooth;
    scroll-padding-top: 5rem;
}

.section-wrapper {
    padding: var(--spacing-xxl) var(--gutter-x);
    border-top: var(--stroke-thin) solid var(--color-border-gray);
    border-bottom: var(--stroke-thin) solid var(--color-border-gray);
}

.section-inner {
    width: 100%;
    max-width: var(--size-layout-xxl);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gutter-y);
}

.section-header {
    margin-bottom: var(--spacing-xl);
}

.section-header h2 {
    font-family: var(--font-headline);
    font-size: var(--font-size-xl);
    font-weight: 800;
    color: var(--color-text-main);
    text-transform: capitalize;
    letter-spacing: -0.025em;
    margin: 0;
}