/* The site header: one for every page of anvesan.org, built in ~/anvesan-homepage/src/nav and
   served as /nav.css. Every rule is scoped to .avn (the bar) or .avn-sheet (the phone menu), and
   every element in them is reset first, so a page's own sheet cannot restyle the header and this
   sheet cannot restyle the page. */
.avn,.avn-sheet{
  --avn-fg:#101010;--avn-ink:#3d3d3d;--avn-soft:#6a6b74;--avn-muted:#f5f5f3;--avn-border:#dddcd6;--avn-hair:#ebeae5;
  --avn-primary:#1b3a5c;--avn-primary-hover:#142c47;--avn-primary-fg:#f4f7fb;--avn-hl:#eef3f8;--avn-hl-fg:#12314f;
  --avn-bar:rgba(255,255,255,.92);--avn-panel:#fff;--avn-outline:#fff;--avn-outline-hover:#fafafa;--avn-menu-line:rgba(27,58,92,.14);
  --avn-font:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --avn-ease:cubic-bezier(.2,.7,.2,1);
  font-family:var(--avn-font);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;text-align:left;
  color:var(--avn-fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.avn *,.avn *::before,.avn *::after,.avn-sheet *,.avn-sheet *::before,.avn-sheet *::after{
  box-sizing:border-box;margin:0;padding:0;border:0;background:none;box-shadow:none;font:inherit;letter-spacing:inherit;
  text-transform:none;text-decoration:none;color:inherit;float:none;min-width:0;max-width:none;transform:none}
.avn [hidden],.avn-sheet [hidden]{display:none!important}
.avn a,.avn button,.avn-sheet a{cursor:pointer;-webkit-tap-highlight-color:transparent}
.avn a:focus-visible,.avn button:focus-visible,.avn-sheet a:focus-visible{outline:2px solid var(--avn-primary);outline-offset:2px}
.avn svg,.avn-sheet svg{display:block;flex:none;overflow:visible}

/* the bar */
.avn{position:sticky;top:0;z-index:900;display:block;width:100%;height:72px;margin:0;padding:0;
  background:var(--avn-bar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid transparent;transition:border-color .2s ease}
.avn.avn-scrolled{border-bottom-color:var(--avn-border)}
.avn .avn-in{max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:32px}
.avn .avn-brand{display:inline-flex;align-items:center;gap:10px;flex:none;font-size:18px;font-weight:600;letter-spacing:-.2px;color:var(--avn-fg)}
.avn .mark{width:26px;height:26px}
.avn .mark text{font:700 38px Helvetica,Arial,sans-serif;letter-spacing:0}
.avn .avn-nav{display:flex;align-items:center;gap:4px}
.avn .avn-nav > a,.avn .avn-nav > .avn-dd > button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;
  font-size:16px;line-height:1.5;color:var(--avn-ink);transition:background-color .15s ease,color .15s ease}
.avn .avn-nav > a:hover,.avn .avn-nav > .avn-dd > button:hover,.avn .avn-nav > .avn-dd > button[aria-expanded="true"]{background:var(--avn-muted);color:var(--avn-fg)}
.avn .avn-nav > a[aria-current="page"],.avn .avn-nav > .avn-on > button{color:var(--avn-primary)}
.avn .avn-chev{width:9px;height:9px;opacity:.72;transition:transform .2s var(--avn-ease)}
.avn [aria-expanded="true"] > .avn-chev{transform:rotate(180deg)}
.avn .avn-end{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}

/* buttons, as the site sets them */
.avn .avn-btn,.avn-sheet .avn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;
  border:1px solid transparent;border-radius:7px;font-size:16.5px;font-weight:500;line-height:1;white-space:nowrap;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.avn .avn-btn:active,.avn-sheet .avn-btn:active{transform:translateY(1px)}
.avn .avn-primary,.avn-sheet .avn-primary{background:linear-gradient(180deg,#25496f 0%,var(--avn-primary) 100%);color:var(--avn-primary-fg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(7,11,18,.25)}
.avn .avn-primary:hover,.avn-sheet .avn-primary:hover{background:linear-gradient(180deg,#1f4064 0%,var(--avn-primary-hover) 100%)}
.avn .avn-ghost{color:var(--avn-fg)}
.avn .avn-ghost:hover{background:var(--avn-muted)}
.avn-sheet .avn-outline{background:var(--avn-outline);color:var(--avn-fg);border-color:var(--avn-border)}
.avn-sheet .avn-outline:hover{background:var(--avn-outline-hover)}
.avn-sheet .avn-lg{font-size:15.5px;padding:13px 20px}
.avn .avn-arr{width:13px;height:13px;transition:transform .2s var(--avn-ease)}
.avn .avn-btn:hover .avn-arr{transform:translateX(2px)}

/* the two menus */
.avn .avn-dd{position:relative}
.avn .avn-menu{position:absolute;top:calc(100% + 14px);left:-12px;z-index:1;background:var(--avn-panel);border:1px solid var(--avn-menu-line);
  border-radius:13px;box-shadow:0 20px 46px rgba(9,24,41,.30),0 3px 8px rgba(9,24,41,.14);
  opacity:0;transform:translateY(-4px);pointer-events:none;visibility:hidden;
  transition:opacity .16s var(--avn-ease),transform .16s var(--avn-ease),visibility 0s .16s}
.avn .avn-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.avn .avn-dd.avn-open .avn-menu{opacity:1;transform:none;pointer-events:auto;visibility:visible;
  transition:opacity .16s var(--avn-ease),transform .16s var(--avn-ease),visibility 0s}
.avn .avn-menu-products{width:600px;display:grid;grid-template-columns:1fr 1fr;padding:7px}
.avn .avn-col{padding:10px 6px 6px}
.avn .avn-col + .avn-col{border-left:1px solid var(--avn-hair)}
.avn .avn-head{padding:4px 11px 8px;margin-bottom:4px;border-bottom:1px solid var(--avn-hair);
  font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--avn-soft)}
.avn .avn-menu a{display:block;padding:9px 11px;border-radius:9px;color:var(--avn-primary);transition:background-color .12s}
.avn .avn-menu a:hover,.avn .avn-menu a[aria-current="page"]{background:var(--avn-hl);color:var(--avn-hl-fg)}
.avn .avn-menu b{display:block;font-size:15px;font-weight:600;line-height:1.35}
.avn .avn-menu a span{display:block;font-size:13px;font-weight:400;line-height:1.4;color:var(--avn-soft)}
.avn .avn-menu-start{left:auto;right:0;width:320px;padding:7px}
.avn .avn-menu-start a{padding:11px 12px}
.avn .avn-menu-start a span{margin-top:2px}

/* the phone menu */
.avn .avn-burger{display:none;width:38px;height:38px;margin-left:auto;place-items:center;
  border:1px solid var(--avn-border);border-radius:7px;background:var(--avn-outline);color:var(--avn-fg)}
.avn .avn-burger svg{width:18px;height:18px}
.avn-sheet{display:none}

@media (max-width:1100px){
  .avn .avn-in{gap:20px}
  .avn .avn-nav > a,.avn .avn-nav > .avn-dd > button{padding:8px 9px}
}
@media (max-width:980px){
  .avn .avn-nav,.avn .avn-end{display:none}
  .avn .avn-burger{display:grid}
  .avn-sheet{display:block;position:fixed;top:72px;right:0;bottom:0;left:0;z-index:899;overflow-y:auto;background:var(--avn-panel);
    padding:8px 24px 40px;opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:opacity .18s var(--avn-ease),transform .18s var(--avn-ease),visibility 0s .18s}
  .avn-sheet.avn-open{opacity:1;visibility:visible;transform:none;
    transition:opacity .18s var(--avn-ease),transform .18s var(--avn-ease),visibility 0s}
  .avn-sheet .avn-grp{display:block;padding:16px 0;border-bottom:1px solid var(--avn-border)}
  .avn-sheet .avn-grp-hd{padding:0 12px;margin-bottom:4px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--avn-soft)}
  .avn-sheet .avn-grp a{display:block;padding:10px 12px;border-radius:6px;font-size:17px;color:var(--avn-ink)}
  .avn-sheet .avn-top a{display:block;padding:12px;font-size:17px;color:var(--avn-ink);border-bottom:1px solid var(--avn-hair)}
  .avn-sheet a[aria-current="page"]{color:var(--avn-primary)}
  .avn-sheet .avn-acts{display:grid;gap:10px;margin-top:22px}
}
@media (max-width:640px){
  .avn .avn-in{padding:0 16px}
  .avn-sheet{padding-left:16px;padding-right:16px}
}
@media (prefers-reduced-motion:reduce){
  .avn *,.avn-sheet,.avn-sheet *{transition:none!important}
}

/* Pages with a dark theme (the free Atlas's toggle) set html[data-theme="dark"]. The mark turns
   over on a dark ground: a bone tile and an ink A, as the dashboard's rail draws it. */
html[data-theme="dark"] .avn,html[data-theme="dark"] .avn-sheet{
  --avn-fg:#ececea;--avn-ink:#c9c9c6;--avn-soft:#9a9ba3;--avn-muted:#24262b;--avn-border:#34363c;--avn-hair:#2b2d32;
  --avn-hl:#22303f;--avn-hl-fg:#e6eef7;--avn-bar:rgba(17,18,21,.92);--avn-panel:#17181b;--avn-outline:#1d1f23;--avn-outline-hover:#24262b;
  --avn-menu-line:rgba(255,255,255,.12);color-scheme:dark}
html[data-theme="dark"] .avn .avn-menu a{color:#b9cde3}
html[data-theme="dark"] .avn .avn-nav > a[aria-current="page"],html[data-theme="dark"] .avn .avn-nav > .avn-on > button,
html[data-theme="dark"] .avn-sheet a[aria-current="page"]{color:#9dbbdc}
html[data-theme="dark"] .avn .mark rect{fill:#f5f5f3}
html[data-theme="dark"] .avn .mark text{fill:#101010}