/* Page pilote rénovation — identité graphique de Work, fichiers partagés inchangés. */
.renov-hero .interior-hero-photo{background-image:url('../assets/hero-desktop.webp');background-position:center 43%;width:48%;}
.renov-hero .interior-hero-text{max-width:54rem}
.ren-strip{position:relative;z-index:1}
.ren-container{max-width:94rem;margin-inline:auto;padding-inline:3.55rem}
.ren-overview{padding-top:3.6rem;padding-bottom:3.8rem}
.ren-section-heading .eyebrow{color:var(--red);font-weight:800}
.ren-section-heading h2{font-size:clamp(2rem,3.1vw,2.65rem);letter-spacing:-.05em;line-height:1.1;margin:.65rem 0 1.1rem;font-weight:900;max-width:46rem}
.ren-section-heading h2 em{font-style:normal;color:var(--red)}
.ren-section-heading>p:last-child{font-size:1.07rem;line-height:1.55;color:#545c69;max-width:49rem}
.ren-section-heading.center{text-align:center;margin-inline:auto;margin-bottom:2.25rem}
.ren-section-heading.center h2,.ren-section-heading.center>p:last-child{max-width:57rem;margin-left:auto;margin-right:auto}
.ren-overview-grid{display:grid;grid-template-columns:1.7fr .9fr;gap:4.5rem;align-items:start;margin-top:1.8rem}
.ren-main-copy{max-width:49rem}.ren-main-copy p{font-size:1.06rem;line-height:1.63;color:#4c5665;margin-bottom:1rem}
.ren-main-copy .ren-lead{font-size:1.18rem;color:#181f29;font-weight:600;line-height:1.5}
.ren-highlight{background:linear-gradient(133deg,#ffffffd9,#ffffffed),var(--metal);border:1px solid #d6dbe2;border-left:5px solid var(--red);padding:1.6rem 1.75rem;box-shadow:0 6px 22px #1c252510;border-radius:.4rem}
.ren-highlight-no{font-size:.9rem;letter-spacing:.17em;font-weight:800;color:var(--red)}
.ren-highlight h3{font-weight:900;font-size:1.5rem;margin:.45rem 0 .75rem}
.ren-highlight p{font-size:1rem;line-height:1.53;color:#4e5867}
.ren-highlight a{display:inline-block;margin-top:1rem;color:#bc0010;text-decoration:underline;text-underline-offset:4px;font-size:.94rem;font-weight:700}
.ren-materials{padding:3.7rem 0;background:linear-gradient(180deg,#eff1f5,#fff);border-top:1px solid #dfe3e8;border-bottom:1px solid #e0e3e8}
.ren-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.ren-material-card{overflow:hidden;border-radius:.58rem;box-shadow:0 4px 16px #25304018;background:white;border:1px solid #d9dee4}
.ren-material-visual{height:12rem;overflow:hidden;background:#d5d8df}
.ren-material-visual img{width:100%;height:100%;object-fit:cover}
.ren-material-card>div:last-child{padding:1.15rem 1.25rem 1.5rem}
.ren-index{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--red);font-weight:900}
.ren-material-card h3{font-size:1.37rem;line-height:1.15;margin:.55rem 0 .55rem;font-weight:900}
.ren-material-card p{font-size:.98rem;line-height:1.5;color:#566171}
.ren-smallnote{font-size:.78rem;line-height:1.4;text-align:center;margin:1rem 0 0;color:#5c6471}
.ren-steps{padding-top:4rem;padding-bottom:4rem}
.ren-timeline{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem}
.ren-timeline li{display:grid;grid-template-columns:3.4rem 1fr;gap:1rem;padding:1.25rem;background:white;border:1px solid #dce0e6;border-top:3px solid var(--red);border-radius:.5rem;box-shadow:0 4px 16px #1e263010}
.ren-step-id{font-weight:900;font-size:2rem;color:#c5c9d1;line-height:1}
.ren-timeline h3{font-size:1.28rem;line-height:1.2;margin-bottom:.65rem;font-weight:900}
.ren-timeline p{font-size:.98rem;line-height:1.53;color:#535d6b}
.ren-detail-band{background:linear-gradient(112deg,#ffffffdc,#ffffffed),var(--metal);background-size:auto,5.32rem 25.625rem;border-top:1px solid #dde0e5;border-bottom:1px solid #dde0e5;padding:3.7rem 0}
.ren-band-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:center}
.ren-band-grid h2{font-size:2.25rem;line-height:1.08;margin:.55rem 0 1.1rem;letter-spacing:-.05em}
.ren-band-grid h2 em{font-style:normal;color:var(--red)}
.ren-band-grid p:not(.eyebrow){font-size:1.04rem;line-height:1.57;color:#4b5360;margin-bottom:.9rem}
.ren-detail-photo{position:relative;border-radius:.55rem;overflow:hidden;min-height:17rem;background:#d4d6db;box-shadow:0 6px 25px #19212d2b}
.ren-detail-photo img{width:100%;height:18rem;object-fit:cover}
.ren-detail-photo span{position:absolute;left:0;bottom:0;width:100%;background:#1e263bd9;color:white;padding:.6rem 1rem;font-size:.85rem}
.ren-choice{padding-top:3.8rem;padding-bottom:4rem}
.ren-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ren-choice-grid article{border:1px solid #dfe2e7;border-radius:.55rem;padding:1.4rem;box-shadow:0 4px 14px #1b25310b}
.ren-choice-icon{font-size:1.8rem;font-weight:900;color:var(--red)}
.ren-choice-grid h3{font-size:1.25rem;margin:.5rem 0 .65rem}
.ren-choice-grid p{font-size:.98rem;line-height:1.52;color:#4b5664}
.ren-faq-band{padding:3.7rem 0 4rem;background:#f5f6f8}
.ren-question-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem}
.ren-question-grid article{border-top:2px solid #cc0012;padding-top:1rem}
.ren-question-grid h3{font-size:1.21rem;margin-bottom:.62rem;line-height:1.3}
.ren-question-grid p{font-size:.97rem;line-height:1.55;color:#535b68}
@media(max-width:1000px){.ren-container{padding-inline:2rem}.ren-overview-grid{gap:2rem}.ren-band-grid{gap:1.4rem}}
@media(max-width:760px){.ren-container{padding-inline:1.3rem}.ren-overview-grid,.ren-band-grid{grid-template-columns:1fr}.ren-material-grid{grid-template-columns:1fr 1fr}.ren-choice-grid{grid-template-columns:1fr}.renov-hero .interior-hero-photo{width:55%}.ren-timeline{grid-template-columns:1fr}}
@media(max-width:600px){.renov-hero .interior-hero-photo{width:72%;opacity:.33;background-position:52% 50%;mask-image:linear-gradient(90deg,transparent,#000)}.ren-container{padding-inline:16px}.ren-overview,.ren-steps,.ren-choice{padding-top:33px;padding-bottom:34px}.ren-materials,.ren-detail-band,.ren-faq-band{padding:33px 0}.ren-section-heading h2{font-size:clamp(25px,7vw,32px);letter-spacing:-.55px;margin:8px 0 13px}.ren-section-heading>p:last-child{font-size:14.5px}.ren-overview-grid{margin-top:13px}.ren-main-copy p{font-size:14.5px;line-height:1.6}.ren-main-copy .ren-lead{font-size:16px}.ren-highlight{padding:18px}.ren-highlight h3{font-size:20px}.ren-highlight p{font-size:14px}.ren-material-grid{grid-template-columns:1fr;gap:13px}.ren-material-visual{height:170px}.ren-material-card>div:last-child{padding:16px}.ren-material-card h3{font-size:19px}.ren-material-card p{font-size:14px}.ren-smallnote{font-size:12px}.ren-timeline{gap:12px}.ren-timeline li{padding:15px;grid-template-columns:34px 1fr;gap:10px}.ren-step-id{font-size:24px}.ren-timeline h3{font-size:18px}.ren-timeline p{font-size:14px}.ren-band-grid h2{font-size:27px}.ren-band-grid p:not(.eyebrow){font-size:14px}.ren-detail-photo img{height:220px}.ren-choice-grid{gap:12px}.ren-choice-grid article{padding:17px}.ren-choice-grid h3{font-size:19px}.ren-choice-grid p{font-size:14px}.ren-question-grid{grid-template-columns:1fr;gap:17px}.ren-question-grid h3{font-size:18px}.ren-question-grid p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Motif technique neutre pour le bac acier en attente d’une vraie photo, sans visuel trompeur. */
.material-acier{background:linear-gradient(120deg,#d5dce6,#f5f7f9 37%,#b0b9c4 70%,#e7ebf0);position:relative;isolation:isolate}.material-acier .metal-ribs{position:absolute;inset:-30%;transform:skewX(-15deg) rotate(-11deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 35px,#98a3b2 37px,#f5f7fb 41px,#7a899a 45px,transparent 50px,transparent 88px);opacity:.85}