.hero-copy h1 span{display:block;color:var(--accent)}.eyebrow{color:var(--accent);text-transform:uppercase;font-weight:700}.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;color:var(--muted)}.button-row{display:flex;gap:14px;flex-wrap:wrap}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid.compact{grid-template-columns:repeat(6,1fr)}.service-item{text-align:center}.service-item h3{font-size:.95rem}.section-dark{background:#080b09}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-items:start}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.steps-grid article{border-top:1px solid var(--border);padding-top:24px}.steps-grid span{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent);color:var(--accent);border-radius:50%;font-weight:700}.cta-band{padding:30px 0;background:linear-gradient(90deg,#1c2c0c,#5a750d)}.form-shell{max-width:920px}.quote-form{display:grid;gap:22px;padding:30px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form label{display:grid;gap:8px;font-weight:700}.quote-form label span{color:var(--accent)}.quote-form input{min-height:50px;border:1px solid #384238;background:#090c0a;color:#fff;padding:0 14px;border-radius:4px}.upload-zone{min-height:160px;border:1px dashed #576257;display:grid!important;place-items:center;align-content:center;text-align:center;cursor:pointer}.upload-zone input{display:none}.photo-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.direct-call{text-align:center;margin-top:22px}.direct-call a{font-weight:700}.confirmation-page{display:grid;place-items:center}.confirmation-card{max-width:720px;text-align:center;padding:50px;border:1px solid var(--border);background:var(--surface)}.success-icon{width:90px;height:90px;border:2px solid var(--accent);color:var(--accent);display:grid;place-items:center;border-radius:50%;font-size:3rem;margin:0 auto 24px}.legal-page h2{color:var(--accent);font-size:1.15rem;margin-top:32px}

.before-after img{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:1 / 1;
    object-fit:contain;
}

/* ===== HERO S.O.S CHEMIN ===== */

.hero{
    padding:0;
    overflow:hidden;
    background:#050505;
}

.hero-grid{
    max-width:none;
    width:100%;
    display:grid;
    grid-template-columns:minmax(0, 46.5%) minmax(0, 53.5%);
    gap:0;
    min-height:clamp(600px, 68vw, 760px);
    align-items:stretch;
}

.hero-copy{
    position:relative;
    z-index:2;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:80px clamp(40px, 5vw, 72px);
    background:#050505;
    color:#fff;
}

.hero-media{
    position:relative;
    z-index:1;
    margin-left:clamp(-120px, -7vw, -72px);
    min-height:600px;
    background:
        linear-gradient(90deg, #050505 0, rgba(5,5,5,.97) 12%, rgba(5,5,5,.82) 25%, rgba(5,5,5,.5) 39%, rgba(5,5,5,.18) 52%, rgba(5,5,5,0) 62%),
        url("../images/hero/hero-chemin-cypres.webp") center center/cover no-repeat;
}

.hero-media::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:clamp(280px, 34vw, 520px);
    height:100%;
    background:url("../images/hero/hero-brush-overlay.png") no-repeat left center/100% 100%;
    opacity:.24;
    filter:blur(1px);
    -webkit-mask-image:linear-gradient(90deg, #000 0, rgba(0,0,0,.7) 48%, transparent 100%);
    mask-image:linear-gradient(90deg, #000 0, rgba(0,0,0,.7) 48%, transparent 100%);
    pointer-events:none;
}