.project-gallery{border-top:1px solid #1c507b66;padding-top:68px}.project-gallery-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);column-gap:48px;align-items:end;margin-bottom:34px}.project-gallery-intro .eyebrow{grid-column:1/-1}.project-gallery-intro h2{max-width:760px;margin:0;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.045em}.project-gallery-intro>p:last-child{max-width:520px;margin:0;font-size:18px;line-height:1.65}.project-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.project-comparison-grid .image-comparison{min-width:0;margin:0}.project-comparison-grid .image-comparison h3{margin:0 0 13px;font-size:clamp(20px,2vw,26px);line-height:1.15;letter-spacing:-.035em}.before-after{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:var(--compare-ratio,3/2);border:2px solid var(--ink);background:var(--white);touch-action:pan-y}.before-after figure{position:absolute;inset:0;margin:0;padding:0;background:var(--white)}.before-after .after-layer{z-index:1}.before-after .before-layer{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.before-after img{display:block;width:100%;height:100%;object-fit:cover}.before-after figcaption{position:absolute;top:14px;z-index:1;padding:7px 11px;border:1px solid var(--ink);border-radius:99px;background:var(--paper);font:600 12px/1 Space,sans-serif;text-transform:uppercase;letter-spacing:.08em}.before-after .before-layer figcaption{left:14px}.before-after .after-layer figcaption{right:14px}.before-after-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--split);width:3px;transform:translateX(-50%);background:var(--white);box-shadow:0 0 0 1px #234c7c66;pointer-events:none}.before-after-divider:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%);border:2px solid var(--ink);border-radius:50%;background:var(--accent);box-shadow:0 2px 10px #234c7c33}.before-after-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.before-after:has(.before-after-range:focus-visible) .before-after-divider:after{outline:3px solid var(--white);outline-offset:3px}@media(max-width:760px){.project-gallery{padding-top:40px}.project-gallery-intro{display:block;margin-bottom:26px}.project-gallery-intro h2{margin-bottom:16px}.project-gallery-intro>p:last-child{font-size:17px}.project-comparison-grid{grid-template-columns:1fr;gap:30px}.before-after figcaption{top:10px;padding:6px 9px;font-size:11px}.before-after .before-layer figcaption{left:10px}.before-after .after-layer figcaption{right:10px}}