@layer pages {
    .home-page {
        display: flex;
        min-block-size: 100vh;
        flex-direction: column;
    }

    .home-page main {
        flex: 1;
    }

    .home-services {
        border-block: var(--border-thin) solid var(--color-border);
        background: var(--color-surface-muted);
    }

    .home-services__layout {
        align-items: start;
    }

    .home-services h1 {
        font-size: var(--text-4xl);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--tracking-page-title);
        line-height: var(--leading-page-title);
    }

    .home-services__details {
        max-inline-size: 48ch;
    }

    .home-services__lead {
        color: var(--color-text-muted);
        font-size: var(--text-lg);
    }

    .home-services__note {
        padding-inline-start: var(--space-4);
        border-inline-start: var(--border-thick) solid var(--color-border-strong);
        color: var(--color-text-muted);
    }
}