/* ==========================================================================
   NextGen Produce — accents on top of the shared project shell
   (Projects/projects.css supplies the layout; this file only tints it.)
   ========================================================================== */

.project-produce {
    --project-accent: #e2703f;   /* ripe tomato / squash */
}

.project-produce .project-hero-media { --focus-y: 50%; }

.project-produce .project-hero::after {
    background: linear-gradient(180deg,
        rgba(15, 32, 22, 0.72) 0%,
        rgba(24, 36, 24, 0.30) 40%,
        rgba(15, 32, 22, 0.88) 100%);
}

.project-produce .project-feature::before {
    background:
        radial-gradient(38rem 26rem at 76% 30%, rgba(226, 112, 63, 0.20), transparent 66%),
        linear-gradient(180deg, rgba(238, 243, 236, 0.9), rgba(250, 248, 242, 0.4));
}

.project-produce .project-feature-list li::before {
    background: linear-gradient(140deg, #e2703f, var(--ngp-sage));
    box-shadow: 0 0 0 3px rgba(226, 112, 63, 0.2);
}

/* The crate cutout is dense and dark — a cooler pool keeps it from muddying */
.project-produce .project-feature-figure::before {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0) 66%);
}

.project-produce .project-feature-figure img { max-height: 28rem; }

@media (max-width: 900px) {
    .project-produce .project-feature-figure img { max-height: 19rem; }
}