.skba-gallery{width:100%;font-family:inherit}.skba-gallery *{box-sizing:border-box}.skba-gallery-grid{display:grid;grid-template-columns:repeat(var(--skba-cols),minmax(0,1fr));gap:28px}.skba-project{min-width:0;background:#fff;border:1px solid #e9edf1;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(20,31,45,.06)}.skba-project[hidden]{display:none}.skba-compare{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;outline-offset:4px;background:#e8edf0}.skba-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.skba-after-wrap{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--skba-position)) 0 0)}.skba-divider{position:absolute;top:0;bottom:0;left:var(--skba-position);width:3px;background:white;transform:translateX(-50%);box-shadow:0 0 10px #0005;pointer-events:none}.skba-grip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:3px solid white;border-radius:50%;display:grid;place-items:center;color:#fff;background:#182638;box-shadow:0 4px 16px #0003;font-size:24px;font-weight:700;letter-spacing:1px}.skba-label{position:absolute;top:16px;padding:7px 12px;border-radius:7px;background:#152231cc;color:white;font:600 12px/1.2 system-ui,sans-serif;letter-spacing:.03em;pointer-events:none}.skba-label-before{left:16px}.skba-label-after{right:16px}.skba-project-caption{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.skba-project-caption h3{font:700 17px/1.35 inherit;margin:0;color:#172335}.skba-project-caption span{font:500 12px/1.4 system-ui,sans-serif;color:#697689}.skba-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}.skba-filters button{border:1px solid #e0e5eb;background:#fff;color:#445366;border-radius:30px;padding:10px 17px;cursor:pointer;font:600 13px system-ui,sans-serif;transition:.2s}.skba-filters button:hover,.skba-filters button.is-active{background:#17283d;color:white;border-color:#17283d}@media(max-width:900px){.skba-gallery-grid{grid-template-columns:repeat(min(2,var(--skba-cols)),minmax(0,1fr));gap:18px}}@media(max-width:640px){.skba-gallery-grid{grid-template-columns:1fr}.skba-compare{aspect-ratio:4/3}.skba-project-caption{padding:15px 17px}}