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

.diagonal-bg {
    position: relative;
    z-index: 1;
}

.diagonal-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0d0d0d;
    transform: skewY(-3deg);
    transform-origin: top left;
    z-index: -1;
}

.grid-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.contact-section {
    position: relative;
    background: 
        radial-gradient(circle at 100% 0%, rgba(230, 57, 70, 0.15) 0%, transparent 40%),
        var(--background-color);
}