/* Our work wheel: one-direction infinite loop (Nov 5, 2026 arrows stronger + mobile dots) */
#work .s-ex-stage{position:relative}
#work .s-ex-grid.s-ex-roll{display:block;overflow:hidden;padding:4px 0 10px;--k:3;--gap:28px;touch-action:pan-y;cursor:grab;outline:none}
#work .s-ex-grid.s-ex-roll.drag{cursor:grabbing}
#work .s-ex-grid.s-ex-roll:focus-visible{outline:2px solid var(--acc2,#c9a24b);outline-offset:4px}
#work .s-ex-track{display:flex;gap:var(--gap);will-change:transform}
#work .s-ex-track.anim{transition:transform .9s cubic-bezier(.65,0,.35,1)}
#work .s-ex-roll .s-ex{flex:0 0 calc((100% - (var(--k) - 1) * var(--gap)) / var(--k));min-width:0}
#work .s-ex-roll .s-ex img{-webkit-user-drag:none;user-select:none}
@media(max-width:900px){#work .s-ex-grid.s-ex-roll{--k:2;--gap:18px}}
@media(max-width:600px){#work .s-ex-grid.s-ex-roll{--k:1;--gap:16px}}
#work .s-ex-stage~.s-ex-swipe,#work .s-ex-roll~.s-ex-swipe{display:none}

/* Desktop side arrows (slightly stronger); hidden on mobile */
#work .s-ex-arrow{display:none;position:absolute;top:32%;z-index:3;width:52px;height:52px;padding:0;border-radius:99px;border:1px solid rgba(201,162,75,.9);background:rgba(18,17,16,.9);color:#f1dfb4;cursor:pointer;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.45);transition:border-color .3s,color .3s,background .3s,transform .3s,box-shadow .3s}
#work .s-ex-arrow svg{width:21px;height:21px;display:block}
#work .s-ex-prev{left:2px;transform:translateY(-50%)}
#work .s-ex-next{right:2px;transform:translateY(-50%)}
#work .s-ex-arrow:focus-visible{outline:2px solid var(--acc2,#c9a24b);outline-offset:3px}
@media (min-width:901px){
#work .s-ex-stage{padding:0 60px}
#work .s-ex-arrow{display:inline-flex}
#work .s-ex-dots{display:none!important}
}
@media (hover:hover){
#work .s-ex-arrow:hover{color:#fff6d8;border-color:#e0c06a;background:rgba(18,17,16,.96);box-shadow:0 8px 22px rgba(0,0,0,.55)}
#work .s-ex-prev:hover{transform:translate(-2px,-50%)}
#work .s-ex-next:hover{transform:translate(2px,-50%)}
}
@media (prefers-reduced-motion:reduce){
#work .s-ex-arrow,#work .s-ex-prev:hover,#work .s-ex-next:hover{transition:none;transform:translateY(-50%)}
}

/* Mobile-only swipe dots */
#work .s-ex-dots{display:none;justify-content:center;gap:10px;margin:18px 0 0}
#work .s-ex-dots button{width:9px;height:9px;padding:0;border-radius:99px;border:1px solid rgba(241,223,180,.5);background:transparent;cursor:pointer;transition:width .4s,background .4s}
#work .s-ex-dots button[aria-current="true"]{width:24px;background:#c9a24b;border-color:#c9a24b}
#work .s-ex-dots button:focus-visible{outline:2px solid var(--acc2,#c9a24b);outline-offset:3px}
@media (max-width:900px){
#work .s-ex-dots{display:flex}
}

/* Our work: phone/touch CTA sits under the thumbnail, not on it (Nov 5, 2026) */
#work .s-ex-cta-m{display:none}
@media (max-width:900px),(hover:none){
#work .s-ex-open .s-ex-cta{display:none}
#work .s-ex-cap{align-items:center}
#work .s-ex-cta-m{display:inline-flex;align-items:center;gap:8px;margin:4px 0 0;padding:10px 16px;border-radius:99px;background:rgba(18,17,16,.82);color:#e6c77a;font:500 13px var(--sans);border:1px solid rgba(201,162,75,.7);text-decoration:none;white-space:nowrap}
#work .s-ex-cta-m .arrow{width:14px;height:14px}
#work .s-ex-cta-m:focus-visible{outline:2px solid #c9a24b;outline-offset:3px}
}