/* Explicit video scopes: never the opening home hero. */
.wss-host{position:relative}
html body #brx-content .wss-host>.wss-toggle{
 position:absolute!important;top:112px;left:0!important;right:auto!important;z-index:15;
 display:inline-flex!important;align-items:center;justify-content:flex-start;gap:0!important;
 width:auto!important;min-width:0!important;min-height:44px;height:44px;padding:0 12px!important;
 border:1px solid rgba(197,187,163,.4)!important;border-left:0!important;border-radius:0!important;
 background:rgba(197,187,163,.2)!important;color:#fff!important;
 font-family:Montserrat,Arial,sans-serif!important;font-size:11px!important;font-weight:600;
 letter-spacing:.035em;line-height:1.3;text-transform:uppercase;cursor:pointer;
 box-shadow:none!important;max-width:100%;pointer-events:auto;overflow:hidden;
 backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
 text-shadow:0 1px 3px rgba(0,0,0,.75);transition:background .2s;
}
html body #brx-content .wss-host>.wss-toggle svg{
 display:block!important;visibility:visible!important;opacity:1!important;
 width:20px!important;height:20px!important;flex:0 0 20px;
 fill:none!important;stroke:currentColor!important;color:#fff!important;
 stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
 filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));
}
html body #brx-content .wss-host>.wss-toggle .wss-label{
 display:block!important;visibility:visible!important;color:#fff!important;
 font:inherit!important;white-space:nowrap;overflow:hidden;
 max-width:220px;opacity:1!important;margin:0 0 0 9px!important;
 transform:none!important;transition:max-width .32s ease,margin .32s ease,opacity .2s ease;
}
html body #brx-content .wss-host>.wss-toggle[data-sound="on"]:not([data-expanded="true"]):not(:focus-visible) .wss-label{
 max-width:0;opacity:0!important;margin-left:0!important;
}
html body #brx-content .wss-host>.wss-toggle[data-sound="off"] .wss-waves,
html body #brx-content .wss-host>.wss-toggle[data-sound="on"] .wss-cross{display:none!important}
html body #brx-content .wss-host>.wss-toggle[data-expanded="true"],
html body #brx-content .wss-host>.wss-toggle:focus-visible{background:rgba(197,187,163,.32)!important}
html body #brx-content .wss-host>.wss-toggle:focus-visible{outline:2px solid white;outline-offset:-3px}
html body #brx-content .wss-host>.wss-toggle:disabled{opacity:.65;cursor:wait}
@media(max-width:767px){html body #brx-content .wss-host>.wss-toggle{top:94px;font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html body #brx-content .wss-host>.wss-toggle,html body #brx-content .wss-host>.wss-toggle .wss-label{transition:none!important}}
/* Keep both controls on the same left edge, independently of the sound label. */
html body #brx-content .wss-host>.wsv-view,.wsv-screen>button{position:absolute;left:0;top:160px;z-index:15;width:44px;height:44px;display:grid;place-items:center;border:1px solid #c5bba366;border-left:none;border-radius:0;background:rgba(197,187,163,.2)!important;color:white!important;padding:0;cursor:pointer}
.wsv-view svg,.wsv-screen>button svg{width:21px;height:21px;fill:none;stroke:white;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.wsv-view:focus-visible,.wsv-screen>button:focus-visible{outline:2px solid white;outline-offset:-3px}
#brx-content .ws-home-scene[data-wsv-clean]>:not(.bricks-background-video-wrapper,.wss-toggle,.wsv-view),
#brx-content .ws-experience-stage[data-wsv-clean]>:not(.ws-experience-video,.ws-experience-poster,.wss-toggle,.wsv-view),
#brx-content .ws-product .ws-hero[data-wsv-clean]>:is(.ws-hero-copy,.ws-stats,.ws-veil){visibility:hidden!important;pointer-events:none!important}
html body dialog.wsv-player[open]{position:fixed!important;inset:0!important;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;background:#000!important;overflow:hidden}
.wsv-player::backdrop{background:#000}.wsv-screen>video{display:block;width:100%!important;height:100%!important;object-fit:contain!important;background:#000}
html body .wsv-screen>button{left:auto;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));border:1px solid #c5bba366;background:rgba(197,187,163,.2)!important}
@media(max-width:767px){html body #brx-content .wss-host>.wsv-view{top:142px}}

.wsv-screen{position:absolute;inset:0;background:#000}
@media(orientation:portrait){
 .wsv-player[open] .wsv-screen{inset:auto;top:50%;left:50%;width:100vh;width:100dvh;height:100vw;height:100dvw;transform:translate(-50%,-50%) rotate(90deg)}
 .wsv-player .wsv-screen>button{right:max(12px,env(safe-area-inset-bottom));top:max(12px,env(safe-area-inset-right))}
}

html body dialog.wsv-player[open]{overscroll-behavior:none;touch-action:none}
html body #brx-content dialog.wsv-player .wsv-screen>video{position:static!important;inset:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;object-fit:contain!important}
/* Lower-right transport row. Keep the sound icon anchored as its label folds. */
html body #brx-content .wss-host{
 --wsv-right:max(10px,env(safe-area-inset-right));--wsv-base:max(12px,env(safe-area-inset-bottom))
}
html body #brx-content .wss-host>:is(.wss-toggle,.wsv-view){
 top:auto!important;left:auto!important;bottom:calc(var(--wsv-base) + var(--wsv-lift,0px))!important;
 border:1px solid #c5bba366!important
}
html body #brx-content .wss-host>.wsv-view{right:var(--wsv-right)!important}
html body #brx-content .wss-host>.wss-toggle{right:calc(var(--wsv-right) + 49px)!important}
@media(min-width:768px){
 html body #brx-content .ws-product .ws-hero.wss-host:not([data-wsv-clean]){--wsv-right:calc(var(--ws-spec-width,22vw) + 12px)}
}
@media(max-width:767px){
 html body #brx-content .ws-product .ws-hero.wss-host>.ws-play{left:5%!important;right:auto!important}
}

html body #brx-content .wss-host>.wsv-view,html body .wsv-screen>button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body #brx-content .wss-host>.wsv-view:focus-visible,html body .wsv-screen>button:focus-visible{background:rgba(197,187,163,.32)!important}

/* Mobile: icon-only sound control in both states, including focus/hover. */
@media (max-width:767px), (pointer:coarse) and (max-height:600px){
 html body #brx-content .wss-host>.wss-toggle{
  width:44px!important;min-width:44px!important;padding:0!important;justify-content:center!important;
 }
 html body #brx-content .wss-host>.wss-toggle .wss-label{
  display:none!important;
 }
}
