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

.hero-split {
    background: linear-gradient(135deg, var(--background-color) 0%, var(--surface-color) 100%);
    position: relative;
}

.hero-split::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: var(--surface-color);
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 0;
    opacity: 0.5;
}

.contact-section {
    background: var(--surface-color);
    position: relative;
    overflow: hidden;
}

.contact-section::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(180, 83, 9, 0.05) 0%, transparent 70%);
    z-index: 0;
}