/* QSPEC Calm — WORK / PLAY split slider */
.calm-split{--calm-split:.5;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111;user-select:none;touch-action:pan-y;cursor:ew-resize;}
.calm-split__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;}
.calm-split__img--top{clip-path:inset(0 calc((1 - var(--calm-split)) * 100%) 0 0);}
.calm-split__line{position:absolute;top:0;bottom:0;left:calc(var(--calm-split) * 100%);width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 12px rgba(0,0,0,.35);pointer-events:none;}
.calm-split__handle{position:absolute;top:50%;left:calc(var(--calm-split) * 100%);transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:0;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.35);cursor:ew-resize;}
.calm-split__handle::before{content:"◀ ▶";font-size:11px;letter-spacing:2px;color:#222;}
.calm-split__handle:focus-visible{outline:3px solid #8ab4ff;outline-offset:2px;}
.calm-split__label{position:absolute;top:1.2em;font-size:.85rem;letter-spacing:.14em;padding:.35em .8em;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;pointer-events:none;}
.calm-split__label--left{left:1.2em;}
.calm-split__label--right{right:1.2em;}
.calm-split.is-dragging .calm-split__img--top{transition:none;}
.calm-split__caption{display:grid;grid-template-columns:1fr 1fr;gap:2vw;margin:1.4em 0 0;}
.calm-split__caption h3{font-size:1.05rem;margin:0 0 .3em;}
.calm-split__caption p{margin:0;font-size:.95rem;line-height:1.8;color:#3a3633;}
@media (max-width:767px){.calm-split{aspect-ratio:4/3;}.calm-split__caption{grid-template-columns:1fr;gap:1em;}}