.video-works{position:relative;width:100%;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;color:#242622}
.works-stage{position:absolute;inset:0;cursor:grab;touch-action:pan-x;outline-offset:-4px}.works-stage:active{cursor:grabbing}.works-stage:focus-visible{outline:2px solid #777}
.works-wheel{position:absolute;left:50%;top:50%;transform-style:preserve-3d}
.work-phone-card{position:absolute;backface-visibility:hidden;transform-style:preserve-3d;pointer-events:none}
.work-phone-face{position:relative;display:block;width:100%;height:100%;padding:5px;border:1px solid #a7aaa7;border-radius:calc(var(--card-w)*.15);background:linear-gradient(120deg,#353a38,#c4c9c6 35%,#4d524f);box-shadow:0 18px 35px -15px #0007}
.work-phone-screen{display:block;box-sizing:border-box;isolation:isolate;clip-path:inset(0 round calc(var(--card-w)*.125));position:relative;width:100%;height:100%;border-radius:calc(var(--card-w)*.125);overflow:hidden;background:#dfe0dc}
.work-phone-screen video{position:absolute;inset:0;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;display:block}
.work-phone-island{position:absolute;z-index:2;width:28%;height:3.7%;left:36%;top:2%;border-radius:20px;background:#060707}
.work-phone-home{position:absolute;width:30%;height:3px;left:35%;bottom:2%;border-radius:5px;background:#252825}
.works-ring-title{position:absolute;inset:0;display:grid;align-content:center;justify-content:center;text-align:center;pointer-events:none;margin:0;font-size:clamp(30px,5vw,70px);line-height:.95;letter-spacing:-.06em}.works-ring-title em{color:#7b7f77}
.works-active-title{position:absolute;left:7%;top:47%;max-width:22%;font-size:clamp(15px,2.2vw,30px);letter-spacing:-.04em;pointer-events:none;opacity:0}
.works-index{position:absolute;right:4%;top:5%;padding:0;list-style:none;text-align:right;margin:0}.works-index button{background:none;border:0;padding:5px;color:#888b83;cursor:pointer;font:400 11px/1.5 system-ui}.works-index button[aria-current=true]{color:#242622;font-weight:750}
.works-controls{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap}.works-controls span{font:11px system-ui;color:#777}.works-controls button{border:1px solid #7775;border-radius:24px;background:#f3f2ec;padding:9px 14px;color:#333;cursor:pointer}
@media(max-width:600px){.works-active-title{left:5%;top:auto;bottom:88px;max-width:90%;font-size:18px}.works-ring-title{font-size:30px}.works-index{top:3%;right:3%}.works-index button{font-size:9px}}


/* Preserve the complete client commercial inside the taller phone display. */
#phone-work-0 video{object-fit:contain;background:#080a09}