/* Explain: Layout utilities for page structure and hero section effects. */
.section-pad {
    padding-top: clamp(4.5rem, 8vw, 7rem);
    padding-bottom: clamp(4.5rem, 8vw, 7rem);
}

.hero-shell {
    background-color: #0f172a;
}

.hero-bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-position: center;
    background-size: cover;
}

.hero-scrim {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.35), rgba(15, 23, 42, 0.55)),
        linear-gradient(90deg, rgba(15, 23, 42, 0.94) 0%, rgba(15, 23, 42, 0.78) 55%, rgba(15, 23, 42, 0.6) 100%);
}

.page-hero {
    background-color: #0f172a;
    background-image:
        radial-gradient(circle at 85% 10%, rgba(245, 158, 11, 0.18), transparent 24rem),
        linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
}