/* DO Rénovation — publication préparée, identité rouge/anthracite. */
:root{--brand:#b01e28;--brand-dark:#891722;--surface:#f6f5f3;--ink:#252527;--border:#dedbd7}
.case-hero{padding-top:calc(var(--header-h) + 46px);padding-bottom:34px;max-width:1240px}.case-back{display:inline-block;margin-bottom:27px;font-size:13px;color:var(--mut);text-decoration:underline;text-underline-offset:4px}.case-hero .kicker{display:flex}.case-hero h1{font:800 clamp(35px,4.8vw,62px)/1.06 Cabinet,system-ui,sans-serif;letter-spacing:-.035em;max-width:970px;margin:12px 0 23px}.case-hero>p:not(.kicker){max-width:760px;font-size:17px;line-height:1.8;color:#58555a}
.portfolio-filters{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0 5px}.portfolio-filters button{min-height:46px;padding:12px 17px;border:1px solid #bdb6b5;background:#fff;border-radius:4px;font-size:13px;font-weight:700}.portfolio-filters button[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.portfolio-filters button:hover{border-color:var(--brand)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:35px}.portfolio-card{background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden;min-width:0}.portfolio-card>a{display:flex;height:100%;flex-direction:column}.portfolio-card img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;transition:transform .25s}.portfolio-card:hover img{transform:scale(1.015)}.portfolio-card a>div{padding:24px;flex:1;display:flex;flex-direction:column}.portfolio-card span{font-size:11px;color:var(--brand);font-weight:700;line-height:1.5}.portfolio-card h2{font:700 27px/1.12 Cabinet,sans-serif;margin:12px 0 14px;letter-spacing:-.02em}.portfolio-card p{font-size:14px;color:#605c60;line-height:1.75;margin-bottom:23px}.portfolio-card b{font-size:13px;color:var(--brand);margin-top:auto}
.case-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-bottom:45px}.case-photos figure{min-width:0}.case-photos figure:first-child{grid-column:1/-1}.case-photos figure>a{display:block;position:relative;overflow:hidden;border-radius:6px;background:#eae7e2}.case-photos img{display:block;width:100%;height:450px;object-fit:contain}.case-photos figure:first-child img{height:min(65vw,610px)}.case-photos figcaption{padding:15px 0;display:flex;flex-direction:column;gap:7px}.case-photos figcaption span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--brand)}.case-photos figcaption b{font-size:15px;color:var(--ink);font-weight:700}.case-enlarge{position:absolute;bottom:16px;right:16px;background:#fff;color:#282326;padding:10px 14px;border-radius:3px;font-size:12px;font-weight:700}
.case-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:25px 0 60px;padding:35px;background:#fff;border:1px solid var(--border);border-top:3px solid var(--brand);border-radius:5px}.case-cta h2,.case-cta h3{font:700 31px/1.2 Cabinet,sans-serif;margin-bottom:14px}.case-cta p{font-size:15px;color:#615b60;max-width:680px}.case-cta .btn{flex-shrink:0}
.release-dialog{border:0;padding:0;max-width:94vw;width:1100px;max-height:95dvh;background:#242226;color:#fff;border-radius:7px}.release-dialog::backdrop{background:#171517e8}.release-dialog__head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 18px}.release-dialog button{border:1px solid #8e898f;color:#fff;min-width:46px;min-height:46px;border-radius:3px;padding:9px}.release-dialog img{max-width:100%;height:73dvh;object-fit:contain;margin:auto}.release-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px}.release-dialog__foot p{font-size:14px;line-height:1.5}.sr-release{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.config-room-list{display:grid;gap:12px;margin:16px 0}.config-room{display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,.55fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--border);border-radius:4px}.config-room label{font-size:12px;font-weight:700;display:block}.config-room input,.config-room select{display:block;width:100%;min-height:47px;margin-top:8px;border:1px solid #bbb;padding:10px;font:16px Satoshi,sans-serif;border-radius:3px}.config-room button{min-height:47px;min-width:47px;padding:10px;border:1px solid #c7c0c1;border-radius:3px}.config-room-tools{display:flex;gap:12px;flex-wrap:wrap}.config-room-tools button{font-size:13px;min-height:46px;padding:11px 15px;border:1px solid #bdb5b6;background:#fff;border-radius:3px}.config-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.config-price-line{font-weight:700;color:var(--brand)}.config-preview-notice{font-size:12px;color:#675f63}
[data-project-category][hidden],.config-room[hidden]{display:none!important}
@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-cta{align-items:flex-start;flex-direction:column}.case-photos img{height:360px}}
@media(max-width:650px){.case-hero{padding-top:calc(var(--header-h) + 26px);padding-bottom:25px}.case-hero h1{font-size:37px}.case-hero>p:not(.kicker){font-size:15px}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-card img{aspect-ratio:4/3}.portfolio-card a>div{padding:21px}.portfolio-card h2{font-size:27px}.portfolio-filters{gap:8px}.portfolio-filters button{font-size:12px;padding:11px 13px}.case-photos{grid-template-columns:1fr;gap:17px}.case-photos figure:first-child{grid-column:auto}.case-photos img,.case-photos figure:first-child img{height:auto;max-height:70vh;object-fit:contain}.case-cta{padding:25px 20px;margin-bottom:40px;gap:24px}.case-cta h2{font-size:29px}.case-cta .btn{width:100%}.release-dialog img{height:64dvh}.release-dialog__foot{gap:12px}.config-room{grid-template-columns:1fr 90px 44px;padding:12px 10px;gap:7px}.config-room select,.config-room input{padding:9px;font-size:16px}.config-details-grid{grid-template-columns:1fr}.config-room-tools button{flex:1}.hero-scene figcaption{position:static;border-radius:0;gap:15px;padding:15px}.hero-scene{height:auto;background:#fff}.hero-scene #hero-scene-image{height:275px}.hero-scene figcaption small{font-size:11px}.hero-scene figcaption a{max-width:110px}}
@media(prefers-reduced-motion:reduce){.portfolio-card img{transition:none}.portfolio-card:hover img{transform:none}}
@media print{.portfolio-filters,.release-dialog,.case-enlarge,.config-room-tools,.config-room button{display:none!important}.case-hero{padding-top:20px}.case-photos{grid-template-columns:1fr 1fr}.case-cta{break-inside:avoid}.portfolio-card{break-inside:avoid}}
