/* Burger + mobile nav */
.menu--desktop{display:flex}
.burger{
  display:none;
  width:46px; height:46px;
  border-radius:14px;
  border:1px solid rgba(31,41,51,.14);
  background:rgba(91,124,153,.08);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.burger:hover{background:rgba(91,124,153,.12)}
.burger__line{
  display:block;
  width:18px;
  height:2px;
  background:rgba(31,41,51,.78);
  border-radius:2px;
  transition:transform .22s ease, opacity .22s ease;
}
.burger.is-open .burger__line:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger.is-open .burger__line:nth-child(2){opacity:0}
.burger.is-open .burger__line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

@media (max-width: 980px){
  .menu--desktop{display:none}
  .burger{display:inline-flex; flex-direction: column;}
}

.mobile-nav{
  position:fixed;
  inset:0;
  display:none;
  z-index:110;
}
.mobile-nav.is-open{display:block}
.mobile-nav__backdrop{
  position:absolute;
  inset:0;
  background:rgba(31,41,51,.35);
  backdrop-filter:blur(6px);
}
.mobile-nav__panel{
  position:absolute;
  top:16px;
  right:16px;
  width:min(420px, calc(100% - 32px));
  background:rgba(249,250,251,.96);
  border:1px solid rgba(31,41,51,.16);
  border-radius:22px;
  box-shadow:0 28px 70px rgba(31,41,51,.18);
  overflow:hidden;
  transform:translateY(10px);
  opacity:0;
  transition:transform .28s ease, opacity .28s ease;
}
.mobile-nav.is-open .mobile-nav__panel{
  transform:none;
  opacity:1;
}

.mobile-nav__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px 10px 14px;
  border-bottom:1px solid rgba(31,41,51,.10);
}
.mobile-nav__brand{
  display:flex;
  gap:12px;
  align-items:center;
}
.mobile-nav__close{
  width:44px; height:44px;
  border-radius:14px;
  border:1px solid rgba(31,41,51,.14);
  background:rgba(91,124,153,.08);
  color:rgba(31,41,51,.85);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.mobile-nav__close:hover{background:rgba(91,124,153,.12)}

.mobile-nav__links{
  padding:10px 14px;
  display:grid;
  gap:6px;
}
.mobile-nav__links a{
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(31,41,51,.10);
  background:rgba(249,250,251,.85);
}
.mobile-nav__links a:hover{background:rgba(91,124,153,.10)}
.mobile-nav__links a[aria-current="page"]{
  background:rgba(91,124,153,.14);
}

.mobile-nav__foot{
  padding:12px 14px 14px 14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  border-top:1px solid rgba(31,41,51,.10);
}
@media (max-width: 460px){
  .mobile-nav__foot{grid-template-columns:1fr}
}

@media (max-width: 980px) {
    .burger {
        display: inline-flex;
        flex-direction: column;
    }
}