/* ==========================================================
   EXPERTISE BOIS
   ========================================================== */

.wood-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(4.5rem, 7vw, 7.5rem) 0;
    background:
        radial-gradient(circle at 82% 18%, rgb(220 177 102 / 22%), transparent 28rem),
        radial-gradient(circle at 4% 90%, rgb(184 121 20 / 10%), transparent 24rem),
        linear-gradient(120deg, #fffdf8 0%, #f8f0e3 48%, #e9d4b3 100%);
}

.wood-hero::before {
    content: "";
    position: absolute;
    width: 42rem;
    height: 42rem;
    top: -22rem;
    right: -9rem;
    border: 1px solid rgb(122 69 7 / 11%);
    border-radius: 50%;
    box-shadow:
        0 0 0 4rem rgb(122 69 7 / 3%),
        0 0 0 9rem rgb(122 69 7 / 2%);
    pointer-events: none;
}

.wood-hero__grain {
    position: absolute;
    inset: 0;
    opacity: 0.16;
    pointer-events: none;
    background-image:
        repeating-radial-gradient(
            ellipse at 10% 60%,
            transparent 0,
            transparent 18px,
            rgb(122 69 7 / 8%) 19px,
            transparent 20px
        );
    mask-image: linear-gradient(90deg, #000, transparent 56%);
}

.wood-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(25rem, 1.08fr);
    align-items: center;
    gap: clamp(3rem, 7vw, 7rem);
}

.wood-hero__content {
    max-width: 42rem;
}

.wood-hero__label {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.7rem;
    padding: 0.65rem 1rem 0.65rem 0.7rem;
    color: #5b3308;
    background: rgb(255 255 255 / 72%);
    border: 1px solid rgb(184 121 20 / 24%);
    border-radius: 999px;
    box-shadow: 0 0.5rem 1.5rem rgb(122 69 7 / 7%);
    backdrop-filter: blur(0.7rem);
}

