[data-sig="remodeler-projects"]{padding:var(--s7) var(--edge);max-width:var(--wrap);margin:auto}[data-sig="remodeler-projects"] .section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;margin-bottom:56px;align-items:end}[data-sig="remodeler-projects"] .section-intro p{max-width:440px;font-size:15px}[data-sig="remodeler-projects"] .project{padding-top:28px;margin-bottom:72px;background:var(--surface)}[data-sig="remodeler-projects"] .project-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}[data-sig="remodeler-projects"] .project-head h3{font-size:30px}[data-sig="remodeler-projects"] .project-head span{font-size:12px;color:var(--muted)}[data-sig="remodeler-projects"] .compare{position:relative;aspect-ratio:3/2;max-height:670px;overflow:hidden;background:var(--paper);--split:50%}[data-sig="remodeler-projects"] .compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}[data-sig="remodeler-projects"] .before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}[data-sig="remodeler-projects"] .handle{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:var(--surface);pointer-events:none;z-index:3}[data-sig="remodeler-projects"] .handle::after{content:'↔';position:absolute;top:50%;left:1px;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;background:var(--surface);color:var(--ink);border-radius:50%;box-shadow:0 0 0 1px var(--image-line);font-size:22px}[data-sig="remodeler-projects"] input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y}[data-sig="remodeler-projects"] .compare:focus-within{outline:3px solid var(--ring);outline-offset:5px}[data-sig="remodeler-projects"] .photo-label{position:absolute;bottom:20px;background:var(--surface);padding:5px 12px;font-size:11px;z-index:2;pointer-events:none}[data-sig="remodeler-projects"] .photo-label:first-of-type{left:20px}[data-sig="remodeler-projects"] .photo-label:last-of-type{right:20px}[data-sig="remodeler-projects"] .project-info{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding:24px 0;border-bottom:1px solid var(--line);font-size:13px}[data-sig="remodeler-projects"] .project-info strong{display:block;font-size:16px;font-weight:600}[data-sig="remodeler-projects"] .project-info small{font-size:11px;color:var(--muted)}[data-sig="remodeler-projects"] details{margin-top:20px;font-size:14px}[data-sig="remodeler-projects"] summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:16px;font-weight:600}[data-sig="remodeler-projects"] summary::before{content:'+';font-size:24px;font-weight:400}[data-sig="remodeler-projects"] details[open] summary::before{content:'−'}[data-sig="remodeler-projects"] details p{padding:8px 0 16px;max-width:800px}[data-sig="remodeler-projects"] .gallery-empty{padding:48px;border:1px solid var(--line)}
@media(min-width:900px){[data-sig="remodeler-projects"].deck .project{position:sticky;top:100px;padding:20px 0 0;margin-bottom:90px}[data-sig="remodeler-projects"].deck .compare{aspect-ratio:2/1;max-height:calc(100dvh - 280px)}[data-sig="remodeler-projects"].deck .project-info{background:var(--surface)}}
@media(max-width:760px){[data-sig="remodeler-projects"]{padding-block:72px}[data-sig="remodeler-projects"] .section-intro{display:block;margin-bottom:32px}[data-sig="remodeler-projects"] .section-intro p{margin-top:24px;font-size:14px}[data-sig="remodeler-projects"] .project{margin-bottom:48px}[data-sig="remodeler-projects"] .project-head{align-items:start;flex-direction:column;gap:8px}[data-sig="remodeler-projects"] .project-head h3{font-size:24px}[data-sig="remodeler-projects"] .compare{aspect-ratio:4/5}[data-sig="remodeler-projects"] .project-info{grid-template-columns:1fr 1fr;gap:16px}[data-sig="remodeler-projects"] .project-info p{grid-column:1/-1}[data-sig="remodeler-projects"] .photo-label{bottom:12px}[data-sig="remodeler-projects"] .photo-label:first-of-type{left:12px}[data-sig="remodeler-projects"] .photo-label:last-of-type{right:12px}}
@media(prefers-reduced-motion:reduce){[data-sig="remodeler-projects"].deck .project{position:relative;top:0}}