.hdr{--u:min(calc(100vw / 1600), calc(100vh / 900));--fg:var(--scene-nav);--cta-bg:color-mix(in srgb, #0d1117 calc((1 - var(--k)) * 100%), #fff);--cta-fg:color-mix(in srgb, #fff calc((1 - var(--k)) * 100%), #0d1117);--fade:calc(1 - var(--dip) * .82);z-index:50;transition:background-color .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.hdr-solid{--fg:#1b2736;--cta-bg:#0d1117;--cta-fg:#fff;--fade:1;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);background-color:#f4f2ecdb;box-shadow:0 1px #14202f12}.hdr-bar{padding:max(16px, calc(22 * var(--u))) max(16px, calc(38 * var(--u)));color:var(--fg);align-items:center;transition:padding .3s;display:flex}.hdr-solid .hdr-bar{padding-block:12px}.hdr-logo{font-size:max(20px, calc(25 * var(--u)));border-radius:8px;flex:1 1 0;display:flex}.hdr-links{gap:max(26px, calc(42 * var(--u)));font-size:max(14.5px, calc(16.5 * var(--u)));opacity:var(--fade);font-weight:500;list-style:none;display:flex}.hdr-links a{transition:opacity .2s;position:relative}.hdr-links a:hover{opacity:.7}.hdr-links a[aria-current]:after{content:"";background:#a8c94a;border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.hdr-side{justify-content:flex-end;align-items:center;gap:max(22px, calc(40 * var(--u)));font-size:max(14.5px, calc(16.5 * var(--u)));flex:1 1 0;font-weight:500;display:flex}.hdr-side>.hdr-more{opacity:var(--fade)}.hdr-cta{height:max(42px, calc(46 * var(--u)));padding:0 max(20px, calc(26 * var(--u)));background:var(--cta-bg);color:var(--cta-fg);opacity:calc(1 - var(--dip) * .62);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;transition:transform .25s;display:inline-flex}.hdr-solid .hdr-cta{opacity:1}.hdr-cta:hover{transform:translateY(-1px)}.hdr-menuButton{width:42px;height:42px;color:var(--fg);border-radius:99px;place-items:center;display:none}.hdr-panel{background:#f4f2ec;border-top:1px solid #14202f14;height:calc(100dvh - 66px);overflow-y:auto}@media (max-width:1100px){.hdr-links,.hdr-side>.hdr-more{display:none}.hdr-menuButton{display:grid}.hdr-side{gap:6px}}@media (max-width:820px){.hdr-bar{padding:16px 16px 0}.hdr-solid .hdr-bar{padding:12px 16px}.hdr-logo{font-size:21px}.hdr-cta{height:40px;padding:0 16px;font-size:14px}}@media (max-width:400px){.hdr-logo{font-size:19px}.hdr-cta{height:36px;padding:0 13px;font-size:13px}.hdr-menuButton{width:36px}}@media (max-width:340px){.hdr-cta{display:none}}.hdr-links a,.hdr-more{outline-offset:4px;border-radius:6px}
