.sola-hero{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);width:100%}.sola-wipes{flex-direction:column;gap:56px;display:flex}.wipe{margin:0}.wipe-cap{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.wipe-title{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;font-size:22px;font-weight:600}.wipe-craft{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-mute);font-size:10.5px}.wipe-frame{aspect-ratio:16/9;border:1px solid var(--line);touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#050505;width:100%;position:relative;overflow:hidden;container-type:inline-size}.wipe-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}video.wipe-img{background:#050505}.wipe-before-clip{position:absolute;top:0;bottom:0;left:0;overflow:hidden}.wipe-before-clip .wipe-before{width:100cqi;max-width:none;height:100%;position:absolute;inset:0 auto 0 0}.wipe-handle{z-index:2;pointer-events:none;width:0;position:absolute;top:0;bottom:0}.wipe-bar{background:var(--fg);width:1px;position:absolute;top:0;bottom:0;left:-.5px}.wipe-knob{border:1px solid var(--fg);width:44px;height:44px;color:var(--fg);font-family:var(--mono);letter-spacing:0;background:#0b0d0eb8;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wipe-tag{z-index:2;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg);pointer-events:none;background:#0b0d0e8c;padding:6px 10px;font-size:10px;position:absolute;bottom:14px}.wipe-tag.left{left:14px}.wipe-tag.right{right:14px}.wipe-range{opacity:0;cursor:ew-resize;z-index:3;width:100%;height:44px;position:absolute;inset:auto 0 0}.wipe-note{font-family:var(--mono);color:var(--fg-dim);max-width:78ch;margin:14px 0 0;font-size:12.5px;line-height:1.65}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.wipe-title{font-size:18px}.wipe-cap{flex-direction:column;gap:6px}}