/* Tactile layers extend the original responsive SVG; all motion is bounded. */
:where(#mood-preview) .drink-stage::before{content:"";position:absolute;inset:0;background:url('https://cdn11.bigcommerce.com/s-no04cebghs/content/mood-preview/v1/mixer/plum-texture.png') center/cover;background-image:image-set(url('https://cdn11.bigcommerce.com/s-no04cebghs/content/mood-preview/v1/mixer/plum-texture.webp') type('image/webp'),url('https://cdn11.bigcommerce.com/s-no04cebghs/content/mood-preview/v1/mixer/plum-texture.png') type('image/png'));opacity:.12;pointer-events:none}
:where(#mood-preview) .cocktail-art .drink-liquid{transition:none;transform-origin:260px 375px}
:where(#mood-preview) .cocktail-art .fizz-bubbles,:where(#mood-preview) .cocktail-art .mix-spark{animation:none}
:where(#mood-preview) .drink-stage[data-active="true"] .fizz-bubbles{animation:mood-fizz 4s linear infinite}
:where(#mood-preview) .cocktail-art .mix-spark{opacity:.45}
:where(#mood-preview) .cocktail-art .garnish-art{transform-box:fill-box;transform-origin:center}
:where(#mood-preview) .cocktail-art .ice-cubes{transform-origin:260px 300px}
:where(#mood-preview) .drink-stage.pouring .pour-stream{animation:mood-pour 3s ease both;stroke-dasharray:260}
:where(#mood-preview) .drink-stage.pouring .drink-liquid{animation:mood-fill 3s cubic-bezier(.22,.7,.3,1) both}
:where(#mood-preview) .drink-stage.pouring .garnish-art{animation:mood-garnish 3s cubic-bezier(.16,1,.3,1) both}
:where(#mood-preview) .drink-stage.pouring .drink-garnish{animation:none}
:where(#mood-preview) .drink-stage.pouring .ice-cubes{animation:mood-ice 3s ease both}
:where(#mood-preview) .drink-stage.pouring .mix-spark{animation:mood-glint 3s ease both}
:where(#mood-preview) .drink-stage.glass-changing #coupe-glass:not([hidden]),:where(#mood-preview) .drink-stage.glass-changing #rocks-glass:not([hidden]){animation:mood-glass .42s ease both;transform-origin:260px 380px}
:where(#mood-preview) .drink-stage.garnish-changing .drink-garnish:not([hidden]) .garnish-art{animation:mood-arrive .52s cubic-bezier(.16,1,.3,1) both}
:where(#mood-preview) .drink-stage[data-active="false"] .cocktail-art *{animation:none!important;transition:none!important}
:where(#mood-preview) .cocktail-art [hidden]{display:none!important}
:where(#mood-preview) .film-dialog{width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:#281e29;color:#f9eee3;padding:0;overflow:auto}
:where(#mood-preview) .film-dialog .close-button{z-index:5;top:14px;right:14px}
:where(#mood-preview) .film-heading{padding:28px 72px 16px 28px}:where(#mood-preview) .film-heading .eyebrow{color:#ceb29c;font-size:11px;margin-bottom:8px}:where(#mood-preview) .film-heading h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}
:where(#mood-preview) .film-selector{display:flex;gap:8px;flex-wrap:wrap;padding:0 28px 20px}:where(#mood-preview) .film-selector button{color:#cbb6c5;background:transparent;border:1px solid #b495a64d;border-radius:24px;padding:10px 16px;font-size:13px;min-height:44px}:where(#mood-preview) .film-selector button[aria-pressed="true"]{background:#f4dfc9;color:#382536;border-color:#f4dfc9}
:where(#mood-preview) .film-dialog .motion-study{height:auto;min-height:0;aspect-ratio:16/9;background:#170f1b;overflow:hidden}
:where(#mood-preview) .film-dialog #ritual-film{display:block;position:static;width:100%;height:100%;object-fit:contain}
:where(#mood-preview) .film-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 28px}:where(#mood-preview) .film-controls button{background:#ffffff0c;border:1px solid #b495a64d;border-radius:4px;color:#f4dfc9;min-height:44px;padding:10px 16px;font-size:12px}:where(#mood-preview) .film-controls output{font:12px Arial;color:#cbb6c5;margin-left:auto}
:where(#mood-preview) .film-dialog .film-disclaimer{color:#cbb6c5;font-size:12px;line-height:1.65;padding:0 28px 24px;margin:0}
:where(#mood-preview) .film-error{color:#f4dfc9;padding:12px 28px;font-size:14px}:where(#mood-preview) .film-error[hidden]{display:none}
@keyframes mood-pour{0%,6%{opacity:0;stroke-dashoffset:260}12%{opacity:.9}54%{stroke-dashoffset:0;opacity:.75}65%,100%{stroke-dashoffset:-260;opacity:0}}
@keyframes mood-fill{0%,8%{transform:translateY(170px);opacity:.3}65%{transform:translateY(-3px);opacity:1}78%{transform:translateY(2px)}100%{transform:translateY(0);opacity:1}}
@keyframes mood-garnish{0%,67%{opacity:0;transform:translateY(-32px) rotate(-15deg) scale(.88)}84%{opacity:1;transform:translateY(3px) rotate(3deg) scale(1.02)}100%{opacity:1;transform:none}}
@keyframes mood-ice{0%,45%{transform:translateY(12px) rotate(-3deg)}75%{transform:translateY(-3px) rotate(2deg)}100%{transform:none}}
@keyframes mood-glint{0%,80%{opacity:0}88%{opacity:1}100%{opacity:.45}}
@keyframes mood-glass{from{opacity:.15;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}
@keyframes mood-arrive{from{opacity:0;transform:translateY(-14px) rotate(-8deg) scale(.93)}to{opacity:1;transform:none}}
@keyframes mood-fizz{0%{transform:translateY(5px);opacity:0}20%{opacity:.5}80%{opacity:.45}100%{transform:translateY(-21px);opacity:0}}
html.mood-preview-page[data-motion="off"] .drink-stage .cocktail-art *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html.mood-preview-page:not([data-motion="on"]) .drink-stage .cocktail-art *{animation:none!important;transition:none!important}}
@media(max-width:600px){:where(#mood-preview) .film-heading{padding:24px 60px 16px 18px}:where(#mood-preview) .film-selector{padding:0 18px 16px;gap:6px}:where(#mood-preview) .film-selector button{font-size:12px;padding:8px 12px}:where(#mood-preview) .film-controls{padding:12px 18px;gap:8px}:where(#mood-preview) .film-dialog .film-disclaimer{padding:0 18px 20px}:where(#mood-preview) .film-controls output{width:100%;margin:0}}
/* Leave room above the rim for the new botanical silhouettes. */
@media(max-width:680px){:where(#mood-preview) .drink-stage{height:260px;min-height:260px}:where(#mood-preview) .drink-stage .cocktail-art{top:-34px}}
@media(max-width:359px){:where(#mood-preview) .drink-stage{height:245px;min-height:245px}:where(#mood-preview) .drink-stage .cocktail-art{top:-29px}}