/* Explain: Layout utilities for airy one-page studio sections. */
.section-pad {
    padding-top: clamp(4.5rem, 9vw, 8rem);
    padding-bottom: clamp(4.5rem, 9vw, 8rem);
}

.page-hero {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border-color);
    background:
        radial-gradient(circle at 88% 8%, rgba(88, 129, 87, 0.16), transparent 26rem),
        linear-gradient(180deg, var(--secondary-color), var(--background-color));
    padding-top: clamp(7rem, 12vw, 9.5rem);
    padding-bottom: clamp(3.5rem, 7vw, 5rem);
}

.hero-scrim {
    background: linear-gradient(100deg, rgba(20, 33, 24, 0.94) 0%, rgba(25, 40, 29, 0.84) 45%, rgba(31, 46, 35, 0.46) 100%);
}

.band-soft {
    background: linear-gradient(180deg, var(--surface-color), var(--background-color));
}

.band-earth {
    background:
        radial-gradient(circle at 12% 12%, rgba(163, 177, 138, 0.22), transparent 26rem),
        linear-gradient(180deg, var(--footer-bg), var(--surface-color));
}