@layer components {
    .marketing-feature-row {
            --marketing-feature-row-spacing: 2.5rem;
            border-top: 1px solid var(--dashboard-color-border);
            display: grid;
            gap: var(--marketing-feature-row-spacing);
            grid-template-columns: minmax(0, 1fr);
            padding: var(--marketing-feature-row-spacing);
        }

    .marketing-feature-row__media,
        .marketing-feature-row__copy {
            min-width: 0;
        }

    .marketing-feature-row__media .marketing-product-shot {
            width: 100%;
        }

    .marketing-feature-row__media .marketing-broker-list {
            margin-top: 0;
        }

    .marketing-feature-row__copy {
            align-content: start;
            display: grid;
            gap: 1rem;
        }

    .marketing-feature-row__copy h2 {
            color: var(--dashboard-color-text);
            font-size: clamp(1.75rem, 4vw, 2.75rem);
            font-weight: 760;
            letter-spacing: 0;
            line-height: 1.08;
        }

    .marketing-feature-row__copy p {
            color: var(--dashboard-color-text-muted);
            font-size: 1rem;
            font-weight: 500;
            line-height: 1.6;
        }

    .marketing-feature-row__copy a {
            color: var(--dashboard-color-brand);
            font-weight: 650;
            text-decoration: underline;
            text-underline-offset: 0.14em;
        }

    @media (min-width: 48rem) {
        .marketing-feature-row {
                    align-items: start;
                    grid-template-columns: minmax(25rem, 1.1fr) minmax(0, 0.9fr);
                }
    }

    @media (min-width: 48rem) {
        .marketing-feature-row--reverse {
                    grid-template-columns: minmax(0, 0.9fr) minmax(25rem, 1.1fr);
                }
    }

    @media (min-width: 48rem) {
        .marketing-feature-row--reverse .marketing-feature-row__media {
                    order: 2;
                }
    }

    @media (min-width: 48rem) {
        .marketing-feature-row--reverse .marketing-feature-row__copy {
                    order: 1;
                }
    }
}