html[data-sv-motion] .sv-speaker-stage{isolation:isolate}
html[data-sv-motion] .sv-speaker-stage>.sv-speaker-model,html[data-sv-motion] .sv-speaker-stage>.sv-spotlight__image,html[data-sv-motion] .sv-speaker-stage>.sv-model-fallback{position:relative;z-index:1}
html[data-sv-motion] .sv-speaker-stage>.sv-model-hint{z-index:2}
.sv-motion-scene{position:absolute;inset:-12px -7%;z-index:0;overflow:hidden;pointer-events:none;contain:paint}
.sv-motion-wavefield{position:absolute;inset:0;display:none;pointer-events:none}
html[data-sv-motion=waves] .sv-motion-wavefield{display:block}
html[data-sv-motion=waves] .sv-listening-room{background:#2c332f}
html[data-sv-motion=waves] .sv-listening-room h1 em{color:#c1d0b8}
html[data-sv-motion=waves] .sv-listening-room__copy>.sv-kicker{color:#c6d1c1}
html[data-sv-motion=waves] .sv-spotlight{border-left-color:#c1d0b824}
html[data-sv-motion=waves] .sv-speaker-stage{background:radial-gradient(ellipse at 50% 53%,#8eab7d18,transparent 66%)}
html[data-sv-motion=waves] .sv-motion-scene{inset:-30px -13%}
.sv-motion-wavefield::before{content:"";position:absolute;inset:12% -8%;background:radial-gradient(ellipse at 36% 49%,#c1d0b818,transparent 45%),radial-gradient(ellipse at 80% 51%,#9eb98d12,transparent 42%);pointer-events:none}
.sv-motion-wavefield{mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}
.sv-motion-waves-svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.sv-motion-wave-layer{transform-box:view-box;transform-origin:50% 50%;opacity:1}
html[data-sv-motion=waves] .sv-motion-wave-layer{animation:sv-motion-wave-travel 16s linear infinite;animation-play-state:paused}
html.sv-motion-flowing[data-sv-motion=waves][data-sv-motion-paused=false] .sv-motion-wave-layer{animation-play-state:running}
html.sv-motion-running .sv-listening-room__copy>.sv-kicker{animation:sv-motion-enter .65s .05s both}
html.sv-motion-running .sv-listening-room__copy>h1{animation:sv-motion-enter .8s .12s both}
html.sv-motion-running .sv-listening-room__intro{animation:sv-motion-enter .7s .23s both}
html.sv-motion-running .sv-listening-room__actions{animation:sv-motion-enter .7s .34s both}
html.sv-motion-running[data-sv-motion=waves] .sv-listening-room h1 em{animation:sv-motion-closer 1.15s .18s both}
html[data-sv-motion] .sv-motion-reveal{animation:sv-motion-card .65s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--sv-reveal-delay,0ms)}
html[data-sv-motion] .sv-category__title>span,html[data-sv-motion] .sv-button>span[aria-hidden],html[data-sv-motion] .sv-text-link>span[aria-hidden]{transition:transform .22s ease}
html[data-sv-motion] .sv-category__image,html[data-sv-motion] .sv-product-card__media{transition:transform .28s ease,box-shadow .28s ease}
html[data-sv-motion] .sv-category:focus-visible .sv-category__image,html[data-sv-motion] .sv-product-card:focus-within .sv-product-card__media{transform:translateY(-4px);box-shadow:0 10px 23px #2c332f13}
html[data-sv-motion] .sv-category:focus-visible .sv-category__title>span,html[data-sv-motion] .sv-button:focus-visible>span[aria-hidden],html[data-sv-motion] .sv-text-link:focus-visible>span[aria-hidden]{transform:translate(3px,-3px)}
html[data-sv-motion] .sv-nav a{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 1px;background-position:left bottom;transition:background-size .22s ease}
html[data-sv-motion] .sv-nav a:focus-visible{background-size:100% 1px}
@media(hover:hover) and (pointer:fine){html[data-sv-motion] .sv-category:hover .sv-category__image,html[data-sv-motion] .sv-product-card:hover .sv-product-card__media{transform:translateY(-4px);box-shadow:0 10px 23px #2c332f13}html[data-sv-motion] .sv-category:hover .sv-category__title>span,html[data-sv-motion] .sv-button:hover>span[aria-hidden],html[data-sv-motion] .sv-text-link:hover>span[aria-hidden]{transform:translate(3px,-3px)}html[data-sv-motion] .sv-nav a:hover{background-size:100% 1px}}
html[data-sv-motion-paused=true] .sv-motion-scene *:not(.sv-motion-wave-layer),html[data-sv-motion-paused=true] .sv-listening-room__copy>*,html[data-sv-motion-paused=true] .sv-listening-room h1 em,html[data-sv-motion-paused=true] .sv-motion-reveal{animation:none!important}
html[data-sv-motion-paused=true] .sv-category *,html[data-sv-motion-paused=true] .sv-product-card *,html[data-sv-motion-paused=true] .sv-button,html[data-sv-motion-paused=true] .sv-button>span,html[data-sv-motion-paused=true] .sv-text-link>span,html[data-sv-motion-paused=true] .sv-nav a{transition:none!important;transform:none!important}
@keyframes sv-motion-wave-travel{from{transform:translateX(0)}to{transform:translateX(1000px)}}
@keyframes sv-motion-enter{from{transform:translateY(16px);opacity:.35}to{transform:translateY(0);opacity:1}}
@keyframes sv-motion-closer{from{transform:translateX(12px);opacity:.3}to{transform:translateX(0);opacity:1}}
@keyframes sv-motion-card{from{transform:translateY(12px);opacity:.45}to{transform:translateY(0);opacity:1}}
@media(max-width:720px){.sv-motion-scene{inset:0 -6%}html[data-sv-motion=waves] .sv-motion-scene{inset:0 -13%}}
@media(prefers-reduced-motion:reduce){html[data-sv-motion] *,html[data-sv-motion] *::before,html[data-sv-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-sv-motion] .sv-category:hover .sv-category__image,html[data-sv-motion] .sv-category:focus-visible .sv-category__image,html[data-sv-motion] .sv-product-card:hover .sv-product-card__media,html[data-sv-motion] .sv-product-card:focus-within .sv-product-card__media,html[data-sv-motion] .sv-category:hover img,html[data-sv-motion] .sv-product-card:hover img,html[data-sv-motion] .sv-button:hover,html[data-sv-motion] .sv-category__title>span,html[data-sv-motion] .sv-button>span[aria-hidden],html[data-sv-motion] .sv-text-link>span[aria-hidden]{transform:none!important}}

.sv-motion-controls{display:flex;justify-content:flex-end;min-width:0;margin:4px 0 -4px}
.sv-motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 10px;border:1px solid #ffffff26;border-radius:3px;background:transparent;color:#c5d0c0;font-family:var(--sv-body);font-size:.6875rem;font-weight:500;line-height:1.3;cursor:pointer}
.sv-motion-toggle:hover:not(:disabled){background:#ffffff13;border-color:#ffffff50;color:#fff}
.sv-motion-toggle:focus-visible{outline:2px solid #c1d0b8;outline-offset:3px}
.sv-motion-toggle:disabled{opacity:.75;cursor:default}
@media(pointer:coarse){.sv-motion-toggle{min-height:44px}}

/* Hide decorative sound waves on mobile, including touch-only landscape devices. */
@media(max-width:800px),(hover:none) and (pointer:coarse){
  .sv-motion-scene,.sv-motion-controls{display:none!important}
  html[data-sv-motion=waves] .sv-motion-wave-layer{animation:none!important}
  html[data-sv-motion=waves] .sv-speaker-stage{background:none}
}
