/* No replacement controls, image changes or layout dimensions. */
.reveal-ready .jwd-reveal-stage.jwd-coffee-ready::after{display:none}
.jwd-coffee-handle{position:absolute;left:clamp(82px,var(--reveal,50%),calc(100% - 82px));top:50%;width:108px;height:117px;transform:translate(-50%,-50%);z-index:4;pointer-events:none;filter:drop-shadow(0 2px 3px #0009)}
.jwd-coffee-handle svg{display:block;width:100%;height:100%;overflow:visible}
.jwd-cup-art{transform-origin:50px 84px;transition:transform .3s cubic-bezier(.2,1.5,.4,1)}
.jwd-coffee-surface{transform-origin:58px 28px;transition:transform .18s ease-out}
.jwd-coffee-splash{opacity:0;transform-origin:58px 28px;transition:opacity .12s ease-out}
[data-coffee-direction=right] .jwd-cup-art{transform:rotate(9deg)}
[data-coffee-direction=left] .jwd-cup-art{transform:rotate(-9deg)}
[data-coffee-direction=right] .jwd-coffee-surface{transform:rotate(-8deg)}
[data-coffee-direction=left] .jwd-coffee-surface{transform:rotate(8deg)}
[data-coffee-direction] .jwd-coffee-splash{opacity:1}
[data-coffee-direction=left] .jwd-coffee-splash{transform:translateX(116px) scaleX(-1)}
.jwd-coffee-ready:has(input:focus-visible){outline:2px solid #b8d6e8;outline-offset:3px}
@media(max-width:520px){.jwd-coffee-handle{width:96px;height:104px}}
@media(prefers-reduced-motion:reduce){.jwd-coffee-handle *{transition:none!important;transform:none!important}.jwd-coffee-splash{display:none!important}}

/* Larger red direction cues, with clear space beside the unchanged mug. */
.jwd-coffee-handle svg>path{display:none}
.jwd-coffee-handle::before,.jwd-coffee-handle::after{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:48px;display:grid;place-items:center;color:#e93632;font:900 44px/1 system-ui,sans-serif;-webkit-text-stroke:.7px #fff;text-shadow:0 2px 3px #071725;pointer-events:none}
.jwd-coffee-handle::before{content:'\2039';left:-26px}
.jwd-coffee-handle::after{content:'\203a';right:-26px}

/* Shared compact cards: preserve layout and clear existing project CTA. */
.jwd-job-card .jwd-coffee-handle{top:min(50%,calc(100% - 104px));width:80px;height:87px;left:clamp(62px,var(--reveal,50%),calc(100% - 62px))}
.jwd-job-card .jwd-coffee-handle::before,.jwd-job-card .jwd-coffee-handle::after{font-size:34px;width:20px;height:38px}
.jwd-job-card .jwd-coffee-handle::before{left:-20px}
.jwd-job-card .jwd-coffee-handle::after{right:-20px}
@media(max-width:520px){.jwd-job-card .jwd-coffee-handle{width:72px;height:78px}}