/* Explain: Layout utilities for robust industrial sections */
.section-pad {
    padding-top: clamp(4.5rem, 8vw, 7rem);
    padding-bottom: clamp(4.5rem, 8vw, 7rem);
}

.hero-bg {
    background-color: var(--surface-color);
    background-image: radial-gradient(var(--border-color) 1px, transparent 1px);
    background-size: 24px 24px;
}

.contact-section {
    background: var(--surface-color);
}