/* About's existing navigation, scoped to its top-level header. */
body>header{
  background:rgba(20,27,33,.95);
  border-bottom:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
body>header>.wrap.bar{
  width:100%;
  max-width:none;
  height:96px;
  padding-inline:clamp(24px,3.2vw,52px);
  gap:22px;
}
body>header .brand{gap:12px;min-width:0}
body>header .brand .mark{height:40px;flex-shrink:0}
body>header .wm .name{font-size:18px;letter-spacing:.025em}
body>header .wm .desc{font-size:9px;letter-spacing:.16em;color:#b6bfc7}
body>header nav.main{
  gap:clamp(18px,1.5vw,26px);
  min-width:0;
  padding-inline:20px;
  border-inline:1px solid rgba(255,255,255,.22);
}
body>header nav.main>a{
  display:flex;
  align-items:center;
  min-height:48px;
  color:#eef0f2;
  font:500 15.5px/1.2 "IBM Plex Sans",Arial,sans-serif;
  letter-spacing:.005em;
}
body>header nav.main>a:hover,
body>header nav.main>a.active{color:#fff;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
body>header .hdr-right{gap:16px}
body>header .hdr-phone{display:inline-flex;align-items:center;min-height:44px;font:500 15px/1.25 "IBM Plex Sans",Arial,sans-serif}
body>header .hdr-phone .lbl{font-size:9px;letter-spacing:.08em;color:#aeb8c1}
body>header .hdr-right>.btn-red{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;font:600 15px/1.25 "IBM Plex Sans",Arial,sans-serif;white-space:nowrap;border-radius:3px}
body>header .navtoggle{width:46px;height:46px;min-width:46px;border-radius:3px}
body>header :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:1300px){
  body>header nav.main{display:none}
  body>header .navtoggle{display:inline-flex}
  body>header.navopen nav.main{
    display:flex;
    position:absolute;
    inset:100% 0 auto;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    max-height:calc(100dvh - 100px);
    overflow-y:auto;
    padding:10px clamp(24px,3.2vw,52px) 16px;
    border:0;
    border-top:1px solid rgba(255,255,255,.16);
    background:rgba(20,27,33,.98);
    box-shadow:0 18px 30px rgba(0,0,0,.25);
  }
  body>header.navopen nav.main>a{padding:0 4px;min-height:52px;font-size:17px;border-bottom:1px solid rgba(255,255,255,.14)}
  body>header.navopen nav.main>a:last-child{border-bottom:0}
}
@media(max-width:900px){
  body>header>.wrap.bar{height:84px;padding-inline:24px;gap:16px}
  body>header .wm .name{font-size:16px}
  body>header .wm .desc{font-size:8px;letter-spacing:.1em}
  body>header .hdr-right{gap:12px}
  body>header .hdr-phone .lbl{display:none}
  body>header .hdr-phone{font-size:14px}
  body>header .hdr-right>.btn-red{font-size:14px;padding-inline:14px}
}
@media(max-width:700px){
  body>header>.wrap.bar{height:76px;padding-inline:18px;gap:12px}
  body>header .brand .mark{height:34px}
  body>header .wm .name{font-size:14px}
  body>header .wm .desc{font-size:7.5px;letter-spacing:.06em}
  body>header .hdr-right{gap:10px}
  body>header .hdr-phone{font-size:13.5px}
  body>header .hdr-right>.btn-red{min-height:44px;font-size:13px;padding-inline:12px}
  body>header .navtoggle{width:44px;height:44px;min-width:44px}
}
@media(max-width:580px){
  body>header .brand .wm{display:none}
}
@media(max-width:420px){
  body>header>.wrap.bar{padding-inline:14px;gap:9px}
  body>header .brand .mark{height:30px}
  body>header .hdr-right{gap:7px}
  body>header .hdr-phone{font-size:13px}
  body>header .hdr-right>.btn-red{font-size:12.5px;padding-inline:11px}
}
@media(max-width:360px){
  body>header>.wrap.bar{height:102px;gap:14px}
  body>header .brand .mark{height:32px}
  body>header .hdr-right{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:2px 10px}
  body>header .hdr-phone{grid-column:1;grid-row:1;justify-content:center;min-height:44px;font-size:13.5px}
  body>header .hdr-right>.btn-red{grid-column:1;grid-row:2;min-height:44px;font-size:12.5px;padding-inline:12px}
  body>header .navtoggle{grid-column:2;grid-row:1/3}
  body>header.navopen nav.main{max-height:calc(100dvh - 102px)}
}