.gallery{width:100%}.gal-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.gal-item{flex-direction:column;gap:8px;display:flex}.gal-compare{aspect-ratio:4/3;background:var(--surface-dim);cursor:ew-resize;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;border:1px solid var(--concrete);border-radius:10px;width:100%;position:relative;overflow:hidden}.gal-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gal-before-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.gal-handle{background:var(--paper);pointer-events:none;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.gal-handle-grip{background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #00000040}.gal-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;border-radius:3px;padding:4px 10px;font-size:11px;position:absolute;bottom:10px}.gal-label-before{color:var(--paper);background:#1e2b31bf;left:10px}.gal-label-after{background:var(--rust);color:var(--paper);right:10px}.gal-caption{color:#45514b;text-align:center;font-size:13px}.gal-splits{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;display:grid}.gal-split-item{margin:0}.gal-split-img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--concrete);border-radius:10px;width:100%}.gal-split-item .gal-caption{margin-top:8px}@media (width<=900px){.gal-splits{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.gal-grid,.gal-splits{grid-template-columns:1fr}}