/* v4 navs: a quiet bar on translucent paper; one shared panel slides down from it. Prefix pn- keeps it safe inside page exports. */
@font-face{font-family:"MF Display Thin";src:url(../fonts/MirrorFactory-Display-350-Latin.woff2) format("woff2");font-display:swap}
@font-face{font-family:"MF Display Light";src:url(../fonts/MirrorFactory-Display-375-Latin.woff2) format("woff2");font-display:swap}
@font-face{font-family:"MF Manrope";src:url(../fonts/Manrope-Variable-Latin.woff2) format("woff2");font-weight:200 800;font-display:swap}
html,body{margin:0;background:transparent}*{box-sizing:border-box}
.pn{--fg:#121510;--fg2:rgba(18,21,16,.7);--fg3:rgba(18,21,16,.46);--line:rgba(18,21,16,.1);--bar:rgba(247,245,239,.78);--panel:rgba(247,245,239,.97);--card:rgba(18,21,16,.04);--o:#2A8C80;--lm:#6E8C16;--li:#6E7DB8;--pc:#C2733A;--ease:cubic-bezier(.16,1,.3,1);
  position:relative;width:100%;max-width:1440px;margin:0 auto;font-family:"MF Manrope",Manrope,system-ui,sans-serif;color:var(--fg);-webkit-font-smoothing:antialiased}
html[data-theme=dark] .pn{--fg:#F2EEE5;--fg2:rgba(242,238,229,.72);--fg3:rgba(242,238,229,.46);--line:rgba(242,238,229,.1);--bar:rgba(14,16,13,.72);--panel:rgba(14,16,13,.97);--card:rgba(242,238,229,.05);--o:#90ECE2;--lm:#CEF25A;--li:#A6B5DD;--pc:#F5B688}
.pn-bar{position:relative;z-index:3;height:72px;padding:0 64px;display:flex;align-items:center;gap:44px;background:var(--bar);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid var(--line);transition:background .3s,border-color .3s}
.pn.open .pn-bar,.pn.sheet .pn-bar{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.pn-logo{display:block;height:24px;flex:none}.pn-logo img{height:24px;display:block}.pn-logo .w{display:none}html[data-theme=dark] .pn-logo .w{display:block}html[data-theme=dark] .pn-logo .b{display:none}
.pn-menu{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.pn-menu>li>a,.pn-menu>li>button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:0;border-radius:7px;background:none;color:var(--fg2);font:500 14px/1 "MF Manrope",sans-serif;text-decoration:none;cursor:pointer;transition:color .2s,background .2s}
.pn-menu>li>a:hover,.pn-menu>li>button:hover,.pn-menu>li.on>button{color:var(--fg);background:var(--card)}
.pn-menu svg{width:9px;height:9px;transition:transform .35s var(--ease);opacity:.7}.pn-menu>li.on svg{transform:rotate(180deg)}
.pn-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.pn-ghost{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:0;border-radius:7px;background:none;color:var(--fg2);font:500 14px/1 "MF Manrope",sans-serif;text-decoration:none;cursor:pointer;transition:color .2s}.pn-ghost:hover{color:var(--fg)}
.pn-cta{height:36px;display:inline-flex;align-items:center;gap:9px;padding:0 14px 0 12px;border-radius:7px;background:var(--fg);color:#F7F5EF;font:500 14px/1 "MF Manrope",sans-serif;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .3s}
html[data-theme=dark] .pn-cta{color:#0E100D}
.pn-cta i{width:6px;height:6px;border-radius:50%;background:#CEF25A;box-shadow:0 0 0 3px rgba(206,242,90,.22)}
.pn-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -14px rgba(0,0,0,.55)}
.pn-drop{position:absolute;left:0;right:0;top:0;padding-top:72px;z-index:2;background:var(--panel);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);border-bottom:1px solid var(--line);box-shadow:0 40px 80px -46px rgba(18,21,16,.35);clip-path:inset(0 0 100% 0);opacity:0;transition:clip-path .6s var(--ease),opacity .3s ease;pointer-events:none}
.pn.open .pn-drop{clip-path:inset(0 0 0 0);opacity:1;pointer-events:auto}
.pn-pane{display:none}.pn-pane.on{display:grid}
.pn-pane h6{margin:4px 0 0;display:flex;align-items:center;gap:9px;font:500 12.5px/1.4 "MF Manrope",sans-serif;color:var(--fg3)}
.pn-d4{display:inline-flex;gap:3px}.pn-d4 i{width:4px;height:4px;border-radius:50%;background:#CEF25A}.pn-d4 i:nth-child(2){background:#90ECE2}.pn-d4 i:nth-child(3){background:#A6B5DD}.pn-d4 i:nth-child(4){background:#F5B688}
.pn-in{opacity:0;transform:translateY(-6px);transition:opacity .45s,transform .6s var(--ease)}.pn.open .pn-pane.on .pn-in,.pn.sheet .pn-in{opacity:1;transform:none}
.pn-burger{display:none;position:relative;width:36px;height:36px;border:0;border-radius:7px;background:var(--card);color:var(--fg);cursor:pointer;flex:none}
.pn-burger span{position:absolute;left:11px;right:11px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .4s var(--ease),top .4s var(--ease)}
.pn-burger span:nth-child(1){top:14px}.pn-burger span:nth-child(2){top:20px}
.pn.sheet .pn-burger span:nth-child(1){top:17px;transform:rotate(45deg)}.pn.sheet .pn-burger span:nth-child(2){top:17px;transform:rotate(-45deg)}
.pn-sheet{display:none}
@media (max-width:760px){.pn-bar{height:64px;padding:0 18px;gap:12px}.pn-menu,.pn-ghost,.pn-hide{display:none!important}.pn-cta{height:34px;font-size:13px}.pn-drop{display:none}.pn-burger{display:inline-block}
  .pn-sheet{display:block;position:absolute;left:0;right:0;top:0;z-index:2;padding:72px 18px 22px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 40px 80px -46px rgba(18,21,16,.35);clip-path:inset(0 0 100% 0);opacity:0;transition:clip-path .55s var(--ease),opacity .3s ease;pointer-events:none}
  .pn.sheet .pn-sheet{clip-path:inset(0 0 0 0);opacity:1;pointer-events:auto}
  .pn-sheet a{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;border-top:1px solid var(--line);color:var(--fg);text-decoration:none;font:400 26px/1 "MF Display Thin",sans-serif;letter-spacing:-.02em}
  .pn-sheet a em{font:500 14px "MF Manrope",sans-serif;font-style:normal;color:var(--fg3)}
  .pn-sheet p{margin:14px 4px 0;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--fg3)}}
@media (prefers-reduced-motion:reduce){.pn *{transition:none!important}}


/* over a dark hero (export: .mf-over-nav.ondark) */
.ondark .pn{--fg:#F2EEE5;--fg2:rgba(242,238,229,.72);--fg3:rgba(242,238,229,.46);--line:rgba(242,238,229,.1);--bar:rgba(14,16,13,.72);--panel:rgba(14,16,13,.97);--card:rgba(242,238,229,.05);--o:#90ECE2;--lm:#CEF25A;--li:#A6B5DD;--pc:#F5B688}.ondark .pn-logo .w{display:block}.ondark .pn-logo .b{display:none}.ondark .pn-cta{color:#0E100D}