/* Explain: Section rhythm and angular fitness backdrops */
.section-pad {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.bg-asphalt {
    background: var(--secondary-color);
}

.bg-white-strike {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 9%, transparent) 0 18%, transparent 18% 100%),
        var(--background-color);
}

.bg-neon-rush {
    background:
        radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--primary-color) 30%, transparent), transparent 28%),
        linear-gradient(145deg, var(--deep-black) 0%, var(--secondary-color) 100%);
}

.angle-top {
    clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
}

@media (min-width: 1024px) {
    .section-pad {
        padding-top: 6.75rem;
        padding-bottom: 6.75rem;
    }
}