.project-compare-section{background:#f6f9fb;padding:clamp(3.5rem,7vw,6rem) 0}.project-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.project-compare-card{background:#fff;border:1px solid #dce5ec;border-radius:17px;min-width:0;margin:0;overflow:hidden}.project-compare-frame{aspect-ratio:4/3;isolation:isolate;background:#e0e9f0;position:relative;overflow:hidden}.project-compare-frame>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.project-compare-tag{color:#fff;pointer-events:none;z-index:2;background:#102d49d9;border-radius:7px;padding:.36rem .7rem;font-size:.75rem;position:absolute;top:.8rem}.project-compare-tag.before{right:.8rem}.project-compare-tag.after{left:.8rem}.project-compare-divider{pointer-events:none;z-index:3;background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 3px #102d49bb}.project-compare-divider span{color:#163650;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.15rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 14px #0004}.project-compare-range{z-index:4;appearance:none;cursor:ew-resize;opacity:0;background:0 0;width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}.project-compare-frame:focus-within{outline-offset:3px;outline:3px solid #2c7ab6}.project-compare-range:focus-visible{opacity:0}.project-compare-card figcaption{color:#456073;padding:1rem 1.25rem;font-size:.87rem;line-height:1.55}@media (width<=750px){.project-compare-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.project-compare-frame *{transition:none!important}}