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

.bg-utility-light {
    background: linear-gradient(180deg, var(--white-color) 0%, var(--off-white) 100%);
}

.bg-utility-navy {
    background: linear-gradient(145deg, var(--navy-color) 0%, var(--navy-hover) 100%);
}

.bg-utility-grid {
    background-color: var(--off-white);
    background-image: linear-gradient(color-mix(in srgb, var(--navy-color) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--navy-color) 7%, transparent) 1px, transparent 1px);
    background-size: 28px 28px;
}

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