.mobile-menu{display:none}
@media(max-width:600px){
  #ww-page>.metal>nav[style],.site-header>nav{display:none!important}
  #ww-page>.metal,.site-header{justify-content:space-between;gap:16px;padding-inline:24px!important}
  .mobile-menu{display:block;margin-left:auto;color:#fff;font-family:'Suisse Intl',sans-serif}
  .mobile-menu summary{position:relative;width:44px;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 4px;cursor:pointer;list-style:none;font-size:14px;font-weight:400;letter-spacing:0}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary::before,.mobile-menu summary::after{content:'';position:absolute;left:9px;top:21px;width:26px;height:2px;background:currentColor;transition:transform .2s}
  .mobile-menu summary::before{transform:translateY(-4px)}
  .mobile-menu summary::after{transform:translateY(4px)}
  .mobile-menu[open] summary::before{transform:rotate(45deg)}
  .mobile-menu[open] summary::after{transform:rotate(-45deg)}
  .mobile-menu .mobile-menu-links{position:absolute;top:100%;left:0;right:0;margin:0;padding:16px 24px 24px;list-style:none;background:#090909;border-top:1px solid #292929;box-shadow:0 20px 30px #0005;max-height:calc(100svh - 104px);overflow:auto;z-index:30}
  .mobile-menu-links a{display:flex;align-items:center;min-height:56px;text-decoration:none;color:#fff;font-size:18px;font-weight:300;letter-spacing:0;border-bottom:1px solid #292929}
  .mobile-menu-links li:last-child a{margin-top:16px;justify-content:center;min-height:48px;background:#fff;color:#000;border:0;font-weight:400}
  .mobile-menu summary:focus-visible,.mobile-menu-links a:focus-visible{outline:2px solid #fff;outline-offset:3px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu summary::before,.mobile-menu summary::after{transition:none}}
@media(max-width:600px){
  .site-header{height:80px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;border:0;box-shadow:none}
  .site-header .brand{display:flex;align-items:center;flex-shrink:0}
  .site-header .wordmark{width:150px;height:34px;background:#fff}
  .mobile-menu{margin:0 0 0 auto;padding:0;border:0;align-self:center;flex-shrink:0}
  .mobile-menu summary{height:44px;box-sizing:border-box;line-height:1;margin:0;border:0}
  .mobile-menu .mobile-menu-links{columns:1;column-gap:0;max-height:calc(100svh - 80px)}
  .mobile-menu .mobile-menu-links li{padding:0;margin:0}
}
@media(max-width:480px){.site-header .wordmark{width:125px}}
@media(max-width:600px){
  .mobile-menu-links li:last-child a{justify-content:flex-start;padding-inline:16px;border:1px solid #fff;background:#000;color:#fff}
  .mobile-menu[open] .mobile-menu-links li:last-child a{animation:none;transition:none;background:#fff;color:#000}
}

@media(prefers-reduced-motion:reduce){.mobile-menu[open] .mobile-menu-links li:last-child a{animation:none;background:#fff;color:#000}}
@media(max-width:600px){
  #ww-page>.metal:has(.mobile-menu[open]),.site-header:has(.mobile-menu[open]){background:#000!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  .mobile-menu[open] .mobile-menu-links{background:#000}
}
@media(max-width:600px){
  #ww-page>.metal,.site-header{transition:none!important}
}
@media(max-width:600px){
 .mobile-menu .mobile-menu-links li:last-child a{justify-content:center;text-align:center;box-sizing:border-box;width:100%;padding:14px 20px;min-height:48px;margin-top:16px;line-height:1.2}
}

@media(max-width:600px){
 .mobile-menu .mobile-menu-links{box-sizing:border-box;width:auto;left:0;right:0;padding:16px 24px 28px}
 .mobile-menu .mobile-menu-links li:last-child{padding-top:20px}
 .mobile-menu .mobile-menu-links li:last-child a{width:100%;height:48px;min-height:48px;margin:0;padding:0 20px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;box-sizing:border-box}
}

/* Let’s Build follows the same alignment and treatment as the other links. */
@media(max-width:600px){
 .mobile-menu .mobile-menu-links li:last-child{padding-top:0}
 .mobile-menu .mobile-menu-links li:last-child a,
 .mobile-menu[open] .mobile-menu-links li:last-child a{background:transparent;color:#fff;justify-content:flex-start;text-align:left;padding:0;margin:0;height:auto;min-height:56px;font-size:18px;font-weight:300;line-height:1.3;border:0;box-shadow:none}
}