/* Explain: Editorial grid and section layout helpers for catering pages */
.process-line {
    position: relative;
}

.editorial-grid {
    background-image:
        linear-gradient(90deg, color-mix(in srgb, var(--navy-color) 8%, transparent) 1px, transparent 1px),
        linear-gradient(180deg, color-mix(in srgb, var(--navy-color) 8%, transparent) 1px, transparent 1px);
    background-size: 3.5rem 3.5rem;
}

.angled-media {
    clip-path: polygon(0 0, 92% 0, 100% 12%, 100% 100%, 8% 100%, 0 88%);
}

@media (min-width: 1024px) {
    .process-line::before {
        content: "";
        position: absolute;
        left: 8%;
        right: 8%;
        top: 3.5rem;
        height: 1px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--aqua-color) 54%, transparent), transparent);
    }

    .process-line > article {
        z-index: 1;
    }
}

@media (max-width: 640px) {
    .hero-cinematic h1 {
        text-wrap: balance;
    }

    .service-card,
    .photo-card {
        min-height: auto;
    }
}