.vli-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1240px;margin:0 auto}.vli-project-card{overflow:hidden;background:#f7f7f6;border:1px solid #e2e5e5}.vli-project-card>a{display:block;text-decoration:none;color:inherit}.vli-project-card img,.vli-project-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e5e9e9}.vli-project-card-info{padding:22px}.vli-project-card-info small{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#687579}.vli-project-card-info h3{margin:10px 0 14px;font-size:22px}.vli-project-card-info span{font-size:13px;text-decoration:underline;text-underline-offset:4px}.vli-project-meta{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0;color:#44565b}.vli-project-summary{font-size:19px;line-height:1.65}.vli-compare{width:100%;max-width:1200px;position:relative;overflow:hidden;aspect-ratio:16/10;margin:32px auto;background:#dce1e3;isolation:isolate}.vli-compare-image{position:absolute;inset:0}.vli-compare-image img{display:block;width:100%;height:100%;object-fit:cover}.vli-compare-before{clip-path:inset(0 calc(100% - var(--vli-position)) 0 0)}.vli-compare input{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.vli-compare-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--vli-position);border-left:3px solid white;transform:translateX(-50%);pointer-events:none}.vli-compare-line:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:43px;height:43px;line-height:43px;text-align:center;background:white;color:#152b39;font-size:25px;box-shadow:0 2px 12px #0003}.vli-compare-label{position:absolute;z-index:2;top:16px;padding:7px 12px;background:#071d2dbd;color:white;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.label-before{left:16px}.label-after{right:16px}.vli-project-cta{margin:65px 0 0;padding:38px;background:#eef1f0}.vli-project-cta h2{font-size:30px;margin:0 0 12px}.vli-project-cta a{display:inline-block;margin-top:12px;padding:13px 22px;background:#16313a;color:#fff;text-decoration:none}@media(max-width:800px){.vli-projects-grid{grid-template-columns:1fr 1fr;gap:14px}}@media(max-width:540px){.vli-projects-grid{grid-template-columns:1fr}.vli-compare{aspect-ratio:4/3}}