/* Rehabilitation: distinct urban and residential sections within the existing visual system. */
.rehab-navigation{display:flex;gap:50px;padding:0 var(--space-gutter) 45px;border-bottom:1px solid var(--color-rule)}
.rehab-navigation a{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:1;padding:20px 0;border-top:1px solid var(--color-rule);font-size:20px}
.rehab-navigation a:hover{color:var(--color-accent)}
.rehab-navigation svg{width:20px;height:20px}
.rehab-urban{background:var(--color-panel)}
.rehab-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%}
.rehab-heading h2,.rehab-houses h2{font-size:clamp(35px,3.6vw,55px)}
.rehab-heading .large-copy,.rehab-house-copy .large-copy{font-size:22px;line-height:1.6;color:var(--color-ink);margin-bottom:22px}
.rehab-heading p,.rehab-house-copy>p{font-size:14px;line-height:1.9;color:var(--color-muted)}
.rehab-work-list{display:flex;gap:35px;margin-top:45px;padding:24px 0;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}
.rehab-work-list p{flex:1;font-size:14px}
.rehab-simulation{margin-top:60px}
.rehab-simulation-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:25px}
.rehab-simulation-heading h3{font-size:clamp(26px,3vw,40px)}
.rehab-simulation-heading p{max-width:35ch;font-size:14px;color:var(--color-muted)}
.rehab-comparison{--comparison-position:50%;position:relative;width:min(100%,660px);aspect-ratio:3/4;margin-inline:auto;isolation:isolate;background:var(--color-paper)}
.rehab-comparison-photo{position:absolute;inset:0;background-image:url('assets/reabilitacao-urbana-simulacao.webp');background-size:200% 100%;background-repeat:no-repeat}
.rehab-comparison-after{background-position:right center}
.rehab-comparison-before{background-position:left center;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}
.rehab-comparison-labels{position:absolute;inset:18px 18px auto;display:flex;justify-content:space-between;gap:12px;pointer-events:none}
.rehab-comparison-labels span{padding:8px 12px;background:var(--color-paper);font-size:12px}
.rehab-comparison-divider{position:absolute;inset:0 auto 0 var(--comparison-position);width:2px;background:var(--color-ink);transform:translateX(-50%);pointer-events:none}
.rehab-comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--color-ink);border-radius:50%;background:var(--color-action)}
.rehab-comparison-divider svg{width:32px;height:24px;stroke-width:1.8}
.rehab-comparison-control{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.rehab-comparison:focus-within{outline:2px solid var(--color-accent);outline-offset:6px}
.rehab-comparison-help{margin:18px auto 0;font-size:12px;color:var(--color-muted);text-align:center}
.rehab-simulation figcaption{font-size:12px;color:var(--color-muted);line-height:1.8;margin-top:16px;max-width:90ch}
.rehab-urban>.text-link{margin-top:30px}
.rehab-houses{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start}
.rehab-house-copy>.large-copy{margin-top:30px}
.rehab-house-copy .service-rows{margin-top:35px}
.rehab-house-copy .service-row h3{font-size:22px}
.rehab-house-copy>.text-link{margin-top:30px}
.rehab-house-image img{height:690px;object-position:60% center}
.rehab-house-image figcaption{font-size:11px;color:var(--color-muted);margin-top:12px}
@media(max-width:800px){
  .rehab-heading,.rehab-houses{grid-template-columns:minmax(0,1fr);gap:35px}
  .rehab-navigation{gap:30px}
  .rehab-navigation a{font-size:17px;gap:15px}
  .rehab-work-list{flex-direction:column;gap:18px;margin-top:30px}
  .rehab-house-image img{height:420px}
}
@media(max-width:540px){
  .rehab-navigation{flex-direction:column;gap:0;padding-bottom:25px}
  .rehab-simulation{margin-top:40px}
  .rehab-simulation-heading{display:block}
  .rehab-simulation-heading p{margin-top:18px}
  .rehab-comparison-labels span{font-size:10px;padding:10px}
  .rehab-house-image img{height:340px}
}