/* Explain: App-specific layout utilities for sections and dividers. */
.hero-scrim {
    background:
        linear-gradient(180deg, rgba(18, 10, 30, 0.92) 0%, rgba(18, 10, 30, 0.66) 45%, rgba(18, 10, 30, 0.97) 100%),
        radial-gradient(85% 70% at 10% 30%, rgba(123, 45, 94, 0.55) 0%, rgba(18, 10, 30, 0) 72%);
}

.section-band {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (min-width: 768px) {
    .section-band {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.soft-divider {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, transparent, var(--border-color), transparent);
}