@layer ds.block {
    .block-page-hero {
        position: relative;
        overflow: clip;
        border-bottom: 1px solid var(--color-border);
    }

    .page-hero__motif { position: absolute; right: var(--space-8); bottom: var(--space-5); width: 11rem; opacity: 0.32; color: var(--brand-sage); }

    .page-hero__inner { position: relative; display: flex; flex-direction: column; gap: var(--space-4); }

    .page-hero__eyebrow {
        margin: 0;
        display: inline-flex;
        align-items: center;
        gap: var(--space-3);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--tracking-wide);
        text-transform: uppercase;
        color: var(--color-secondary);
    }

    .page-hero__eyebrow-dash { width: 1.75rem; height: 2px; background: var(--color-primary); display: inline-block; flex-shrink: 0; }

    .page-hero__title { margin: 0; font-family: var(--font-display); font-weight: var(--font-weight-medium); font-size: var(--text-h1); color: var(--color-heading); }
    .page-hero__title .ds-accent { font-style: italic; font-weight: var(--font-weight-regular); color: var(--color-secondary); }

    .page-hero__lead { margin: 0; max-width: 56ch; font-size: var(--text-lead); line-height: var(--line-height-base); color: var(--color-text); }
}