@layer block {
    .curated-stories {
        padding-block: var(--space-8);
        padding-inline: max(var(--space-page-mobile), calc((100% - var(--content-max-width)) / 2));
        border-bottom: 1px solid var(--color-border);

        & .curated-stories__header {
            text-align: center;
        }

        & .curated-stories__eyebrow {
            font-family: var(--font-ui);
            font-size: var(--text-label-caps);
            font-weight: var(--weight-label);
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--color-accent);
        }

        & .curated-stories__heading {
            margin-top: var(--space-1);
            font-family: var(--font-display);
            font-size: var(--text-headline-md);
            font-weight: var(--weight-display);
            color: var(--color-ink);
            letter-spacing: -0.01em;
        }

        & .curated-stories__grid {
            margin-top: var(--space-6);
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr));
            column-gap: var(--space-6);
            row-gap: var(--space-5);

            & > * {
                padding-top: var(--space-4);
                border-top: 1px solid var(--color-border);
            }
        }

    }
}