/* Maria Belinda | site header (shared by every page, including the homepage) */
header.site{
  --h-ink:#1F2A44; --h-muted:#4F5668; --h-line:#EADFE3; --h-bg:#FAF7F5; --h-surface:#FFFFFF;
  --h-berry:#B03E6E; --h-dot:#C2477A; --h-soft:#FBEFF3;
  position:sticky;top:0;z-index:20;background:var(--h-bg);border-bottom:1px solid var(--h-line);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
header.site .wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
header.site .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;position:relative}
header.site .brand{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:26px;font-weight:600;color:var(--h-ink);text-decoration:none;letter-spacing:.2px}
header.site .brand .dot{color:var(--h-dot)}
header.site nav.main ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
header.site nav.main a,header.site nav.main button.dd{font:500 15px "Inter",system-ui,sans-serif;color:var(--h-ink);text-decoration:none;background:none;border:0;padding:8px 14px;border-radius:999px;cursor:pointer;line-height:1.4}
header.site nav.main a:hover,header.site nav.main button.dd:hover{background:var(--h-soft);color:var(--h-ink)}
header.site nav.main a[aria-current="page"],header.site nav.main button.dd[data-current]{color:var(--h-berry)}
header.site .has-dd{position:relative}
header.site button.dd::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg)}
header.site .menu{position:absolute;left:0;top:calc(100% + 8px);min-width:290px;background:var(--h-surface);border:1px solid var(--h-line);border-radius:16px;padding:8px;box-shadow:0 18px 40px rgba(20,25,45,.12);display:flex;flex-direction:column}
header.site .menu[hidden]{display:none}
header.site .menu a{display:flex;flex-direction:column;gap:2px;border-radius:12px;padding:10px 12px}
header.site .menu small{font-size:13px;color:var(--h-muted);font-weight:400}
header.site nav.main a.btn-nav{background:#1F2A44;color:#fff;padding:10px 20px;font-weight:600}
header.site nav.main a.btn-nav:hover{background:var(--h-berry);color:#fff}
header.site .burger{display:none;background:none;border:1px solid var(--h-line);border-radius:10px;padding:8px 14px;font:500 14px "Inter",system-ui,sans-serif;color:var(--h-ink);cursor:pointer}
header.site a:focus-visible,header.site button:focus-visible{outline:2px solid var(--h-berry);outline-offset:3px}
@media (max-width:860px){
  header.site .wrap{padding-left:16px;padding-right:16px}
  header.site .brand{font-size:22px}
  header.site .burger{display:block}
  header.site nav.main{position:absolute;left:0;right:0;top:100%;background:var(--h-bg);border-bottom:1px solid var(--h-line);padding:12px 16px}
  header.site nav.main[hidden]{display:none}
  header.site nav.main ul{flex-direction:column;align-items:stretch}
  header.site .menu{position:static;box-shadow:none;border:0;padding:0 0 0 12px;min-width:0;background:none}
  header.site nav.main a,header.site nav.main button.dd{display:block;text-align:left}
  header.site nav.main a.btn-nav{text-align:center;margin-top:6px}
  header.site nav.main{box-shadow:0 12px 24px rgba(20,25,45,.08)}
}