/* Explain: Page layout, section styling, and full-page watermark. */
.section-pad {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

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

.bg-dark-strike {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--primary-color) 5%, 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;
    }
}

/* Full-page branded watermark */
body::after {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url('https://files.cdn-files-a.com/uploads/12416208/normal_6abfe70c21121.jpg?format=avif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: min(120vw, 58rem);
    opacity: 0.09;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 640px) {
    body::after {
        background-size: 130vw;
        opacity: 0.07;
    }
}