.brand-mark{position:relative}.brand-mark:after{content:"";position:absolute;inset:5px;border:1px solid #ffffff55;border-radius:10px}

.nav{position:relative;gap:24px}.brand{min-width:0}.brand-text{min-width:0}.hamb{min-width:48px;min-height:48px;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;color:var(--ink);line-height:1;transition:background-color .2s,color .2s,transform .2s}.hamb:hover{background:#f5e9ea;color:var(--red)}.hamb:active{transform:scale(.96)}.hamb:focus-visible,.navlinks a:focus-visible{outline:3px solid var(--red);outline-offset:3px}

@media (max-width:900px){
  .topbar .container{gap:20px;align-items:center}.topbar .container span:last-child{text-align:right}
  .nav{min-height:74px;flex-wrap:nowrap}
  .hamb{display:inline-flex;flex:0 0 auto}
  .navlinks{position:absolute;z-index:60;inset-inline:0;top:calc(100% + 1px);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:0 0 18px 18px;box-shadow:0 18px 40px rgba(17,18,20,.14);max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .navlinks.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .navlinks a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:10px}
  .navlinks a:hover,.navlinks a.active{background:var(--off);color:var(--red)}
  .navlinks a:after{display:none}
  .navlinks .nav-cta{justify-content:center;margin-top:6px;min-height:48px}
}

@media (max-width:700px){
  .topbar{display:none}
  .brand{gap:9px}.brand-mark{width:44px;height:44px;border-radius:12px;flex:0 0 44px}
  .brand-text strong{font-size:14px;line-height:1.2}.brand-text small{font-size:8px;line-height:1.25;letter-spacing:1px}
}

@media (max-width:380px){
  .container.nav{width:94%}.brand-mark{width:40px;height:40px;flex-basis:40px}.brand-text strong{font-size:13px}.brand-text small{max-width:170px;white-space:normal}.hamb{min-width:44px;min-height:44px}
}

@media (min-width:901px){.navlinks{display:flex!important}.hamb{display:none!important}}

@media (prefers-reduced-motion:reduce){.hamb,.navlinks{transition:none}}