/* Perceptible, continuous movement of existing artwork; content stays still. */
html[data-hp-motion="on"]{--hp-motion-distance:1}
@media(max-width:767px){html[data-hp-motion="on"]{--hp-motion-distance:.7}}
html[data-hp-motion="on"] .hp-motion-ambient circle {
  transform-box:fill-box;
  transform-origin:center;
  animation:hp-ambient-drift 10.5s ease-in-out -3s infinite alternate;
  animation-play-state:paused;
}
html[data-hp-motion="on"] .hp-motion-ambient circle:nth-child(2n){animation-duration:13s;animation-delay:-5s}
html[data-hp-motion="on"] .hp-motion-ambient circle:nth-child(3n){animation-duration:16s;animation-delay:-9s;animation-direction:alternate-reverse}
html[data-hp-motion="on"] .hp-motion-ambient.hp-motion-inview circle{animation-play-state:running}
html[data-hp-motion="on"] .hp-promo-bubbles.hp-motion-ambient {
  animation:hp-promo-drift 10s ease-in-out -2s infinite alternate;
  animation-play-state:paused;
}
html[data-hp-motion="on"] .hp-promo-bubbles.hp-motion-inview{animation-play-state:running}
html[data-hp-motion="on"] .promo:nth-child(2) .hp-promo-bubbles.hp-motion-ambient{animation-duration:13s;animation-delay:-4s;animation-direction:alternate-reverse}
html[data-hp-motion="on"] .promo:nth-child(3) .hp-promo-bubbles.hp-motion-ambient{animation-duration:15s;animation-delay:-8s}
html[data-hp-motion="on"] .hp-motion-lines {
  transform-origin:center;
  animation:hp-silk-drift 14s ease-in-out -4s infinite alternate;
  animation-play-state:paused;
}
html[data-hp-motion="on"] .hp-motion-lines.hp-motion-inview{animation-play-state:running}
html[data-hp-motion="on"] .hp-motion-hero .hp-podium-item a {
  animation:hp-podium-breathe 5.8s ease-in-out -1.4s infinite alternate;
  animation-play-state:paused;
}
html[data-hp-motion="on"] .hp-motion-hero .hp-podium-slot:nth-child(2) .hp-podium-item a{animation-duration:7.2s;animation-delay:-3.6s;animation-direction:alternate-reverse}
html[data-hp-motion="on"] .hp-motion-hero .hp-podium-slot:nth-child(3) .hp-podium-item a{animation-duration:6.4s;animation-delay:-2.1s}
html[data-hp-motion="on"] .hp-motion-hero.hp-motion-inview .hp-podium-item a{animation-play-state:running}
html[data-hp-motion="on"] .hp-motion-hero.hp-motion-inview .hp-podium-item a:is(:hover,:focus-visible){animation-play-state:paused}
html[data-hp-motion="on"][data-hp-motion-idle] .hp-motion-ambient,
html[data-hp-motion="on"][data-hp-motion-idle] .hp-motion-ambient circle,
html[data-hp-motion="on"][data-hp-motion-idle] .hp-motion-lines,
html[data-hp-motion="on"][data-hp-motion-idle] .hp-motion-hero .hp-podium-item a{animation-play-state:paused}
@keyframes hp-ambient-drift{
 from{transform:translate3d(calc(-20px * var(--hp-motion-distance,1)),calc(16px * var(--hp-motion-distance,1)),0) scale(.985)}
 to{transform:translate3d(calc(24px * var(--hp-motion-distance,1)),calc(-26px * var(--hp-motion-distance,1)),0) scale(1.025)}
}
@keyframes hp-promo-drift{
 from{transform:translate3d(calc(14px * var(--hp-motion-distance,1)),calc(-6px * var(--hp-motion-distance,1)),0)}
 to{transform:translate3d(calc(-18px * var(--hp-motion-distance,1)),calc(16px * var(--hp-motion-distance,1)),0)}
}
@keyframes hp-silk-drift{
 from{transform:translate3d(calc(-20px * var(--hp-motion-distance,1)),calc(10px * var(--hp-motion-distance,1)),0) rotate(-.6deg)}
 to{transform:translate3d(calc(24px * var(--hp-motion-distance,1)),calc(-14px * var(--hp-motion-distance,1)),0) rotate(.6deg)}
}
@keyframes hp-podium-breathe{
 from{transform:translate3d(calc(2px * var(--hp-motion-distance,1)),0,0)}
 to{transform:translate3d(calc(-3px * var(--hp-motion-distance,1)),calc(-20px * var(--hp-motion-distance,1)),0)}
}

.hp-form-result[data-hp-form-status="received"],.hp-toast.hp-motion-success,.hp-mini-cart .hp-motion-success {
  display:flex;align-items:center;gap:12px;
}
.hp-form-result[data-hp-confirmed="true"]{padding:var(--space-4);background:var(--mint);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink)}
.hp-form-result[tabindex="-1"]:focus{outline:none}
.hp-motion-check{display:inline-grid;place-items:center;position:relative;flex:none;width:32px;height:32px}
.hp-motion-check svg{display:block;width:32px;height:32px;padding:7px;border-radius:50%;background:var(--mint);color:var(--success)}
.hp-motion-check path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[data-hp-motion="on"] .hp-motion-check path{stroke-dasharray:1;animation:hp-check-draw 480ms cubic-bezier(.22,1,.36,1) both}
@keyframes hp-check-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.hp-form-result[data-hp-form-status="invalid"],.hp-form-result[data-hp-form-status="error"]{color:var(--danger)}
.hp-form-result[data-hp-form-status="unconfirmed"],.hp-form-result[data-hp-form-status="check"]{color:var(--ink-muted)}
.hp-motion-spinner{display:inline-block;flex:none;width:16px;height:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:hp-submit-spin 800ms linear infinite}
@keyframes hp-submit-spin{to{transform:rotate(360deg)}}
.hp-request-form .hp-motion-spinner{margin-inline-end:8px}
.hp-ftr-bottom .hp-motion-toggle{display:inline-flex;align-items:center;gap:7px;min-height:32px;margin:0;padding:0;border:0;border-radius:0;font:inherit;line-height:inherit;cursor:pointer;--hp-control-bg:transparent;--hp-control-text:var(--ink-muted);--hp-control-hover-bg:transparent;--hp-control-hover-text:var(--ink);--hp-control-edge:transparent;--hp-control-hover-edge:transparent}
.hp-motion-toggle svg{width:14px;height:14px;flex:none}
.hp-ftr-bottom .hp-motion-toggle[aria-pressed="true"]{text-decoration:underline;text-decoration-color:var(--rose-gold-ink);text-underline-offset:4px}
.hp-ftr-bottom .hp-motion-toggle[hidden]{display:none}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html[data-hp-motion="on"] .hp-design-block .pgrid>.hp-pcard{transition:transform 220ms cubic-bezier(.22,1,.36,1)}
  html[data-hp-motion="on"] .hp-design-block .pgrid>.hp-pcard:hover{transform:translateY(-3px)}
}
/* The footer setting also pauses the decorative motion already in the design. */
html[data-hp-motion="off"] .hp-design-block *,
html[data-hp-motion="off"] .hp-motion-spinner{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){
  .hp-motion-ambient,.hp-motion-ambient circle,.hp-motion-lines,.hp-motion-lines path,.hp-motion-hero .hp-podium-item a,.hp-motion-check path,.hp-motion-check:after,.hp-motion-spinner{animation:none!important;transition:none!important}
}