/* shared header: logo and spacing, loaded after each page stylesheet */
.logo .mk{width:auto;height:46px;border:0;background:none;border-radius:0;display:block}
.logo .mk img{height:100%;width:auto;display:block}
.head.scrolled .logo .mk{height:42px}
.logo span span{letter-spacing:.14em}
.head .btn{white-space:nowrap;padding-left:22px;padding-right:22px}
nav ul{gap:26px}
@media (max-width:1240px){nav ul{gap:18px}nav a{font-size:.8rem}.logo span span{font-size:.58rem;letter-spacing:.1em}}
@media (max-width:620px){.logo .mk{height:42px}.logo b{font-size:1.1rem}}
/* tablet: use the menu button below 1100px so the header never overflows */
@media (max-width:1100px){
  nav{position:fixed;inset:84px 0 0 0;background:rgba(245,249,253,.98);backdrop-filter:blur(18px);display:none;padding:14px 28px 50px;overflow-y:auto}
  nav.open{display:block}
  nav ul{flex-direction:column;gap:0}
  nav li{border-bottom:1px solid var(--line)}
  nav a{display:block;padding:19px 0;font-size:1rem}
  nav a::after{display:none}
  .burger{display:grid}
  .head-cta{display:none}
}
@media (max-width:620px){nav{inset:74px 0 0 0}}