.dt-section-heading[class] { align-items: end; gap: 1rem 1.5rem; }
.dt-section-heading[class] > div:first-child > span { color: var(--dt-color-text-muted); font-family: var(--dt-font-interface); font-size: var(--dt-text-xs); font-weight: var(--dt-weight-semibold); letter-spacing: .08em; text-transform: uppercase; }
.dt-section-heading[class] h2 { color: var(--dt-color-text); font-family: var(--dt-font-interface); font-size: clamp(1.2rem, 2.5vw, 1.5rem); font-weight: var(--dt-weight-semibold); letter-spacing: -.025em; line-height: 1.2; }
.dt-section-heading[class] p { font-size: var(--dt-text-sm); line-height: 1.5; max-width: 40rem; }
.dt-section-heading[class] .dt-section-heading__action { max-width: 100%; }
@container (max-width: 28rem) { .dt-section-heading[class] { align-items: start; flex-direction: column; } }