.wood-hero__label-icon {
    width: 2.7rem;
    height: 2.7rem;
    display: grid;
    place-items: center;
    flex: none;
    color: #fff;
    background: linear-gradient(135deg, #c99038, #754106);
    border-radius: 50%;
}

.wood-hero__label-icon svg {
    width: 1.55rem;
}

.wood-hero__label > span:last-child {
    display: grid;
    line-height: 1.1;
}

.wood-hero__label strong {
    font-size: 0.92rem;
    letter-spacing: 0.02em;
}

.wood-hero__label small {
    margin-top: 0.25rem;
    color: #88643a;
    font-size: 0.67rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.wood-hero h1 {
    max-width: 45rem;
    margin: 0;
    color: #162033;
    font-size: clamp(2.65rem, 5vw, 5rem);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.wood-hero h1 span {
    display: block;
    margin-top: 0.12em;
    color: #9b6214;
}

.wood-hero__lead {
    max-width: 39rem;
    margin: 1.7rem 0 0;
    color: #596272;
    font-size: clamp(1.03rem, 1.5vw, 1.22rem);
    line-height: 1.75;
}

.wood-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 2rem;
}

.wood-button--primary {
    background: linear-gradient(135deg, #b77716, #7b4507);
    border-color: transparent;
    box-shadow: 0 0.75rem 1.8rem rgb(122 69 7 / 20%);
}

.wood-button--primary:hover {
    background: linear-gradient(135deg, #a7680f, #673704);
}

.wood-button--secondary {
    color: #633805;
    background: rgb(255 255 255 / 70%);
    border-color: rgb(122 69 7 / 22%);
}

.wood-hero__highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1.35rem;
    margin-top: 2.1rem;
    color: #6f573d;
    font-size: 0.83rem;
    font-weight: 700;
}

.wood-hero__highlights span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.wood-hero__highlights span::before {
    content: "";
    width: 0.42rem;
    height: 0.42rem;
    flex: none;
    background: #b87914;
    border-radius: 50%;
}

.wood-hero__visual {
    position: relative;
    min-height: 34rem;
}

.wood-hero__image-frame {
    position: absolute;
    inset: 0 2rem 0 0;
    overflow: hidden;
    background: #d5b27f;
    border: 0.55rem solid rgb(255 255 255 / 74%);
    border-radius: 3rem 1.25rem 3rem 1.25rem;
    box-shadow: 0 2rem 4rem rgb(69 42 13 / 20%);
}

.wood-hero__image-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 55%, rgb(36 23 8 / 17%)),
        linear-gradient(90deg, transparent 70%, rgb(255 219 164 / 12%));
    pointer-events: none;
}

.wood-hero__image-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wood-hero__detail {
    position: absolute;
    z-index: 3;
    right: -0.5rem;
    bottom: 1.5rem;
    width: clamp(9rem, 15vw, 12rem);
    aspect-ratio: 1;
    overflow: hidden;
    border: 0.4rem solid #fff8ed;
    border-radius: 50%;
    box-shadow: 0 1rem 2.5rem rgb(69 42 13 / 25%);
}

.wood-hero__detail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wood-hero__badge {
    position: absolute;
    z-index: 4;
    left: -2rem;
    bottom: 2rem;
    display: grid;
    padding: 1rem 1.3rem;
    color: #fff;
    background: rgb(86 49 7 / 91%);
    border: 1px solid rgb(255 255 255 / 24%);
    border-radius: 1rem;
    box-shadow: 0 1rem 2rem rgb(69 42 13 / 19%);
    backdrop-filter: blur(0.7rem);
}

.wood-hero__badge strong {
    font-size: 1rem;
}

.wood-hero__badge span {
    color: #f4d6a2;
    font-size: 0.78rem;
}


/* ==========================================================
   MISSIONS
   ========================================================== */

.wood-missions {
    padding: clamp(5rem, 8vw, 8rem) 0;
    background:
        linear-gradient(180deg, #fff 0%, #fffdf9 100%);
}

.wood-heading {
    max-width: 48rem;
    margin: 0 auto 3.5rem;
    text-align: center;
}

.wood-heading h2 {
    margin: 0.5rem 0 1rem;
    color: #172033;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.wood-heading h2 span {
    color: #a76913;
}

.wood-heading > p:last-child {
    max-width: 43rem;
    margin: 0 auto;
    color: var(--color-muted);
    font-size: 1.05rem;
}

.wood-missions__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.4rem;
}

.wood-mission-card {
    position: relative;
    min-height: 22rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: clamp(1.7rem, 3vw, 2.5rem);
    background: #fff;
    border: 1px solid #eadfce;
    border-radius: 1.6rem;
    box-shadow: 0 1rem 2.8rem rgb(78 50 18 / 8%);
    transition:
        transform var(--transition),
        box-shadow var(--transition),
        border-color var(--transition);
}

.wood-mission-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 0.35rem;
    background: linear-gradient(90deg, #c18832, #754106);
}

.wood-mission-card::after {
    content: "";
    position: absolute;
    width: 15rem;
    height: 15rem;
    right: -7rem;
    bottom: -8rem;
    background: radial-gradient(circle, rgb(184 121 20 / 12%), transparent 68%);
    border-radius: 50%;
    pointer-events: none;
}

.wood-mission-card:hover {
    transform: translateY(-0.35rem);
    border-color: #d7bc92;
    box-shadow: 0 1.4rem 3.3rem rgb(78 50 18 / 13%);
}

.wood-mission-card__icon {
    width: 4rem;
    height: 4rem;
    display: grid;
    place-items: center;
    margin-bottom: 1.5rem;
    background: #fff7e9;
    border: 1px solid #ecd4aa;
    border-radius: 1.1rem;
}

.wood-mission-card__icon img {
    width: 2.45rem;
    height: 2.45rem;
}

.wood-mission-card__number {
    position: absolute;
    top: 1.25rem;
    right: 1.5rem;
    color: rgb(122 69 7 / 10%);
    font-size: clamp(3.5rem, 7vw, 6.5rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.08em;
}

.wood-mission-card h3 {
    position: relative;
    margin: 0 0 0.85rem;
    color: #172033;
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    line-height: 1.15;
}

.wood-mission-card p {
    position: relative;
    max-width: 33rem;
    margin: 0 0 1.5rem;
    color: #5c6675;
}

.wood-mission-card__link {
    position: relative;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: auto;
    color: #8a5008;
    font-weight: 800;
    text-decoration: none;
}

.wood-mission-card__link span {
    transition: transform var(--transition);
}

.wood-mission-card__link:hover span {
    transform: translateX(0.3rem);
}


/* ==========================================================
   CTA
   ========================================================== */

.wood-contact {
    padding: clamp(3rem, 6vw, 5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 80% 15%, rgb(194 139 54 / 28%), transparent 24rem),
        linear-gradient(120deg, #4d2b06, #7c480b 55%, #9b6418);
}

.wood-contact__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.wood-contact .eyebrow {
    color: #f4d9ac;
}

.wood-contact h2 {
    margin: 0.35rem 0 0.65rem;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.05;
}

.wood-contact p:last-child {
    max-width: 43rem;
    margin: 0;
    color: #f1dfc5;
}

.wood-contact__button {
    flex: none;
    color: #5f3606;
    background: #fff;
    border-color: #fff;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 960px) {
    .wood-hero__grid {
        grid-template-columns: 1fr;
    }

    .wood-hero__content {
        max-width: 47rem;
    }

    .wood-hero__visual {
        min-height: 32rem;
        width: min(100%, 44rem);
        margin-inline: auto;
    }

    .wood-hero__badge {
        left: 1rem;
    }
}

@media (max-width: 720px) {
    .wood-hero {
        padding: 3.5rem 0 4rem;
    }

    .wood-hero h1 {
        font-size: clamp(2.4rem, 12vw, 3.6rem);
    }

    .wood-hero__actions {
        display: grid;
    }

    .wood-hero__actions .button {
        justify-content: center;
        width: 100%;
    }

    .wood-hero__visual {
        min-height: 26rem;
    }

    .wood-hero__image-frame {
        inset-right: 0;
        border-radius: 2rem 1rem 2rem 1rem;
    }

    .wood-hero__detail {
        right: -0.25rem;
        width: 8.5rem;
    }

    .wood-missions__grid {
        grid-template-columns: 1fr;
    }

    .wood-mission-card {
        min-height: 20rem;
    }

    .wood-contact__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .wood-contact__button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .wood-hero__label small {
        display: none;
    }

    .wood-hero__highlights {
        display: grid;
    }

    .wood-hero__visual {
        min-height: 22rem;
    }

    .wood-hero__detail {
        width: 7rem;
    }

    .wood-hero__badge {
        bottom: 1rem;
        left: 0.5rem;
        padding: 0.8rem 1rem;
    }

    .wood-mission-card__number {
        font-size: 4.5rem;
    }
}


/* ==========================================================
   CARTES - VERSION PLUS RICHE
   ========================================================== */

.wood-mission-card:nth-child(1) {
    background:
        radial-gradient(circle at 95% 5%, rgb(193 136 49 / 18%), transparent 11rem),
        linear-gradient(135deg, #fffaf0, #ffffff 68%);
}

.wood-mission-card:nth-child(2) {
    background:
        radial-gradient(circle at 95% 5%, rgb(163 94 21 / 18%), transparent 11rem),
        linear-gradient(135deg, #fff4df, #fffdf8 68%);
}

.wood-mission-card:nth-child(3) {
    background:
        radial-gradient(circle at 95% 5%, rgb(104 124 81 / 15%), transparent 11rem),
        linear-gradient(135deg, #f4f3e8, #ffffff 68%);
}

.wood-mission-card:nth-child(4) {
    background:
        radial-gradient(circle at 95% 5%, rgb(31 73 112 / 13%), transparent 11rem),
        linear-gradient(135deg, #f1f5f6, #fffaf2 70%);
}

.wood-mission-card__icon {
    width: 4.7rem;
    height: 4.7rem;
    color: #8b530c;
    background: linear-gradient(145deg, #fff, #f5e4c6);
    border: 1px solid #d9b477;
    box-shadow: 0 0.7rem 1.5rem rgb(104 65 17 / 10%);
}

.wood-mission-card__icon img {
    width: 2.8rem;
    height: 2.8rem;
}

.wood-mission-card__number {
    color: rgb(134 82 13 / 13%);
}


/* ==========================================================
   TITRES SECTIONS
   ========================================================== */

.wood-section-intro {
    margin-bottom: 2.4rem;
}

.wood-section-intro--center {
    max-width: 49rem;
    margin-inline: auto;
    margin-bottom: 3rem;
    text-align: center;
}

.wood-section-intro h2 {
    margin: 0.35rem 0 0;
    color: #172033;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.08;
    letter-spacing: -0.045em;
}

.wood-section-intro h2 span {
    color: #a56713;
}

.wood-section-intro > p:last-child {
    color: #69717d;
}


/* ==========================================================
   NOTRE APPROCHE
   ========================================================== */

.wood-process {
    padding: clamp(4rem, 7vw, 6.5rem) 0;
    background:
        linear-gradient(135deg, #fffdf8, #f6ead7);
    border-top: 1px solid #ead9bd;
    border-bottom: 1px solid #ead9bd;
}

.wood-process__track {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    background: rgb(255 255 255 / 78%);
    border: 1px solid #e6d2af;
    border-radius: 1.6rem;
    box-shadow: 0 1rem 2.8rem rgb(83 52 13 / 9%);
}

.wood-process__step {
    position: relative;
    min-height: 15rem;
    display: grid;
    grid-template-columns: auto 1fr;
    align-content: center;
    gap: 1rem;
    padding: 2rem 1.5rem;
}

.wood-process__step:not(:last-child) {
    border-right: 1px solid #e7d9c3;
}

.wood-process__number {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: rgb(151 92 15 / 13%);
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1;
}

.wood-process__icon {
    width: 3.8rem;
    height: 3.8rem;
    display: grid;
    place-items: center;
    color: #985d10;
    background: #f9ead0;
    border-radius: 1rem;
}

.wood-process__icon img {
    width: 2.5rem;
}

.wood-process h3 {
    margin: 0 0 0.4rem;
    color: #36200c;
    font-size: 1.15rem;
}

.wood-process p {
    margin: 0;
    color: #6d6256;
    font-size: 0.9rem;
    line-height: 1.55;
}


/* ==========================================================
   ENGAGEMENTS
   ========================================================== */

.wood-values {
    padding: 1.7rem 0;
    background: #fff;
}

.wood-values__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 1.5rem 1.2rem;
    background:
        linear-gradient(110deg, #fffaf0, #f8ead5, #fffaf1);
    border: 1px solid #ead7b7;
    border-radius: 1.4rem;
}

.wood-values article {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.7rem 1.3rem;
}

.wood-values article:not(:last-child) {
    border-right: 1px solid #d7b984;
}

.wood-values__icon {
    width: 3.3rem;
    flex: 0 0 3.3rem;
    color: #995e0d;
}

.wood-values__icon img {
    width: 100%;
}

.wood-values h3 {
    margin: 0 0 0.2rem;
    color: #3a250e;
    font-size: 1rem;
}

.wood-values p {
    margin: 0;
    color: #756651;
    font-size: 0.8rem;
    line-height: 1.45;
}


/* ==========================================================
   TERRAIN
   ========================================================== */

.wood-field {
    position: relative;
    overflow: hidden;
    padding: clamp(5rem, 8vw, 8rem) 0;
    background:
        radial-gradient(circle at 10% 50%, rgb(190 136 60 / 10%), transparent 25rem),
        linear-gradient(180deg, #fff 0%, #fcf7ee 100%);
}

.wood-field__grid {
    display: grid;
    grid-template-columns: 1.35fr 0.85fr;
    gap: 1.5rem;
}

.wood-field-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #eadbc5;
    border-radius: 1.7rem;
    box-shadow: 0 1rem 2.5rem rgb(70 44 15 / 10%);
}

.wood-field-card__image {
    height: 19rem;
    overflow: hidden;
}

.wood-field-card--large .wood-field-card__image {
    height: 23rem;
}

.wood-field-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease;
}

.wood-field-card:hover .wood-field-card__image img {
    transform: scale(1.025);
}

.wood-field-card__content {
    padding: 1.6rem 1.7rem 1.9rem;
}

.wood-field-card__content > span {
    color: #a26412;
    font-size: 0.77rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.wood-field-card h3 {
    margin: 0.45rem 0 0.7rem;
    color: #172033;
    font-size: 1.35rem;
    line-height: 1.15;
}

.wood-field-card p {
    margin: 0;
    color: #66707e;
}


/* ==========================================================
   RESPONSIVE - NOUVELLES SECTIONS
   ========================================================== */

@media (max-width: 960px) {
    .wood-process__track,
    .wood-values__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wood-process__step:nth-child(2) {
        border-right: 0;
    }

    .wood-process__step:nth-child(-n+2) {
        border-bottom: 1px solid #e7d9c3;
    }

    .wood-values article:nth-child(2) {
        border-right: 0;
    }

    .wood-values article:nth-child(-n+2) {
        border-bottom: 1px solid #d7b984;
    }

    .wood-field__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .wood-process__track,
    .wood-values__grid {
        grid-template-columns: 1fr;
    }

    .wood-process__step {
        min-height: auto;
        border-right: 0 !important;
        border-bottom: 1px solid #e7d9c3;
    }

    .wood-process__step:last-child {
        border-bottom: 0;
    }

    .wood-values article {
        border-right: 0 !important;
        border-bottom: 1px solid #d7b984;
    }

    .wood-values article:last-child {
        border-bottom: 0;
    }

    .wood-field-card__image,
    .wood-field-card--large .wood-field-card__image {
        height: 18rem;
    }
}


/* ==========================================================
   EXPERTISE BOIS - ENRICHISSEMENT VISUEL
   ========================================================== */


/* --- 4 CARTES : plus de personnalité --- */

.wood-mission-card:nth-child(1) {
    border-color: #e7bf78;
    background:
        radial-gradient(circle at 88% 18%, rgb(211 153 62 / 25%), transparent 9rem),
        linear-gradient(145deg, #fff6e5 0%, #fffdfa 72%);
}

.wood-mission-card:nth-child(2) {
    border-color: #dda969;
    background:
        radial-gradient(circle at 88% 18%, rgb(173 94 28 / 22%), transparent 9rem),
        linear-gradient(145deg, #ffefd9 0%, #fffaf4 72%);
}

.wood-mission-card:nth-child(3) {
    border-color: #bac8a4;
    background:
        radial-gradient(circle at 88% 18%, rgb(113 137 89 / 22%), transparent 9rem),
        linear-gradient(145deg, #edf2e4 0%, #fffdf8 72%);
}

.wood-mission-card:nth-child(4) {
    border-color: #aec4d4;
    background:
        radial-gradient(circle at 88% 18%, rgb(40 89 126 / 20%), transparent 9rem),
        linear-gradient(145deg, #eaf3f8 0%, #fffaf4 72%);
}

.wood-mission-card:nth-child(1)::before {
    background: linear-gradient(90deg, #d19427, #96600e);
}

.wood-mission-card:nth-child(2)::before {
    background: linear-gradient(90deg, #c67727, #7d430d);
}

.wood-mission-card:nth-child(3)::before {
    background: linear-gradient(90deg, #7f9b67, #526b43);
}

.wood-mission-card:nth-child(4)::before {
    background: linear-gradient(90deg, #3d759b, #17496d);
}


/* ==========================================================
   APPROCHE - 4 ETAPES COLOREES
   ========================================================== */

.wood-process {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 20%, rgb(205 150 60 / 13%), transparent 25rem),
        radial-gradient(circle at 90% 80%, rgb(19 75 116 / 8%), transparent 22rem),
        linear-gradient(135deg, #fffaf1 0%, #f4e5cd 100%);
}

.wood-process__track {
    gap: 0;
    background: #fff;
}

.wood-process__step:nth-child(1) {
    background: linear-gradient(145deg, #fff5df, #fff);
}

.wood-process__step:nth-child(2) {
    background: linear-gradient(145deg, #f9ead7, #fff);
}

.wood-process__step:nth-child(3) {
    background: linear-gradient(145deg, #eef2e6, #fff);
}

.wood-process__step:nth-child(4) {
    background: linear-gradient(145deg, #eaf2f7, #fff);
}

.wood-process__step:nth-child(1) .wood-process__icon {
    color: #9b600c;
    background: #f7ddb0;
}

.wood-process__step:nth-child(2) .wood-process__icon {
    color: #9a4e13;
    background: #f1cfaa;
}

.wood-process__step:nth-child(3) .wood-process__icon {
    color: #60794d;
    background: #dce7ce;
}

.wood-process__step:nth-child(4) .wood-process__icon {
    color: #285d82;
    background: #d8e8f2;
}

.wood-process__step::after {
    content: "";
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 4rem;
    height: 4rem;
    border: 1px solid rgb(128 82 22 / 7%);
    border-radius: 50%;
}


/* ==========================================================
   ENGAGEMENTS : vrai bandeau
   ========================================================== */

.wood-values {
    padding: 2.2rem 0;
    background:
        linear-gradient(110deg, #7a470d 0%, #a66a18 48%, #c28a36 100%);
}

.wood-values__grid {
    padding: 1.6rem;
    color: #fff;
    background: rgb(255 255 255 / 9%);
    border: 1px solid rgb(255 255 255 / 20%);
    box-shadow: none;
    backdrop-filter: blur(0.4rem);
}

.wood-values article:not(:last-child) {
    border-color: rgb(255 255 255 / 24%);
}

.wood-values__icon {
    color: #ffe3ad;
}

.wood-values h3 {
    color: #fff;
}

.wood-values p {
    color: #f8e9cf;
}


/* ==========================================================
   BANDEAU SIGNATURE
   ========================================================== */

.wood-signature {
    position: relative;
    padding: clamp(3rem, 5vw, 4.5rem) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 3% 50%, rgb(173 107 22 / 12%), transparent 19rem),
        linear-gradient(120deg, #fffaf0, #f4e2c7);
}

.wood-signature::after {
    content: "";
    position: absolute;
    width: 20rem;
    height: 20rem;
    top: -12rem;
    right: 30%;
    border: 1px solid rgb(151 91 13 / 10%);
    border-radius: 50%;
}

.wood-signature__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 0.7fr 1.5fr 1.25fr;
    align-items: center;
    gap: clamp(2rem, 4vw, 4rem);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: rgb(255 255 255 / 72%);
    border: 1px solid #e4cda8;
    border-radius: 1.8rem;
    box-shadow: 0 1rem 2.8rem rgb(74 44 12 / 10%);
    backdrop-filter: blur(0.6rem);
}

.wood-signature__brand {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wood-signature__brand > div:last-child {
    display: grid;
    line-height: 0.95;
}

.wood-signature__brand strong:first-child {
    color: #172033;
    font-size: clamp(1.2rem, 2vw, 1.65rem);
}

.wood-signature__brand strong:last-child {
    margin-top: 0.35rem;
    color: #b47717;
    font-size: clamp(1.6rem, 2.8vw, 2.4rem);
}

.wood-signature__disc {
    position: relative;
    width: 5.5rem;
    aspect-ratio: 1;
    flex: none;
    display: grid;
    place-items: center;
    background:
        repeating-radial-gradient(
            circle,
            #7d480e 0 2px,
            #c99144 3px 5px,
            #e2b877 6px 8px
        );
    border: 0.35rem solid #f2dfbe;
    border-radius: 50%;
    box-shadow: 0 0.8rem 1.7rem rgb(77 45 11 / 18%);
}

.wood-signature__disc::after {
    content: "";
    position: absolute;
    width: 120%;
    height: 2px;
    background: #a86612;
    transform: rotate(-12deg);
}

.wood-signature__content h2 {
    margin: 0.25rem 0 0.8rem;
    color: #1a2230;
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.wood-signature__content > p:not(.eyebrow) {
    margin: 0;
    color: #625d55;
    font-size: 0.94rem;
}

.wood-signature__points {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.wood-signature__points span {
    padding: 0.35rem 0.7rem;
    color: #79501e;
    background: #f8ead4;
    border: 1px solid #e5c99f;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 750;
}

.wood-signature__gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    height: 10rem;
    overflow: hidden;
    border-radius: 1.2rem;
}

.wood-signature__gallery figure {
    position: relative;
    min-width: 0;
    margin: 0;
    overflow: hidden;
}

.wood-signature__gallery figure + figure {
    border-left: 0.2rem solid #fff;
}

.wood-signature__gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ==========================================================
   TERRAIN : GRANDE RUPTURE BLEU PROFOND
   ========================================================== */

.wood-field {
    color: #fff;
    background:
        radial-gradient(circle at 14% 20%, rgb(201 145 60 / 18%), transparent 27rem),
        radial-gradient(circle at 90% 80%, rgb(52 112 154 / 18%), transparent 30rem),
        linear-gradient(130deg, #071f3b 0%, #0b3457 56%, #123e5d 100%);
}

.wood-field .eyebrow {
    color: #efbd67;
}

.wood-field .wood-section-intro h2 {
    color: #fff;
}

.wood-field .wood-section-intro h2 span {
    color: #efb954;
}

.wood-field .wood-section-intro > p:last-child {
    color: #d5e0e8;
}

.wood-field-card {
    background: rgb(255 255 255 / 96%);
    border-color: rgb(255 255 255 / 14%);
    box-shadow: 0 1.5rem 3rem rgb(0 0 0 / 18%);
}

.wood-field-card:first-child {
    transform: translateY(0.7rem);
}

.wood-field-card__content {
    position: relative;
}

.wood-field-card__content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.7rem;
    width: 4rem;
    height: 0.22rem;
    background: linear-gradient(90deg, #d89935, #83500e);
}

.wood-field-card h3 {
    color: #142338;
}

.wood-field-card p {
    color: #5c6875;
}


/* ==========================================================
   RESPONSIVE SIGNATURE
   ========================================================== */

@media (max-width: 960px) {
    .wood-signature__inner {
        grid-template-columns: 1fr 2fr;
    }

    .wood-signature__gallery {
        grid-column: 1 / -1;
        height: 14rem;
    }
}

@media (max-width: 640px) {
    .wood-signature__inner {
        grid-template-columns: 1fr;
    }

    .wood-signature__brand {
        justify-content: center;
    }

    .wood-signature__content {
        text-align: center;
    }

    .wood-signature__points {
        justify-content: center;
    }

    .wood-signature__gallery {
        grid-column: auto;
        height: 10rem;
    }
}


/* ==========================================================
   CORRECTIONS VISUELLES - BANDEAU ENGAGEMENTS
   ========================================================== */

.wood-values {
    padding: 2.4rem 0;
    background: linear-gradient(135deg, #9a6317 0%, #b57922 50%, #9f6618 100%);
}

.wood-values__grid {
    padding: 0;
    overflow: hidden;
    background: rgb(255 255 255 / 10%);
    border: 1px solid rgb(255 255 255 / 28%);
    border-radius: 1.6rem;
    box-shadow: 0 1rem 2.8rem rgb(69 39 7 / 18%);
    backdrop-filter: blur(0.4rem);
}

.wood-values article {
    gap: 1.15rem;
    padding: 2rem 1.7rem;
    min-height: 8.5rem;
}

.wood-values article:not(:last-child) {
    border-color: rgb(255 255 255 / 18%);
}

.wood-values__icon {
    width: 3.5rem;
    flex: 0 0 3.5rem;
    color: #1d1408;
}

.wood-values h3 {
    margin: 0 0 0.35rem;
    color: #ffffff;
    font-size: 1.08rem;
    font-weight: 800;
}

.wood-values p {
    margin: 0;
    color: #fff3db;
    font-size: 0.92rem;
    line-height: 1.55;
}


/* ==========================================================
   BANDEAU CONTACT BAS
   ========================================================== */

.wood-bottom-bar {
    padding: 1rem 0 1.35rem;
    background: #f7f1e7;
}

.wood-bottom-bar__inner {
    display: grid;
    grid-template-columns: 1.5fr repeat(3, 1fr) auto;
    align-items: center;
    gap: 0;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #c8923d 0%, #b77a20 48%, #c8923d 100%);
    border: 1px solid #d7ab69;
    border-radius: 1.35rem;
    box-shadow: 0 0.8rem 2rem rgb(110 66 12 / 14%);
}

.wood-bottom-bar__intro,
.wood-bottom-bar__item {
    padding: 1.15rem 1.35rem;
}

.wood-bottom-bar__intro strong,
.wood-bottom-bar__item strong {
    display: block;
    color: #fff;
    font-size: 1rem;
    line-height: 1.25;
}

.wood-bottom-bar__intro p,
.wood-bottom-bar__item small {
    display: block;
    margin-top: 0.22rem;
    color: #fff3db;
    font-size: 0.9rem;
    line-height: 1.45;
}

.wood-bottom-bar__item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    border-left: 1px solid rgb(255 255 255 / 18%);
}

.wood-bottom-bar__icon {
    width: 2.9rem;
    height: 2.9rem;
    display: grid;
    place-items: center;
    flex: none;
    color: #a16612;
    background: #fff;
    border-radius: 50%;
    font-size: 1.2rem;
    font-weight: 700;
}

.wood-bottom-bar__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    margin: 0 1rem;
    padding: 0.95rem 1.5rem;
    color: #7b4a0d;
    background: #fff;
    border: 1px solid #f2dec1;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.wood-bottom-bar__button:hover {
    background: #fff8ef;
}

@media (max-width: 1100px) {
    .wood-bottom-bar__inner {
        grid-template-columns: 1fr 1fr;
    }

    .wood-bottom-bar__item,
    .wood-bottom-bar__button {
        border-left: 0;
        border-top: 1px solid rgb(255 255 255 / 16%);
    }

    .wood-bottom-bar__button {
        margin: 0;
        border-radius: 0;
        padding: 1.2rem 1.4rem;
        width: 100%;
    }
}

@media (max-width: 720px) {
    .wood-bottom-bar__inner {
        grid-template-columns: 1fr;
    }

    .wood-bottom-bar__intro,
    .wood-bottom-bar__item,
    .wood-bottom-bar__button {
        border-top: 1px solid rgb(255 255 255 / 16%);
    }

    .wood-bottom-bar__intro {
        border-top: 0;
    }

    .wood-bottom-bar__button {
        border-radius: 0;
    }
}

/* Alignement des cartes terrain */

.wood-field__grid {
    align-items: stretch;
}

.wood-field-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.wood-field-card__image,
.wood-field-card--large .wood-field-card__image {
    height: 20rem;
    flex: 0 0 20rem;
}

.wood-field-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.wood-field-card__content p {
    margin-bottom: 0;
}

@media (max-width: 960px) {
    .wood-field-card__image,
    .wood-field-card--large .wood-field-card__image {
        height: 20rem;
        flex-basis: 20rem;
    }
}

@media (max-width: 640px) {
    .wood-field-card__image,
    .wood-field-card--large .wood-field-card__image {
        height: 18rem;
        flex-basis: 18rem;
    }
}


/* ==========================================================
   BANDEAU CONTACT BAS - VERSION REVISEE
   ========================================================== */

.wood-bottom-bar {
    padding: 1.1rem 0 1.5rem;
    background: #f7f1e7;
}

.wood-bottom-bar__inner {
    display: grid;
    grid-template-columns: 1.35fr 0.95fr 1.45fr 1fr auto;
    align-items: stretch;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(90deg, #c89139 0%, #b87a1e 48%, #c89139 100%);
    border: 1px solid #d6aa69;
    border-radius: 1.5rem;
    box-shadow: 0 0.85rem 2rem rgb(95 57 10 / 14%);
}

.wood-bottom-bar__intro,
.wood-bottom-bar__item,
.wood-bottom-bar__action {
    min-height: 110px;
}

.wood-bottom-bar__intro,
.wood-bottom-bar__item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem 1.25rem;
}

.wood-bottom-bar__item,
.wood-bottom-bar__action {
    border-left: 1px solid rgb(255 255 255 / 18%);
}

.wood-bottom-bar__intro strong,
.wood-bottom-bar__item strong {
    display: block;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 800;
}

.wood-bottom-bar__intro small,
.wood-bottom-bar__item small {
    display: block;
    margin-top: 0.3rem;
    color: #fff2d8;
    font-size: 0.92rem;
    line-height: 1.45;
}

.wood-bottom-bar__icon {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    flex: 0 0 3rem;
    color: #a76a12;
    background: #fff;
    border-radius: 50%;
    font-size: 1.15rem;
    font-weight: 800;
    box-shadow: 0 0.3rem 0.8rem rgb(0 0 0 / 8%);
}

.wood-bottom-bar__action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.15rem;
}

.wood-bottom-bar__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    min-height: 54px;
    padding: 0.95rem 1.45rem;
    color: #7b4a0d;
    background: #fff;
    border: 1px solid #f0dcc0;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.wood-bottom-bar__button:hover {
    background: #fff8ef;
}

@media (max-width: 1200px) {
    .wood-bottom-bar__inner {
        grid-template-columns: 1fr 1fr;
    }

    .wood-bottom-bar__item,
    .wood-bottom-bar__action {
        border-left: 0;
        border-top: 1px solid rgb(255 255 255 / 16%);
    }

    .wood-bottom-bar__action {
        justify-content: stretch;
    }

    .wood-bottom-bar__button {
        width: 100%;
    }
}

@media (max-width: 720px) {
    .wood-bottom-bar__inner {
        grid-template-columns: 1fr;
    }

    .wood-bottom-bar__intro,
    .wood-bottom-bar__item,
    .wood-bottom-bar__action {
        min-height: auto;
        border-top: 1px solid rgb(255 255 255 / 16%);
    }

    .wood-bottom-bar__intro {
        border-top: 0;
    }

    .wood-bottom-bar__button {
        width: 100%;
    }
}

/* ==========================================================
   CORRECTION DEFINITIVE ALIGNEMENT CARTES TERRAIN
   ========================================================== */

.wood-field-card:first-child {
    transform: none;
}

.wood-field__grid {
    align-items: stretch;
}

.wood-field-card {
    align-self: stretch;
    height: 100%;
}


/* ==========================================================
   BANDEAU CONTACT - VERSION FINE ET HORIZONTALE
   ========================================================== */

.wood-bottom-bar {
    padding: 0.8rem 0 1rem;
    background: #f8f3eb;
}

.wood-bottom-bar__inner {
    display: grid;
    grid-template-columns: 1.55fr 1fr 1.45fr 1fr 1.3fr;
    align-items: center;
    min-height: 74px;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(90deg, #cf9638 0%, #b77718 55%, #ad6d13 100%);
    border: 1px solid #d2a25b;
    border-radius: 1.1rem;
    box-shadow: 0 0.5rem 1.4rem rgb(91 53 8 / 13%);
}

.wood-bottom-bar__intro,
.wood-bottom-bar__item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
}

.wood-bottom-bar__item,
.wood-bottom-bar__action {
    border-left: 1px solid rgb(255 255 255 / 22%);
}

.wood-bottom-bar__intro strong,
.wood-bottom-bar__item strong {
    display: block;
    margin: 0;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.25;
}

.wood-bottom-bar__intro small,
.wood-bottom-bar__item small {
    display: block;
    margin-top: 0.12rem;
    color: #fff4df;
    font-size: 0.73rem;
    line-height: 1.3;
}

.wood-bottom-bar__icon {
    width: 2.55rem;
    height: 2.55rem;
    display: grid;
    place-items: center;
    flex: 0 0 2.55rem;
    color: #9e620c;
    background: #fff;
    border-radius: 50%;
}

.wood-bottom-bar__icon svg {
    width: 1.35rem;
    height: 1.35rem;
}

.wood-bottom-bar__action {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    padding: 0.65rem 0.9rem;
}

.wood-bottom-bar__button {
    width: 100%;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    margin: 0;
    padding: 0.7rem 1rem;
    color: #714307;
    background: #fff;
    border: 0;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.wood-bottom-bar__button:hover {
    background: #fff8ed;
}

@media (max-width: 1050px) {
    .wood-bottom-bar__inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .wood-bottom-bar__action {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .wood-bottom-bar__inner {
        grid-template-columns: 1fr;
    }

    .wood-bottom-bar__item,
    .wood-bottom-bar__action {
        border-left: 0;
        border-top: 1px solid rgb(255 255 255 / 20%);
    }

    .wood-bottom-bar__action {
        grid-column: auto;
    }
}

/* ==========================================================
   EXPERTISE BOIS - VERSION PLUS COMPACTE
   ========================================================== */

/* Hero légèrement moins haut */
.wood-hero {
    padding-top: clamp(3rem, 5vw, 4.5rem);
    padding-bottom: clamp(3rem, 5vw, 4.5rem);
}

.wood-hero__visual {
    min-height: 29rem;
}


/* 4 cartes */
.wood-missions {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
}

.wood-heading {
    margin-bottom: 2.2rem;
}

.wood-mission-card {
    min-height: 18rem;
    padding: 1.6rem 1.8rem;
}

.wood-mission-card__icon {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
}

.wood-mission-card__icon img {
    width: 2.4rem;
    height: 2.4rem;
}


/* Notre approche */
.wood-process {
    padding: clamp(2.8rem, 4vw, 4rem) 0;
}

.wood-section-intro {
    margin-bottom: 1.6rem;
}

.wood-process__step {
    min-height: 11rem;
    padding: 1.5rem 1.3rem;
}

.wood-process__icon {
    width: 3.3rem;
    height: 3.3rem;
}

.wood-process__icon img {
    width: 2.15rem;
}


/* Engagements */
.wood-values {
    padding: 1.2rem 0;
}

.wood-values__grid {
    border-radius: 1.2rem;
}

.wood-values article {
    min-height: 6.5rem;
    padding: 1.15rem 1.25rem;
}

.wood-values__icon {
    width: 2.9rem;
    flex-basis: 2.9rem;
}


/* Bandeau présentation Expertise Bois */
.wood-signature {
    padding: clamp(2rem, 3vw, 3rem) 0;
}

.wood-signature__inner {
    padding: 1.5rem 1.7rem;
}

.wood-signature__gallery {
    height: 8rem;
}

.wood-signature__disc {
    width: 4.7rem;
}


/* Expertise terrain */
.wood-field {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
}

.wood-field .wood-section-intro--center {
    margin-bottom: 2rem;
}

.wood-field-card__image,
.wood-field-card--large .wood-field-card__image {
    height: 17rem;
    flex-basis: 17rem;
}

.wood-field-card__content {
    padding: 1.3rem 1.5rem 1.5rem;
}


/* Bandeau contact bas */
.wood-bottom-bar {
    padding: 0.55rem 0 0.8rem;
}

.wood-bottom-bar__inner {
    min-height: 64px;
}

.wood-bottom-bar__intro,
.wood-bottom-bar__item {
    padding: 0.6rem 0.85rem;
}

.wood-bottom-bar__icon {
    width: 2.35rem;
    height: 2.35rem;
    flex-basis: 2.35rem;
}

.wood-bottom-bar__action {
    padding: 0.5rem 0.75rem;
}

.wood-bottom-bar__button {
    min-height: 38px;
    padding: 0.6rem 0.9rem;
}


/* Mobile */
@media (max-width: 720px) {
    .wood-hero {
        padding: 2.5rem 0 3rem;
    }

    .wood-hero__visual {
        min-height: 22rem;
    }

    .wood-missions,
    .wood-field {
        padding: 3rem 0;
    }

    .wood-process {
        padding: 2.5rem 0;
    }

    .wood-process__step {
        min-height: auto;
    }

    .wood-field-card__image,
    .wood-field-card--large .wood-field-card__image {
        height: 15rem;
        flex-basis: 15rem;
    }
}


/* ==========================================================
   PAGE DETAIL - DIAGNOSTICS & EXPERTISES
   ========================================================== */

.wood-detail-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background:
        radial-gradient(circle at 82% 20%, rgb(188 132 46 / 20%), transparent 25rem),
        linear-gradient(120deg, #fffdf8, #f6ead7);
}

.wood-detail-hero__grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: clamp(3rem, 6vw, 6rem);
}

.wood-detail-back {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 1.3rem;
    color: #8b550d;
    font-size: 0.86rem;
    font-weight: 800;
    text-decoration: none;
}

.wood-detail-hero h1 {
    margin: 0.45rem 0 1.2rem;
    color: #172033;
    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

.wood-detail-hero h1 span {
    display: block;
    color: #a96913;
}

.wood-detail-hero__lead {
    max-width: 40rem;
    margin: 0;
    color: #5e6875;
    font-size: 1.08rem;
}

.wood-detail-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1.8rem;
}

.wood-detail-hero__visual {
    position: relative;
    height: 27rem;
    overflow: hidden;
    border: 0.4rem solid rgb(255 255 255 / 78%);
    border-radius: 2rem 1rem 2rem 1rem;
    box-shadow: 0 1.7rem 3.5rem rgb(72 45 13 / 18%);
}

.wood-detail-hero__visual > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wood-detail-hero__badge {
    position: absolute;
    left: 1.2rem;
    bottom: 1.2rem;
    display: grid;
    padding: 0.75rem 1rem;
    color: #fff;
    background: rgb(75 43 8 / 88%);
    border-radius: 0.8rem;
    backdrop-filter: blur(0.5rem);
}

.wood-detail-hero__badge span {
    color: #f3d5a1;
    font-size: 0.75rem;
}


/* Missions */

.wood-detail-missions {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background: #fff;
}

.wood-detail-missions__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.wood-detail-mission {
    position: relative;
    min-height: 15.5rem;
    padding: 1.5rem;
    overflow: hidden;
    background: linear-gradient(145deg, #fff8ea, #fff);
    border: 1px solid #ead3ad;
    border-radius: 1.25rem;
}

.wood-detail-mission:nth-child(2) {
    background: linear-gradient(145deg, #f6ead7, #fff);
}

.wood-detail-mission:nth-child(3) {
    background: linear-gradient(145deg, #eef3e8, #fff);
}

.wood-detail-mission:nth-child(4) {
    background: linear-gradient(145deg, #eaf2f7, #fff);
}

.wood-detail-mission__number {
    position: absolute;
    top: 0.8rem;
    right: 1rem;
    color: rgb(143 89 15 / 13%);
    font-size: 3rem;
    font-weight: 900;
}

.wood-detail-mission__icon {
    width: 3.4rem;
    height: 3.4rem;
    display: grid;
    place-items: center;
    margin-bottom: 1rem;
    background: #fff;
    border-radius: 0.85rem;
}

.wood-detail-mission__icon img {
    width: 2.1rem;
}

.wood-detail-mission h3 {
    margin: 0 0 0.55rem;
    color: #1c2635;
    font-size: 1.1rem;
}

.wood-detail-mission p {
    margin: 0;
    color: #64707d;
    font-size: 0.9rem;
}


/* Relevés */

.wood-detail-field {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 15% 20%, rgb(199 145 61 / 17%), transparent 25rem),
        linear-gradient(130deg, #082441, #0d3c61);
}

.wood-detail-field__grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: clamp(2.5rem, 5vw, 5rem);
}

.wood-detail-field__visual {
    height: 22rem;
    overflow: hidden;
    border-radius: 1.5rem;
    box-shadow: 0 1.2rem 2.5rem rgb(0 0 0 / 20%);
}

.wood-detail-field__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wood-detail-field__content .eyebrow {
    color: #efbd68;
}

.wood-detail-field__content h2 {
    margin: 0.4rem 0 1rem;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.05;
}

.wood-detail-field__content > p {
    color: #d4e1e9;
}

.wood-detail-checks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65rem;
    margin-top: 1.5rem;
}

.wood-detail-checks span {
    padding: 0.7rem 0.85rem;
    color: #f8ead1;
    background: rgb(255 255 255 / 8%);
    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: 0.7rem;
    font-size: 0.82rem;
}


/* Plans */

.wood-detail-plan {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background: linear-gradient(135deg, #fffdf8, #f8efe1);
}

.wood-detail-plan__grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: clamp(2.5rem, 5vw, 5rem);
}

.wood-detail-plan__content h2 {
    margin: 0.4rem 0 1rem;
    color: #172033;
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.05;
}

.wood-detail-plan__content h2 span {
    color: #a86812;
}

.wood-detail-plan__content > p {
    color: #64707d;
}

.wood-detail-plan__points {
    display: grid;
    gap: 0.65rem;
    margin-top: 1.4rem;
}

.wood-detail-plan__points article {
    padding: 0.85rem 1rem;
    background: rgb(255 255 255 / 80%);
    border-left: 0.22rem solid #b77a1c;
    border-radius: 0 0.75rem 0.75rem 0;
}

.wood-detail-plan__points strong,
.wood-detail-plan__points span {
    display: block;
}

.wood-detail-plan__points span {
    margin-top: 0.2rem;
    color: #6b7178;
    font-size: 0.84rem;
}

.wood-detail-plan__image {
    height: 24rem;
    overflow: hidden;
    border-radius: 1.5rem;
    box-shadow: 0 1rem 2.5rem rgb(87 54 15 / 12%);
}

.wood-detail-plan__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Points observés */

.wood-detail-observe {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background: #fff;
}

.wood-detail-observe__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.9rem;
}

.wood-detail-observe__grid article {
    padding: 1.2rem 1.3rem;
    background: linear-gradient(145deg, #fff9ee, #fff);
    border: 1px solid #eadac2;
    border-radius: 1rem;
}

.wood-detail-observe__grid strong,
.wood-detail-observe__grid span {
    display: block;
}

.wood-detail-observe__grid strong {
    color: #795018;
}

.wood-detail-observe__grid span {
    margin-top: 0.25rem;
    color: #65707b;
    font-size: 0.86rem;
}


/* Structure */

.wood-detail-structure {
    padding: clamp(2.5rem, 4vw, 3.5rem) 0;
    background: #f5ead8;
}

.wood-detail-structure__inner {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    align-items: center;
    gap: 2rem;
    padding: 1.5rem;
    background: rgb(255 255 255 / 70%);
    border: 1px solid #e3cda9;
    border-radius: 1.4rem;
}

.wood-detail-structure h2 {
    margin: 0.3rem 0 0.7rem;
    color: #182234;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.wood-detail-structure p:last-child {
    margin: 0;
    color: #646d77;
}

.wood-detail-structure img {
    width: 100%;
    height: 12rem;
    object-fit: cover;
    border-radius: 1rem;
}


/* CTA */

.wood-detail-cta {
    padding: clamp(2.5rem, 4vw, 3.5rem) 0;
    color: #fff;
    background: linear-gradient(120deg, #85500d, #b5781d);
}

.wood-detail-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.wood-detail-cta .eyebrow {
    color: #f8ddb0;
}

.wood-detail-cta h2 {
    margin: 0.3rem 0 0.5rem;
    color: #fff;
    font-size: clamp(1.9rem, 4vw, 3rem);
}

.wood-detail-cta p:last-child {
    margin: 0;
    color: #f8e8cf;
}

.wood-detail-cta__button {
    flex: none;
    color: #7b4909;
    background: #fff;
    border-color: #fff;
}


/* Responsive */

@media (max-width: 960px) {
    .wood-detail-hero__grid,
    .wood-detail-field__grid,
    .wood-detail-plan__grid,
    .wood-detail-structure__inner {
        grid-template-columns: 1fr;
    }

    .wood-detail-missions__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wood-detail-observe__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wood-detail-hero__visual {
        height: 25rem;
    }

    .wood-detail-plan__image {
        order: -1;
    }
}

@media (max-width: 640px) {
    .wood-detail-hero {
        padding: 2.5rem 0 3rem;
    }

    .wood-detail-hero__actions {
        display: grid;
    }

    .wood-detail-hero__actions .button {
        width: 100%;
        justify-content: center;
    }

    .wood-detail-hero__visual,
    .wood-detail-field__visual,
    .wood-detail-plan__image {
        height: 18rem;
    }

    .wood-detail-missions__grid,
    .wood-detail-observe__grid,
    .wood-detail-checks {
        grid-template-columns: 1fr;
    }

    .wood-detail-mission {
        min-height: auto;
    }

    .wood-detail-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .wood-detail-cta__button {
        width: 100%;
        justify-content: center;
    }
}

/* ==========================================================
   HERO DIAGNOSTICS - VERSION BLEU PROFOND
   ========================================================== */

.wood-detail-hero--diagnostic {
    padding: clamp(3rem, 4vw, 4.5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 18% 18%, rgb(197 145 63 / 17%), transparent 23rem),
        radial-gradient(circle at 92% 82%, rgb(33 99 143 / 22%), transparent 25rem),
        linear-gradient(125deg, #071d35 0%, #0a3151 56%, #103f60 100%);
}

.wood-detail-hero__grid--reverse {
    grid-template-columns: 1.1fr 0.9fr;
}

.wood-detail-hero__visual--diagnostic {
    height: 27rem;
    border: 0.35rem solid rgb(255 255 255 / 13%);
    box-shadow: 0 1.8rem 3.8rem rgb(0 0 0 / 28%);
}

.wood-detail-hero__visual--diagnostic::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 55%, rgb(4 20 34 / 35%)),
        linear-gradient(90deg, rgb(8 37 61 / 10%), transparent 55%);
    pointer-events: none;
}

.wood-detail-hero__visual-label {
    position: absolute;
    z-index: 2;
    left: 1.2rem;
    bottom: 1.2rem;
    display: grid;
    padding: 0.75rem 1rem;
    color: #fff;
    background: rgb(5 28 49 / 82%);
    border: 1px solid rgb(255 255 255 / 15%);
    border-radius: 0.85rem;
    backdrop-filter: blur(0.5rem);
}

.wood-detail-hero__visual-label strong {
    font-size: 0.95rem;
}

.wood-detail-hero__visual-label span {
    margin-top: 0.18rem;
    color: #f0c878;
    font-size: 0.75rem;
}

.wood-detail-hero__content--blue h1 {
    color: #fff;
}

.wood-detail-hero__content--blue h1 span {
    color: #efb653;
}

.wood-detail-hero__content--blue .wood-detail-hero__lead {
    color: #d9e4ec;
}

.wood-detail-back--light {
    color: #f0c978;
}

.wood-detail-eyebrow {
    color: #f1bd63;
}

.wood-detail-button--gold {
    color: #fff;
    background: linear-gradient(135deg, #c88a2c, #8e580c);
    border: 1px solid rgb(255 255 255 / 8%);
    box-shadow: 0 0.8rem 1.7rem rgb(0 0 0 / 18%);
}

.wood-detail-button--gold:hover {
    background: linear-gradient(135deg, #b87820, #774706);
}

.wood-detail-button--ghost {
    color: #fff;
    background: rgb(255 255 255 / 7%);
    border: 1px solid rgb(255 255 255 / 23%);
}

.wood-detail-button--ghost:hover {
    background: rgb(255 255 255 / 12%);
}

.wood-detail-hero__markers {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.5rem;
}

.wood-detail-hero__markers span {
    padding: 0.35rem 0.7rem;
    color: #f7e5c5;
    background: rgb(255 255 255 / 7%);
    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 750;
}

@media (max-width: 960px) {
    .wood-detail-hero__grid--reverse {
        grid-template-columns: 1fr;
    }

    .wood-detail-hero__visual--diagnostic {
        order: 2;
        height: 24rem;
    }
}

@media (max-width: 640px) {
    .wood-detail-hero__visual--diagnostic {
        height: 19rem;
    }
}

/* ==========================================================
   DIAGNOSTICS - CARTES PLUS COLOREES
   ========================================================== */

.wood-detail-missions {
    background:
        radial-gradient(circle at 8% 10%, rgb(190 133 49 / 9%), transparent 22rem),
        linear-gradient(180deg, #ffffff, #fbf7f0);
}

.wood-detail-mission {
    min-height: 14rem;
    padding: 1.45rem;
    border-width: 1px;
    box-shadow: 0 0.8rem 1.8rem rgb(52 38 18 / 7%);
}

.wood-detail-mission:nth-child(1) {
    background:
        radial-gradient(circle at 90% 12%, rgb(202 143 45 / 28%), transparent 7rem),
        linear-gradient(145deg, #fff1cf, #fffaf0);
    border-color: #e6b968;
}

.wood-detail-mission:nth-child(2) {
    background:
        radial-gradient(circle at 90% 12%, rgb(52 111 152 / 22%), transparent 7rem),
        linear-gradient(145deg, #e8f1f7, #f8fcff);
    border-color: #aac7db;
}

.wood-detail-mission:nth-child(3) {
    background:
        radial-gradient(circle at 90% 12%, rgb(102 126 78 / 24%), transparent 7rem),
        linear-gradient(145deg, #eaf0df, #fafcf7);
    border-color: #b9cca7;
}

.wood-detail-mission:nth-child(4) {
    background:
        radial-gradient(circle at 90% 12%, rgb(165 87 39 / 23%), transparent 7rem),
        linear-gradient(145deg, #f7e1d4, #fff8f3);
    border-color: #dfb092;
}

.wood-detail-mission:nth-child(1) .wood-detail-mission__icon {
    color: #95600d;
    background: #fff5dd;
}

.wood-detail-mission:nth-child(2) .wood-detail-mission__icon {
    color: #245f87;
    background: #f1f8fc;
}

.wood-detail-mission:nth-child(3) .wood-detail-mission__icon {
    color: #587245;
    background: #f4f8ee;
}

.wood-detail-mission:nth-child(4) .wood-detail-mission__icon {
    color: #9a542b;
    background: #fff3eb;
}

.wood-detail-mission__icon {
    box-shadow: 0 0.45rem 1rem rgb(43 32 17 / 8%);
}

.wood-detail-mission h3 {
    font-size: 1.12rem;
}

.wood-detail-mission p {
    color: #586575;
}

/* ==========================================================
   DIAGNOSTICS - RYTHME VISUEL DES SECTIONS
   ========================================================== */

/* Lecture des plans */
.wood-detail-plan {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 20%, rgb(190 135 54 / 18%), transparent 21rem),
        linear-gradient(125deg, #fff9ed, #efdcc0);
}

.wood-detail-plan__image {
    border: 0.3rem solid rgb(255 255 255 / 70%);
}

.wood-detail-plan__points article:nth-child(1) {
    border-left-color: #bd7e1c;
}

.wood-detail-plan__points article:nth-child(2) {
    border-left-color: #497794;
}

.wood-detail-plan__points article:nth-child(3) {
    border-left-color: #70865e;
}


/* Points observés */
.wood-detail-observe {
    background:
        radial-gradient(circle at 10% 80%, rgb(44 87 119 / 7%), transparent 22rem),
        #fff;
}

.wood-detail-observe__grid article {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0.6rem 1.4rem rgb(40 45 50 / 5%);
}

.wood-detail-observe__grid article:nth-child(1) {
    background: #fff2dd;
    border-color: #e6bf82;
}

.wood-detail-observe__grid article:nth-child(2) {
    background: #edf4f7;
    border-color: #b9cfdb;
}

.wood-detail-observe__grid article:nth-child(3) {
    background: #eef3e7;
    border-color: #c3d1b4;
}

.wood-detail-observe__grid article:nth-child(4) {
    background: #f8e9de;
    border-color: #dfbba1;
}

.wood-detail-observe__grid article:nth-child(5) {
    background: #eaf2f7;
    border-color: #b5cede;
}

.wood-detail-observe__grid article:nth-child(6) {
    background: #f5ead5;
    border-color: #ddc091;
}

.wood-detail-observe__grid article::after {
    content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
    right: -2rem;
    bottom: -2rem;
    border: 1px solid rgb(70 60 40 / 8%);
    border-radius: 50%;
}


/* Ouvrages concernés */
.wood-detail-structure {
    color: #fff;
    background:
        radial-gradient(circle at 85% 25%, rgb(205 147 58 / 22%), transparent 20rem),
        linear-gradient(120deg, #74430b, #a56a18);
}

.wood-detail-structure__inner {
    background: rgb(255 255 255 / 8%);
    border-color: rgb(255 255 255 / 18%);
    box-shadow: 0 1rem 2rem rgb(74 41 5 / 13%);
}

.wood-detail-structure .eyebrow {
    color: #ffe0a7;
}

.wood-detail-structure h2 {
    color: #fff;
}

.wood-detail-structure p:last-child {
    color: #f7ead4;
}

.wood-detail-structure img {
    border: 0.25rem solid rgb(255 255 255 / 22%);
    box-shadow: 0 0.8rem 1.5rem rgb(58 32 5 / 20%);
}

/* ==========================================================
   PAGE DETAIL - PATHOLOGIES DU BOIS
   ========================================================== */

.wood-pathology-hero {
    padding: clamp(3rem, 4vw, 4.5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 12% 20%, rgb(219 151 49 / 14%), transparent 22rem),
        radial-gradient(circle at 92% 80%, rgb(97 45 9 / 20%), transparent 22rem),
        linear-gradient(125deg, #3f2409 0%, #6b3d0d 55%, #8c5513 100%);
}

.wood-pathology-hero__grid {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    align-items: center;
    gap: clamp(2.5rem, 5vw, 5rem);
}

.wood-pathology-hero__content h1 {
    margin: 0.45rem 0 1rem;
    color: #fff;
    font-size: clamp(2.5rem, 5vw, 4.4rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

.wood-pathology-hero__content h1 span {
    display: block;
    color: #ffd48a;
}

.wood-pathology-hero__lead {
    margin: 0;
    color: #f5e8d5;
    font-size: 1.06rem;
}

.wood-pathology-hero__visual {
    position: relative;
    height: 27rem;
    overflow: hidden;
    border: 0.35rem solid rgb(255 255 255 / 14%);
    border-radius: 1.8rem;
    box-shadow: 0 1.8rem 3.8rem rgb(0 0 0 / 25%);
}

.wood-pathology-hero__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wood-pathology-hero__badge {
    position: absolute;
    left: 1.1rem;
    bottom: 1.1rem;
    display: grid;
    padding: 0.8rem 1rem;
    background: rgb(53 29 7 / 85%);
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 0.8rem;
    backdrop-filter: blur(0.5rem);
}

.wood-pathology-hero__badge span {
    color: #f3cf94;
    font-size: 0.76rem;
}

/* Galerie pathologies */

.wood-pathology-grid {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background:
        radial-gradient(circle at 8% 12%, rgb(190 135 54 / 10%), transparent 22rem),
        linear-gradient(180deg, #fff, #fcf7ef);
}

.wood-pathology-grid__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
}

.wood-pathology-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #ead7bc;
    border-radius: 1.4rem;
    box-shadow: 0 0.9rem 1.9rem rgb(51 39 22 / 7%);
}

.wood-pathology-card__image {
    height: 18rem;
    overflow: hidden;
}

.wood-pathology-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wood-pathology-card__content {
    padding: 1.35rem 1.4rem 1.5rem;
}

.wood-pathology-card__tag {
    display: inline-flex;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.wood-pathology-card:nth-child(1) .wood-pathology-card__tag {
    color: #7b4907;
    background: #f8e3bc;
}

.wood-pathology-card:nth-child(2) .wood-pathology-card__tag {
    color: #5f6f2f;
    background: #e5efd2;
}

.wood-pathology-card:nth-child(3) .wood-pathology-card__tag {
    color: #265d82;
    background: #dcecf6;
}

.wood-pathology-card:nth-child(4) .wood-pathology-card__tag {
    color: #8d4d22;
    background: #f4ded0;
}

.wood-pathology-card h3 {
    margin: 0.75rem 0 0.55rem;
    color: #182334;
    font-size: 1.28rem;
}

.wood-pathology-card p {
    margin: 0;
    color: #64707d;
}

/* Signes à surveiller */

.wood-pathology-signs {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 12% 20%, rgb(216 153 66 / 16%), transparent 22rem),
        linear-gradient(128deg, #071f39 0%, #0c304d 55%, #134262 100%);
}

.wood-pathology-signs__grid {
    display: grid;
    grid-template-columns: 1fr 0.95fr;
    align-items: center;
    gap: clamp(2.5rem, 5vw, 5rem);
}

.wood-pathology-signs__content .eyebrow {
    color: #efbd66;
}

.wood-pathology-signs__content h2 {
    margin: 0.4rem 0 1rem;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.05;
}

.wood-pathology-signs__list {
    display: grid;
    gap: 0.7rem;
    margin-top: 1.5rem;
}

.wood-pathology-signs__list article {
    padding: 0.9rem 1rem;
    background: rgb(255 255 255 / 8%);
    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: 0.9rem;
}

.wood-pathology-signs__list strong,
.wood-pathology-signs__list span {
    display: block;
}

.wood-pathology-signs__list strong {
    color: #fff;
}

.wood-pathology-signs__list span {
    margin-top: 0.2rem;
    color: #d9e4ec;
    font-size: 0.86rem;
}

.wood-pathology-signs__visual {
    height: 24rem;
    overflow: hidden;
    border: 0.3rem solid rgb(255 255 255 / 13%);
    border-radius: 1.5rem;
    box-shadow: 0 1.4rem 2.8rem rgb(0 0 0 / 22%);
}

.wood-pathology-signs__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Quand faire intervenir */

.wood-pathology-when {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background: linear-gradient(135deg, #fff9ef, #f1dfc3);
}

.wood-pathology-when__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.wood-pathology-when__grid article {
    padding: 1.15rem 1.2rem;
    background: rgb(255 255 255 / 76%);
    border: 1px solid #e1c79b;
    border-radius: 1rem;
    box-shadow: 0 0.6rem 1.4rem rgb(65 45 18 / 6%);
}

.wood-pathology-when__grid strong,
.wood-pathology-when__grid span {
    display: block;
}

.wood-pathology-when__grid strong {
    color: #7d5018;
}

.wood-pathology-when__grid span {
    margin-top: 0.3rem;
    color: #69717a;
    font-size: 0.86rem;
}

/* Responsive */

@media (max-width: 960px) {
    .wood-pathology-hero__grid,
    .wood-pathology-signs__grid {
        grid-template-columns: 1fr;
    }

    .wood-pathology-grid__cards,
    .wood-pathology-when__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wood-pathology-hero__visual,
    .wood-pathology-signs__visual {
        height: 22rem;
    }
}

@media (max-width: 640px) {
    .wood-pathology-hero {
        padding: 2.5rem 0 3rem;
    }

    .wood-pathology-grid__cards,
    .wood-pathology-when__grid {
        grid-template-columns: 1fr;
    }

    .wood-pathology-card__image,
    .wood-pathology-signs__visual,
    .wood-pathology-hero__visual {
        height: 18rem;
    }
}


/* ==========================================================
   PAGE DETAIL - CONSEILS & PRECONISATIONS
   ========================================================== */

.wood-advice-hero {
    padding: clamp(3rem, 4vw, 4.5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 15% 15%, rgb(195 150 78 / 19%), transparent 23rem),
        radial-gradient(circle at 90% 80%, rgb(41 91 70 / 20%), transparent 24rem),
        linear-gradient(125deg, #172c2a 0%, #29483e 55%, #43624c 100%);
}

.wood-advice-hero__grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: clamp(2.5rem, 5vw, 5rem);
}

.wood-advice-hero__visual {
    position: relative;
    height: 27rem;
    overflow: hidden;
    border: 0.35rem solid rgb(255 255 255 / 13%);
    border-radius: 1.8rem 0.8rem 1.8rem 0.8rem;
    box-shadow: 0 1.8rem 3.8rem rgb(0 0 0 / 26%);
}

.wood-advice-hero__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wood-advice-hero__badge {
    position: absolute;
    left: 1.1rem;
    bottom: 1.1rem;
    display: grid;
    padding: 0.8rem 1rem;
    background: rgb(20 42 35 / 87%);
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 0.8rem;
    backdrop-filter: blur(0.5rem);
}

.wood-advice-hero__badge span {
    color: #dfcc9c;
    font-size: 0.76rem;
}

.wood-advice-eyebrow {
    color: #e4c77f;
}

.wood-advice-hero__content h1 {
    margin: 0.45rem 0 1rem;
    color: #fff;
    font-size: clamp(2.5rem, 5vw, 4.4rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

.wood-advice-hero__content h1 span {
    display: block;
    color: #e7ca82;
}

.wood-advice-hero__lead {
    margin: 0;
    color: #dae5df;
    font-size: 1.06rem;
}

.wood-advice-button {
    color: #243b31;
    background: #e6cb89;
    border: 1px solid #e6cb89;
}

.wood-advice-button:hover {
    background: #f1dca7;
}


/* 4 étapes */

.wood-advice-actions {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background:
        radial-gradient(circle at 8% 15%, rgb(105 134 96 / 10%), transparent 22rem),
        linear-gradient(180deg, #fff, #f7f7f1);
}

.wood-advice-actions__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.wood-advice-actions__grid article {
    position: relative;
    min-height: 14rem;
    padding: 1.45rem;
    overflow: hidden;
    border-radius: 1.2rem;
    box-shadow: 0 0.7rem 1.7rem rgb(40 50 38 / 6%);
}

.wood-advice-actions__grid article:nth-child(1) {
    background: #e9f1e5;
    border: 1px solid #bdd0b6;
}

.wood-advice-actions__grid article:nth-child(2) {
    background: #fff1d8;
    border: 1px solid #e8c68b;
}

.wood-advice-actions__grid article:nth-child(3) {
    background: #e7f0f4;
    border: 1px solid #b9d0dc;
}

.wood-advice-actions__grid article:nth-child(4) {
    background: #f4e7db;
    border: 1px solid #dcbda5;
}

.wood-advice-actions__number {
    position: absolute;
    top: 0.7rem;
    right: 0.9rem;
    color: rgb(56 79 52 / 13%);
    font-size: 3rem;
    font-weight: 900;
}

.wood-advice-actions__icon {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    margin-bottom: 1rem;
    color: #496743;
    background: rgb(255 255 255 / 76%);
    border-radius: 0.85rem;
}

.wood-advice-actions__icon img {
    width: 2.15rem;
}

.wood-advice-actions h3 {
    margin: 0 0 0.5rem;
    color: #243327;
    font-size: 1.12rem;
}

.wood-advice-actions p {
    margin: 0;
    color: #647069;
    font-size: 0.9rem;
}


/* Cas pratique */

.wood-advice-case {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 85% 20%, rgb(208 154 72 / 18%), transparent 23rem),
        linear-gradient(125deg, #08243d, #0d3b59);
}

.wood-advice-case__grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: clamp(2.5rem, 5vw, 5rem);
}

.wood-advice-case__content .eyebrow {
    color: #e8c477;
}

.wood-advice-case h2 {
    margin: 0.4rem 0 1rem;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.1rem);
    line-height: 1.05;
}

.wood-advice-case h2 span {
    color: #e7c474;
}

.wood-advice-case__content > p {
    color: #d7e1e7;
}

.wood-advice-case__points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65rem;
    margin-top: 1.4rem;
}

.wood-advice-case__points span {
    padding: 0.75rem 0.9rem;
    color: #eef3f5;
    background: rgb(255 255 255 / 8%);
    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: 0.75rem;
    font-size: 0.84rem;
}

.wood-advice-case__visual {
    height: 24rem;
    overflow: hidden;
    border: 0.3rem solid rgb(255 255 255 / 13%);
    border-radius: 1.5rem;
    box-shadow: 0 1.5rem 3rem rgb(0 0 0 / 22%);
}

.wood-advice-case__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Suites possibles */

.wood-advice-solutions {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background: linear-gradient(135deg, #fffaf0, #f1e6d3);
}

.wood-advice-solutions__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.wood-advice-solution {
    position: relative;
    min-height: 11rem;
    padding: 1.4rem 1.5rem;
    overflow: hidden;
    background: rgb(255 255 255 / 76%);
    border: 1px solid #decaaa;
    border-radius: 1.1rem;
}

.wood-advice-solution--repair {
    border-left: 0.35rem solid #b97920;
}

.wood-advice-solution--monitor {
    border-left: 0.35rem solid #658357;
}

.wood-advice-solution--investigate {
    border-left: 0.35rem solid #39739a;
}

.wood-advice-solution--prevent {
    border-left: 0.35rem solid #9c643c;
}

.wood-advice-solution__mark {
    position: absolute;
    right: 1rem;
    top: 0.6rem;
    color: rgb(77 70 50 / 10%);
    font-size: 3.5rem;
    font-weight: 900;
}

.wood-advice-solution h3 {
    position: relative;
    margin: 0 0 0.55rem;
    color: #263329;
}

.wood-advice-solution p {
    position: relative;
    margin: 0;
    color: #69716b;
}


/* Limites */

.wood-advice-limit {
    padding: clamp(2.5rem, 4vw, 3.5rem) 0;
    background: #e6eee4;
}

.wood-advice-limit__inner {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem 1.7rem;
    background: rgb(255 255 255 / 75%);
    border: 1px solid #bfd0b9;
    border-radius: 1.3rem;
}

.wood-advice-limit__icon {
    width: 4.5rem;
    height: 4.5rem;
    display: grid;
    place-items: center;
    color: #58734f;
    background: #dbe8d7;
    border-radius: 1rem;
}

.wood-advice-limit__icon img {
    width: 2.8rem;
}

.wood-advice-limit h2 {
    margin: 0.3rem 0 0.5rem;
    color: #243329;
    font-size: clamp(1.6rem, 3vw, 2.3rem);
}

.wood-advice-limit p:last-child {
    margin: 0;
    color: #647069;
}


/* Bénéfices */

.wood-advice-benefits {
    padding: clamp(3rem, 4vw, 4rem) 0;
    background: #fff;
}

.wood-advice-benefits__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.wood-advice-benefits__grid article {
    padding: 1.2rem;
    text-align: center;
    background: linear-gradient(145deg, #f8f6ee, #fff);
    border: 1px solid #e1dac7;
    border-radius: 1rem;
}

.wood-advice-benefits__grid strong,
.wood-advice-benefits__grid span {
    display: block;
}

.wood-advice-benefits__grid strong {
    color: #527049;
    font-size: 1.05rem;
}

.wood-advice-benefits__grid span {
    margin-top: 0.35rem;
    color: #6c746e;
    font-size: 0.84rem;
}


/* Responsive */

@media (max-width: 960px) {
    .wood-advice-hero__grid,
    .wood-advice-case__grid {
        grid-template-columns: 1fr;
    }

    .wood-advice-actions__grid,
    .wood-advice-benefits__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wood-advice-hero__visual {
        order: 2;
        height: 23rem;
    }
}

@media (max-width: 640px) {
    .wood-advice-hero {
        padding: 2.5rem 0 3rem;
    }

    .wood-advice-actions__grid,
    .wood-advice-solutions__grid,
    .wood-advice-benefits__grid,
    .wood-advice-case__points {
        grid-template-columns: 1fr;
    }

    .wood-advice-actions__grid article {
        min-height: auto;
    }

    .wood-advice-case__visual,
    .wood-advice-hero__visual {
        height: 18rem;
    }

    .wood-advice-limit__inner {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   PAGE DETAIL - RAPPORTS DETAILLES
   ========================================================== */

.wood-report-hero {
    padding: clamp(3rem, 4vw, 4.5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 12% 18%, rgb(190 137 58 / 15%), transparent 22rem),
        radial-gradient(circle at 90% 82%, rgb(37 91 126 / 20%), transparent 24rem),
        linear-gradient(125deg, #101c2b 0%, #19364e 55%, #254d67 100%);
}

.wood-report-hero__grid {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    align-items: center;
    gap: clamp(3rem, 6vw, 6rem);
}

.wood-report-eyebrow {
    color: #e9bf71;
}

.wood-report-hero h1 {
    margin: 0.45rem 0 1rem;
    color: #fff;
    font-size: clamp(2.5rem, 5vw, 4.4rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

.wood-report-hero h1 span {
    display: block;
    color: #e9c57e;
}

.wood-report-hero__lead {
    margin: 0;
    color: #dae4eb;
    font-size: 1.06rem;
}

.wood-report-button {
    color: #1c3548;
    background: #e7c780;
    border: 1px solid #e7c780;
}

.wood-report-button:hover {
    background: #f0d99f;
}


/* Aperçu faux rapport */

.wood-report-preview {
    position: relative;
    min-height: 30rem;
    display: grid;
    place-items: center;
}

.wood-report-preview__sheet {
    width: min(100%, 22rem);
    min-height: 28rem;
    padding: 1.4rem;
    color: #172234;
    background: #fff;
    border-radius: 0.6rem;
    box-shadow: 0 2rem 4rem rgb(0 0 0 / 28%);
    transform: rotate(2deg);
}

.wood-report-preview__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #d8e0e6;
}

.wood-report-preview__head > small {
    color: #6d7780;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.wood-report-preview__logo {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.wood-report-preview__logo > span {
    width: 2.25rem;
    aspect-ratio: 1;
    background:
        repeating-radial-gradient(
            circle,
            #8a510d 0 2px,
            #d29d51 3px 5px
        );
    border-radius: 50%;
}

.wood-report-preview__logo div {
    display: grid;
    line-height: 0.9;
}

.wood-report-preview__logo strong:first-child {
    font-size: 0.55rem;
}

.wood-report-preview__logo strong:last-child {
    color: #ad7018;
    font-size: 0.75rem;
}

.wood-report-preview__title {
    display: grid;
    padding: 1.2rem 0 1rem;
}

.wood-report-preview__title span {
    color: #a66a15;
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.08em;
}

.wood-report-preview__title strong {
    margin-top: 0.2rem;
    font-size: 1.25rem;
}

.wood-report-preview__title small {
    margin-top: 0.2rem;
    color: #77818a;
}

.wood-report-preview__photo {
    height: 9rem;
    overflow: hidden;
    border-radius: 0.45rem;
}

.wood-report-preview__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wood-report-preview__lines {
    display: grid;
    gap: 0.45rem;
    margin-top: 1rem;
}

.wood-report-preview__lines span {
    height: 0.35rem;
    background: #e4e9ed;
    border-radius: 999px;
}

.wood-report-preview__lines span:nth-child(2) {
    width: 85%;
}

.wood-report-preview__lines span:nth-child(3) {
    width: 65%;
}

.wood-report-preview__summary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.45rem;
    margin-top: 1.1rem;
}

.wood-report-preview__summary article {
    padding: 0.65rem;
    background: #f6f1e7;
    border-radius: 0.45rem;
}

.wood-report-preview__summary strong,
.wood-report-preview__summary span {
    display: block;
}

.wood-report-preview__summary strong {
    color: #a46b19;
    font-size: 0.72rem;
}

.wood-report-preview__summary span {
    margin-top: 0.15rem;
    color: #56616b;
    font-size: 0.57rem;
}

.wood-report-preview__badge {
    position: absolute;
    right: 0;
    bottom: 1.5rem;
    display: grid;
    padding: 0.75rem 1rem;
    background: rgb(9 29 44 / 88%);
    border: 1px solid rgb(255 255 255 / 15%);
    border-radius: 0.8rem;
    box-shadow: 0 0.8rem 1.8rem rgb(0 0 0 / 18%);
}

.wood-report-preview__badge span {
    color: #e7c985;
    font-size: 0.74rem;
}


/* Contenu rapport */

.wood-report-content {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background: linear-gradient(180deg, #fff, #f7f9fa);
}

.wood-report-content__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.wood-report-content__grid article {
    position: relative;
    min-height: 14rem;
    padding: 1.4rem;
    overflow: hidden;
    border-radius: 1.2rem;
}

.wood-report-content__grid article:nth-child(1) {
    background: #fff0d7;
    border: 1px solid #e5c18a;
}

.wood-report-content__grid article:nth-child(2) {
    background: #e8f1f6;
    border: 1px solid #b8cfdc;
}

.wood-report-content__grid article:nth-child(3) {
    background: #e9f1e5;
    border: 1px solid #bdd0b5;
}

.wood-report-content__grid article:nth-child(4) {
    background: #f4e6db;
    border: 1px solid #ddbea7;
}

.wood-report-content__number {
    position: absolute;
    top: 0.7rem;
    right: 0.9rem;
    color: rgb(36 58 72 / 12%);
    font-size: 3rem;
    font-weight: 900;
}

.wood-report-content__icon {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    margin-bottom: 1rem;
    background: rgb(255 255 255 / 80%);
    border-radius: 0.85rem;
}

.wood-report-content__icon img {
    width: 2.15rem;
}

.wood-report-content h3 {
    margin: 0 0 0.5rem;
    color: #233142;
}

.wood-report-content p {
    margin: 0;
    color: #64707a;
    font-size: 0.9rem;
}


/* Photos techniques */

.wood-report-photos {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 12% 20%, rgb(203 149 68 / 18%), transparent 23rem),
        linear-gradient(125deg, #09243c, #0e3a58);
}

.wood-report-photos__grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: clamp(2.5rem, 5vw, 5rem);
}

.wood-report-photos__content .eyebrow {
    color: #e7c379;
}

.wood-report-photos h2 {
    margin: 0.4rem 0 1rem;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.05;
}

.wood-report-photos h2 span {
    display: block;
    color: #e8c57e;
}

.wood-report-photos__content > p {
    color: #d7e2e8;
}

.wood-report-photos__points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
    margin-top: 1.4rem;
}

.wood-report-photos__points span {
    padding: 0.7rem 0.8rem;
    color: #edf3f6;
    background: rgb(255 255 255 / 8%);
    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: 0.7rem;
    font-size: 0.82rem;
}

.wood-report-photos__gallery {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    grid-template-rows: repeat(2, 10rem);
    gap: 0.7rem;
}

.wood-report-photos__gallery figure {
    margin: 0;
    overflow: hidden;
    border: 0.2rem solid rgb(255 255 255 / 15%);
    border-radius: 1rem;
}

.wood-report-photos__main {
    grid-row: 1 / 3;
}

.wood-report-photos__gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Parcours du rapport */

.wood-report-structure {
    padding: clamp(3.5rem, 5vw, 5rem) 0;
    background: linear-gradient(135deg, #fff9ee, #eedfc7);
}

.wood-report-structure__flow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 0.7rem;
}

.wood-report-structure__flow article {
    min-height: 8rem;
    padding: 1rem;
    text-align: center;
    background: rgb(255 255 255 / 78%);
    border: 1px solid #dfc9a7;
    border-radius: 1rem;
}

.wood-report-structure__flow article > span,
.wood-report-structure__flow strong,
.wood-report-structure__flow small {
    display: block;
}

.wood-report-structure__flow article > span {
    color: #a76914;
    font-size: 0.75rem;
    font-weight: 900;
}

.wood-report-structure__flow strong {
    margin-top: 0.3rem;
    color: #263443;
}

.wood-report-structure__flow small {
    margin-top: 0.3rem;
    color: #6d7479;
}

.wood-report-structure__arrow {
    color: #a87021;
    font-size: 1.5rem;
}


/* Trace écrite */

.wood-report-useful {
    padding: clamp(2.5rem, 4vw, 3.5rem) 0;
    background: #e6edf2;
}

.wood-report-useful__inner {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem 1.7rem;
    background: rgb(255 255 255 / 78%);
    border: 1px solid #bfd0da;
    border-radius: 1.3rem;
}

.wood-report-useful__icon {
    width: 4.5rem;
    height: 4.5rem;
    display: grid;
    place-items: center;
    color: #315e79;
    background: #d7e6ef;
    border-radius: 1rem;
}

.wood-report-useful__icon img {
    width: 2.8rem;
}

.wood-report-useful h2 {
    margin: 0.3rem 0 0.5rem;
    color: #233343;
    font-size: clamp(1.6rem, 3vw, 2.3rem);
}

.wood-report-useful p:last-child {
    margin: 0;
    color: #65717a;
}


/* Pour qui */

.wood-report-forwho {
    padding: clamp(3rem, 4vw, 4rem) 0;
    background: #fff;
}

.wood-report-forwho__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.wood-report-forwho__grid article {
    padding: 1.15rem;
    text-align: center;
    background: linear-gradient(145deg, #f7f8f8, #fff);
    border: 1px solid #dbe2e5;
    border-radius: 1rem;
}

.wood-report-forwho__grid strong,
.wood-report-forwho__grid span {
    display: block;
}

.wood-report-forwho__grid strong {
    color: #315e78;
}

.wood-report-forwho__grid span {
    margin-top: 0.35rem;
    color: #6a737a;
    font-size: 0.84rem;
}


/* Responsive */

@media (max-width: 960px) {
    .wood-report-hero__grid,
    .wood-report-photos__grid {
        grid-template-columns: 1fr;
    }

    .wood-report-content__grid,
    .wood-report-forwho__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wood-report-structure__flow {
        grid-template-columns: repeat(2, 1fr);
    }

    .wood-report-structure__arrow {
        display: none;
    }
}

@media (max-width: 640px) {
    .wood-report-hero {
        padding: 2.5rem 0 3rem;
    }

    .wood-report-content__grid,
    .wood-report-forwho__grid,
    .wood-report-photos__points,
    .wood-report-structure__flow {
        grid-template-columns: 1fr;
    }

    .wood-report-preview {
        min-height: 27rem;
    }

    .wood-report-preview__sheet {
        transform: none;
    }

    .wood-report-photos__gallery {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 12rem);
    }

    .wood-report-photos__main {
        grid-row: auto;
    }

    .wood-report-useful__inner {
        grid-template-columns: 1fr;
    }
}