/* One discreet sound switch shared by the portfolio, shop and grading room. */
.ui-sound-group{display:inline-flex;align-items:center;gap:clamp(7px,1.2vw,17px);flex:0 0 auto}
.ui-sound-toggle[hidden]{display:none!important}
.ui-sound-toggle{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 13px;border:0;border-radius:100px;white-space:nowrap;background:transparent;color:#e4ece7;cursor:pointer;touch-action:manipulation;font:530 11px/1 Geist,Arial,sans-serif}
.ui-sound-toggle::before{content:"";position:absolute;inset:4px 0;z-index:-1;border-radius:inherit;border:1px solid #e5eee03d;background:linear-gradient(152deg,#cedfd529,#222c2696 58%,#5b6b632b);box-shadow:inset 0 1px 0 #ffffff24,0 3px 12px #0002;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ui-sound-toggle svg{display:block;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ui-sound-toggle .uis-off,.ui-sound-toggle[aria-pressed=false] .uis-on{display:none}
.ui-sound-toggle[aria-pressed=false] .uis-off{display:block}.ui-sound-toggle[aria-pressed=false]{color:#b7c1bc}
.ui-sound-toggle:hover::before{border-color:#e1f4e591}
.ui-sound-toggle:focus-visible{outline:2px solid #d9edc3;outline-offset:2px}
@media(max-width:920px){.ui-sound-toggle{width:44px;padding:0}.ui-sound-toggle .uis-label{display:none}.ui-sound-toggle::before{inset:4px}.ui-sound-group{gap:4px}}
@media(max-width:680px){.topbar .ui-sound-group{gap:0}.topbar .ui-sound-toggle{margin-inline:-1px}}
@media(max-width:360px){.topbar .opening-tools{font-size:10px;padding-inline:6px}.topbar .contact-top{font-size:11px;gap:4px;padding-inline:7px}.topbar .logo{font-size:19px}.topbar{gap:4px}}
@media(prefers-reduced-motion:no-preference){.ui-sound-toggle::before{transition:border-color .18s,transform .2s}.ui-sound-toggle:active::before{transform:scale(.93,.9)}}