/* Original photographed coffee cup with independently moving decorative hand. */
.hero-figure.ceramic-showcase{padding:0;background:transparent;border:0;overflow:hidden;min-width:0;display:block}
.ceramic-stage{position:relative;isolation:isolate;aspect-ratio:1/1.08;width:100%;max-height:650px;overflow:hidden}
.hero-figure .ceramic-stage img{display:block;position:absolute;min-height:0;max-height:none;height:auto;object-fit:contain;object-position:center;aspect-ratio:auto;pointer-events:none;user-select:none}
.hero-figure .motion-object--coffee{z-index:2;width:66%;left:17%;top:7%;animation:coffee-float 5s ease-in-out infinite}
.hero-figure img.ceramic-hand{z-index:1;width:118%;right:-12%;bottom:-1%;animation:hand-float 5s ease-in-out infinite}
.motion-toggle{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center;font:400 16px/1 var(--sans);padding:0}
.motion-toggle[hidden]{display:none}
.motion-toggle:hover{background:#eadfcf;border-color:var(--clay)}
.motion-toggle:focus-visible{outline:3px solid var(--clay);outline-offset:3px}
.hero-figure .motion-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0;font-size:.875rem;color:var(--muted)}
.ceramic-showcase[data-paused="true"] .ceramic-stage *{animation-play-state:paused!important}
@keyframes coffee-float{0%,100%{transform:translateY(1%) rotate(-3deg)}50%{transform:translateY(-3%) rotate(2deg)}}
@keyframes hand-float{0%,100%{transform:translateY(1%) rotate(1deg)}50%{transform:translateY(-1%) rotate(-1deg)}}
@media(max-width:760px){.hero .ceramic-showcase{order:-1}.hero{gap:30px}.ceramic-stage{aspect-ratio:1/1.04;max-height:500px}.hero-figure .motion-object--coffee{top:3%}.hero-figure img.ceramic-hand{bottom:-3%}.hero .hero-copy{padding-top:2px}}
@media(prefers-reduced-motion:reduce){.ceramic-stage *{animation:none!important}.motion-toggle{display:none}}