@font-face{font-family:"Outfit";font-weight:600;font-display:swap;src:url(../fonts/outfit-600.woff2) format("woff2")}
@font-face{font-family:"Outfit";font-weight:800;font-display:swap;src:url(../fonts/outfit-800.woff2) format("woff2")}
:root{--nav-ink:#12306e}
#nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:max(12px,env(safe-area-inset-top)) clamp(14px,3vw,36px) 0;pointer-events:none;font-family:Outfit,system-ui,sans-serif}
#nav>*{pointer-events:auto}
#nav .brand{font-weight:800;letter-spacing:.12em;font-size:clamp(11px,1.05vw,14px);color:var(--nav-ink);text-decoration:none}
#nav .links{display:flex;gap:clamp(14px,2vw,30px);align-items:center}
#nav .links a{color:var(--nav-ink);font-weight:600;font-size:clamp(13px,1.05vw,15px);text-decoration:none;position:relative;padding:.3em 0}
#nav .links a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--nav-ink);border-radius:2px}
#nav .links a.book,#sheet a.book{background:var(--nav-ink);color:#fff;padding:.6em 1.25em;border-radius:999px}
#nav .links a.book::after{display:none}
#burger{display:none;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.55);backdrop-filter:blur(8px);
  cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
#burger i{display:block;width:20px;height:2px;background:var(--nav-ink);border-radius:2px;transition:.3s}
#nav.open #burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
#nav.open #burger i:nth-child(2){opacity:0}
#nav.open #burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#sheet{position:fixed;inset:0;z-index:49;background:rgba(214,234,248,.97);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;font-family:Outfit,system-ui,sans-serif}
#sheet.open{opacity:1;visibility:visible}
#sheet nav{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,3dvh,22px)}
#sheet a{color:var(--nav-ink);font-weight:800;font-size:clamp(24px,7vw,40px);text-decoration:none;letter-spacing:-.01em;
  transform:translateY(14px);opacity:0;transition:.4s}
#sheet.open a{transform:none;opacity:1}
#sheet a.on{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:3px}
#sheet a.book{font-size:clamp(16px,4.6vw,22px);margin-top:10px;text-decoration:none}
@media (max-width:900px){#nav .links{display:none}#burger{display:flex}}