/* mobile/tablet menu: iOS-style popover that replaces the Contact Us button below 1080px */
.nav-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;position:relative;padding:0;-webkit-tap-highlight-color:transparent;transition:background .25s,transform .2s}
.nav-toggle:active{transform:scale(.94)}
.nav-toggle span{position:absolute;left:13px;right:13px;height:1.6px;background:#fff;border-radius:2px;transition:transform .4s cubic-bezier(.3,1.3,.5,1),opacity .2s,top .4s cubic-bezier(.3,1.3,.5,1)}
.nav-toggle span:nth-child(1){top:15px}.nav-toggle span:nth-child(2){top:21px}.nav-toggle span:nth-child(3){top:27px}
.menu-open .nav-toggle{background:rgba(255,255,255,.14)}
.menu-open .nav-toggle span:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-open .nav-toggle span:nth-child(2){opacity:0;transform:scaleX(.3)}
.menu-open .nav-toggle span:nth-child(3){top:21px;transform:rotate(-45deg)}
.mnav-scrim{position:fixed;inset:0;z-index:64;background:rgba(0,0,0,.38);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;-webkit-tap-highlight-color:transparent}
.mnav{position:fixed;top:72px;right:clamp(12px,4vw,50px);z-index:66;width:min(300px,calc(100vw - 24px));
  background:rgba(28,28,32,.78);backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);
  border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.55);padding:8px;overflow:hidden;
  transform-origin:top right;transform:scale(.86) translateY(-6px);opacity:0;visibility:hidden;
  transition:transform .38s cubic-bezier(.32,1.25,.6,1),opacity .2s ease,visibility .38s}
.menu-open .mnav{transform:none;opacity:1;visibility:visible}
.menu-open .mnav-scrim{opacity:1;visibility:visible}
.mnav a.ml{display:flex;align-items:center;justify-content:space-between;font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#fff;
  padding:13px 14px;border-radius:12px;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .3s,background .15s;-webkit-tap-highlight-color:transparent}
.mnav a.ml::after{content:"›";font-size:20px;line-height:1;color:rgba(255,255,255,.35)}
.mnav a.ml+a.ml{box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.mnav a.ml:hover,.mnav a.ml:active,.mnav a.ml:focus-visible{background:rgba(255,255,255,.09);outline:none}
.menu-open .mnav a.ml{opacity:1;transform:none}
.menu-open .mnav a.ml:nth-child(1){transition-delay:.03s}.menu-open .mnav a.ml:nth-child(2){transition-delay:.05s}
.menu-open .mnav a.ml:nth-child(3){transition-delay:.07s}.menu-open .mnav a.ml:nth-child(4){transition-delay:.09s}
.menu-open .mnav a.ml:nth-child(5){transition-delay:.11s}.menu-open .mnav a.ml:nth-child(6){transition-delay:.13s}
.menu-open .mnav a.ml:nth-child(7){transition-delay:.15s}.menu-open .mnav a.ml:nth-child(8){transition-delay:.17s}
.mnav .mrow{display:flex;gap:8px;padding:8px 6px 6px}
.mnav .mrow a{flex:1;justify-content:center;padding:13px 10px;font-size:12px}
@media(max-width:1080px){.nav-cta{display:none!important}.nav-toggle{display:block}}
@media(max-width:760px){.mnav .mrow{display:none}}
@media(max-width:600px){.brand>span>span{display:none}.brand b{white-space:nowrap;font-size:15px}.brand .mk-img{width:42px}.mnav{top:68px}}
@media(prefers-reduced-motion:reduce){.mnav,.mnav a.ml,.mnav-scrim,.nav-toggle span{transition:none!important}}