/* ── Le parc LP Charpente ── */

.page-hero-overlay--parc {
    background: linear-gradient(
        180deg,
        rgba(15, 12, 10, .2) 0%,
        rgba(15, 12, 10, .08) 40%,
        rgba(15, 12, 10, .68) 100%
    );
}

.page-hero--parc .page-hero-title,
.page-hero--parc .page-hero-sub {
    color: var(--white);
    text-shadow: 0 1px 12px rgba(0, 0, 0, .5);
}

.parc-strip {
    position: relative;
    z-index: 3;
    margin-top: -3rem;
    padding-bottom: .5rem;
}

.entreprise-secteur-block--infrastructures .section-label,
.entreprise-secteur-block--l-arny .section-label,
.entreprise-secteur-block--les-terres .section-label,
.entreprise-secteur-block--atouts .section-label {
    color: #5c4a32;
    background: #f5f0e8;
}

.entreprise-secteur-block--infrastructures .section-label::before,
.entreprise-secteur-block--l-arny .section-label::before,
.entreprise-secteur-block--les-terres .section-label::before,
.entreprise-secteur-block--atouts .section-label::before {
    background: #8b6914;
}

/* Médias : cadre strictement identique (ratio 16/10) sur toutes les sections */
.entreprise-secteur-block--infrastructures,
.entreprise-secteur-block--l-arny,
.entreprise-secteur-block--les-terres {
    --parc-media-ratio: 16 / 10;
}

/* Grille : média toujours 66 %, texte 34 %, même ligne */
.entreprise-secteur-block--infrastructures .entreprise-secteur-layout,
.entreprise-secteur-block--l-arny .entreprise-secteur-layout,
.entreprise-secteur-block--les-terres .entreprise-secteur-layout {
    grid-template-columns: minmax(0, 0.34fr) minmax(0, 0.66fr);
    grid-template-areas: "copy media";
    gap: 2.5rem;
    align-items: start;
}

.entreprise-secteur-block--l-arny .entreprise-secteur-layout.entreprise-secteur-layout--reverse {
    grid-template-columns: minmax(0, 0.66fr) minmax(0, 0.34fr);
    grid-template-areas: "media copy";
}

.entreprise-secteur-block--infrastructures .entreprise-secteur-copy,
.entreprise-secteur-block--l-arny .entreprise-secteur-copy,
.entreprise-secteur-block--les-terres .entreprise-secteur-copy {
    grid-area: copy;
    min-width: 0;
    order: unset;
}

.entreprise-secteur-block--infrastructures .entreprise-secteur-media,
.entreprise-secteur-block--l-arny .entreprise-secteur-media,
.entreprise-secteur-block--les-terres .entreprise-secteur-media {
    grid-area: media;
    min-width: 0;
    order: unset;
    width: 100%;
}

.entreprise-secteur-block--infrastructures .entreprise-carousel,
.entreprise-secteur-block--l-arny .entreprise-carousel,
.entreprise-secteur-block--les-terres .entreprise-carousel {
    width: 100%;
}

.entreprise-secteur-block--infrastructures .entreprise-carousel-viewport,
.entreprise-secteur-block--l-arny .entreprise-carousel-viewport,
.entreprise-secteur-block--les-terres .entreprise-carousel-viewport,
.entreprise-secteur-block--infrastructures .entreprise-secteur-single-img {
    width: 100%;
    aspect-ratio: var(--parc-media-ratio);
    height: auto;
}

.entreprise-secteur-block--infrastructures .entreprise-carousel-track,
.entreprise-secteur-block--l-arny .entreprise-carousel-track,
.entreprise-secteur-block--les-terres .entreprise-carousel-track {
    height: 100%;
}

.entreprise-secteur-block--infrastructures .entreprise-carousel-slide,
.entreprise-secteur-block--l-arny .entreprise-carousel-slide,
.entreprise-secteur-block--les-terres .entreprise-carousel-slide {
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    box-sizing: border-box;
}

.entreprise-secteur-block--infrastructures .entreprise-carousel-slide img,
.entreprise-secteur-block--l-arny .entreprise-carousel-slide img,
.entreprise-secteur-block--les-terres .entreprise-carousel-slide img,
.entreprise-secteur-block--infrastructures .entreprise-secteur-single-img img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    display: block;
}

.entreprise-secteur-block--infrastructures .entreprise-secteur-single-img {
    padding: 0;
    overflow: hidden;
}

/* Vignettes : même largeur (1/3 du carousel) */
.entreprise-secteur-block--l-arny .entreprise-secteur-thumbs,
.entreprise-secteur-block--les-terres .entreprise-secteur-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: .85rem;
}

.entreprise-secteur-block--l-arny .entreprise-secteur-thumb,
.entreprise-secteur-block--les-terres .entreprise-secteur-thumb {
    flex: 0 0 calc((100% - 1.3rem) / 3);
    max-width: calc((100% - 1.3rem) / 3);
    min-width: 0;
}

.entreprise-secteur-block--l-arny .entreprise-secteur-thumb img,
.entreprise-secteur-block--les-terres .entreprise-secteur-thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.entreprise-secteur-block--l-arny .entreprise-carousel-caption strong,
.entreprise-secteur-block--les-terres .entreprise-carousel-caption strong,
.entreprise-secteur-block--infrastructures .entreprise-secteur-single-caption strong {
    font-size: 1rem;
}

.entreprise-secteur-block--l-arny .entreprise-carousel-caption span,
.entreprise-secteur-block--les-terres .entreprise-carousel-caption span,
.entreprise-secteur-block--infrastructures .entreprise-secteur-single-caption span {
    font-size: .85rem;
}

/* 3 widgets : les 2 premiers côte à côte, le 3e en pleine largeur (style .feat inchangé) */
.entreprise-secteur-block--l-arny .entreprise-secteur-feats .feat:nth-child(3),
.entreprise-secteur-block--les-terres .entreprise-secteur-feats .feat:nth-child(3) {
    grid-column: 1 / -1;
}

@media (max-width: 960px) {
    .entreprise-secteur-block--infrastructures .entreprise-secteur-layout,
    .entreprise-secteur-block--l-arny .entreprise-secteur-layout,
    .entreprise-secteur-block--les-terres .entreprise-secteur-layout,
    .entreprise-secteur-block--l-arny .entreprise-secteur-layout.entreprise-secteur-layout--reverse {
        grid-template-columns: 1fr;
        grid-template-areas:
            "copy"
            "media";
    }

    .entreprise-secteur-block--l-arny .entreprise-secteur-thumb,
    .entreprise-secteur-block--les-terres .entreprise-secteur-thumb {
        flex: 0 0 calc((100% - 1.3rem) / 3);
        max-width: calc((100% - 1.3rem) / 3);
    }
}

@media (max-width: 640px) {

    .parc-strip {
        margin-top: -1.5rem;
    }

    .parc-strip .entreprise-kpi-bar {
        grid-template-columns: repeat(2, 1fr);
    }
}