/* Roberto Sound V17 — restore the Shatlyk-inspired top-corner navigation.
   This intentionally overrides the V15 "bottom glass" experiment. */
:root{--rs-menu-size:clamp(390px,32vw,610px)}
.roberto-agency-chrome{position:relative!important;z-index:7000!important}
.roberto-corner-brand{
  position:fixed!important;left:clamp(22px,2vw,42px)!important;top:clamp(22px,2vw,38px)!important;
  width:clamp(62px,5.2vw,90px)!important;height:clamp(62px,5.2vw,90px)!important;
  z-index:7002!important;opacity:1!important;transform:none!important;
}
.roberto-corner-brand::after{display:none!important}
.roberto-agency-menu-toggle{
  position:fixed!important;right:clamp(24px,2.25vw,44px)!important;top:clamp(24px,2.25vw,42px)!important;
  bottom:auto!important;width:clamp(68px,4.8vw,90px)!important;height:clamp(68px,4.8vw,90px)!important;
  z-index:7200!important;border:0!important;border-radius:50%!important;background:#bebbb9!important;color:#353434!important;
  display:grid!important;place-items:center!important;padding:0!important;box-shadow:0 12px 34px rgba(0,0,0,.20)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.roberto-agency-menu-toggle:hover{background:#d1cecc!important;transform:scale(1.055)!important}
.roberto-agency-menu-toggle span{background:#454343!important;width:34%!important;height:2px!important}
.roberto-agency-backdrop{
  position:fixed!important;inset:0!important;z-index:7050!important;background:rgba(4,4,5,.54)!important;
  backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;pointer-events:auto!important;
}
body.roberto-menu-open{overflow:hidden!important}
body.roberto-menu-open .site-grid{filter:brightness(.40) saturate(.72)!important;transform:translateX(-1.3vw) scale(.995)!important}
.roberto-agency-menu{
  position:fixed!important;right:0!important;left:auto!important;top:0!important;bottom:auto!important;
  width:var(--rs-menu-size)!important;height:100dvh!important;max-height:none!important;box-sizing:border-box!important;
  padding:clamp(130px,9.5vw,190px) clamp(48px,5vw,94px) clamp(42px,3.4vw,70px) clamp(58px,5vw,100px)!important;
  border-radius:0!important;background:#343434!important;border:0!important;color:#f0edef!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:-25px 0 70px rgba(0,0,0,.24)!important;
  transform:translate3d(calc(100% + 100px),0,0)!important;opacity:1!important;visibility:hidden!important;
  display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:0!important;overflow:auto!important;
  transition:transform .62s cubic-bezier(.645,.045,.355,1),visibility 0s linear .62s!important;
}
.roberto-agency-menu.is-open{
  transform:translate3d(0,0,0)!important;visibility:visible!important;
  transition:transform .62s cubic-bezier(.645,.045,.355,1),visibility 0s!important;
}
.roberto-agency-menu-head{grid-column:auto!important;padding-bottom:clamp(8px,.55vw,14px)!important;border-bottom:1px solid rgba(255,255,255,.18)!important;margin:0 0 clamp(24px,2.2vw,44px)!important}
.roberto-agency-menu-links{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;align-items:flex-start!important;gap:0!important;margin:0 0 auto!important}
.roberto-agency-menu-links a{font-size:clamp(37px,3vw,58px)!important;line-height:1.17!important;padding:2px 0!important;transform:translateX(45px)!important;opacity:0!important}
.roberto-agency-menu.is-open .roberto-agency-menu-links a{transform:translateX(0)!important;opacity:1!important}
.roberto-agency-menu-links a:hover{transform:translateX(27px)!important}
.roberto-agency-menu-foot{margin-top:clamp(28px,3vw,58px)!important;align-self:stretch!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.roberto-agency-menu-foot button{border-radius:2px!important;background:#65636d!important;border:0!important}
.site-grid{padding-bottom:0!important}
body:has(#stickyPlayer:not([hidden])) .roberto-agency-menu-toggle{bottom:auto!important;top:clamp(24px,2.25vw,42px)!important}
body:has(#stickyPlayer:not([hidden])) .roberto-agency-menu{bottom:auto!important;top:0!important}
@media(max-width:820px){
  :root{--rs-menu-size:min(88vw,620px)}
  .site-grid{padding-top:96px!important;padding-bottom:0!important}
  .roberto-corner-brand{left:16px!important;top:16px!important;width:60px!important;height:60px!important}
  .roberto-agency-menu-toggle{right:16px!important;top:16px!important;bottom:auto!important;width:60px!important;height:60px!important}
  .roberto-agency-menu{left:auto!important;right:0!important;top:0!important;bottom:auto!important;width:var(--rs-menu-size)!important;height:100dvh!important;max-height:none!important;transform:translate3d(calc(100% + 80px),0,0)!important;grid-template-columns:none!important}
  .roberto-agency-menu.is-open{transform:translate3d(0,0,0)!important}
  .roberto-agency-menu-links{grid-template-columns:none!important}
  .roberto-agency-menu-foot{grid-template-columns:1fr!important}
}
@media(max-width:520px){
  :root{--rs-menu-size:100vw}
  .site-grid{padding-top:88px!important}
  .roberto-agency-menu{padding:110px 38px 34px 46px!important}
  .roberto-agency-menu-links a{font-size:clamp(34px,10.7vw,49px)!important}
}
/* Return vertical rhythm to the original top-corner Shatlyk treatment. */
.site-grid{padding-top:0!important;padding-bottom:0!important}
.masthead{padding-top:clamp(90px,8vw,135px)!important;min-height:auto!important}
@media(max-width:820px){.site-grid{padding-top:0!important}.masthead{padding-top:88px!important}}
@media(max-width:520px){.site-grid{padding-top:0!important}.masthead{padding-top:82px!important}}
