/* Explain: Layout styles for hero section with background accents. */
.hero-band {
    position: relative;
    overflow: hidden;
}

.hero-band::before {
    position: absolute;
    top: -7rem;
    right: -8rem;
    width: 24rem;
    height: 24rem;
    content: '';
    border-radius: 999px;
    background: rgba(205, 163, 79, 0.15);
}

.hero-band::after {
    position: absolute;
    bottom: -10rem;
    left: -8rem;
    width: 22rem;
    height: 22rem;
    content: '';
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.04);
}

.hero-band > div {
    position: relative;
    z-index: 1;
}