/* All navigation styles are scoped so page content remains unchanged. */
@font-face{font-family:HeardNav;src:url('/newwebsite/assets/sohne-400.woff2');font-weight:400;font-display:swap}
@font-face{font-family:HeardNav;src:url('/newwebsite/assets/sohne-600.woff2');font-weight:600;font-display:swap}
@font-face{font-family:HeardNavMono;src:url('/newwebsite/assets/gt-standard-mono.woff2');font-display:swap}
.heard-nav{--hn-paper:#fcf7f4;--hn-ink:#362da6;--hn-text:#292748;--hn-muted:#81798e;--hn-line:#dcd5e5;position:relative;z-index:50;margin:0 4.5%;background:var(--hn-paper);color:var(--hn-text);font:400 14px/1.5 HeardNav,sans-serif;letter-spacing:normal;text-align:left}
.heard-nav *{box-sizing:border-box}
.heard-nav a{color:inherit;text-decoration:none}
.heard-nav button{font:inherit;color:inherit;cursor:pointer;border:0;letter-spacing:normal;text-transform:none;box-shadow:none}
.heard-nav button,.heard-nav a{-webkit-tap-highlight-color:transparent}
.heard-nav :is(button,a):focus-visible{outline:2px solid var(--hn-ink);outline-offset:5px}
.heard-nav [hidden]{display:none!important}
.heard-nav .hn-shell{min-height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hn-line);gap:24px}
.heard-nav .hn-brand{flex:none;display:block}
.heard-nav .hn-brand img{display:block;width:99px;height:43px;object-fit:contain}
.heard-nav .hn-links{display:flex;align-items:center;gap:8px;margin:0;padding:0}
.heard-nav .hn-links>button,.heard-nav .hn-links>a{font-size:14px;font-weight:400;line-height:1.5;padding:12px 16px;background:transparent;display:flex;align-items:center;gap:8px;border-radius:0;white-space:nowrap}
.heard-nav .hn-links button[aria-expanded=true]{color:var(--hn-ink);box-shadow:inset 0 -1px var(--hn-ink)}
.heard-nav .hn-links>a:hover{color:var(--hn-ink)}
.heard-nav .hn-chevron{width:10px;height:10px;transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.heard-nav [aria-expanded=true]>.hn-chevron{transform:rotate(180deg)}
.heard-nav .hn-cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--hn-ink);color:#fff;padding:12px 22px;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;transition:transform 160ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
/* Fill moves behind a stationary label; rapid pointer changes reverse smoothly. */
.heard-nav .hn-cta::before{content:"";position:absolute;inset:-1px;z-index:-1;background:#211b68;border-radius:inherit;pointer-events:none;transform:translateY(105%);transition:transform 250ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
@media(hover:hover) and (pointer:fine){.heard-nav .hn-cta:hover::before{transform:translateY(0)}}
.heard-nav .hn-cta:active{transform:scale(.97);background:#211b68}
.heard-nav .hn-cta:focus-visible::before{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){
 .heard-nav .hn-cta{transition:none}.heard-nav .hn-cta:active{transform:none}
 .heard-nav .hn-cta::before{transform:none;opacity:0;transition:opacity 150ms ease}
 .heard-nav .hn-cta:focus-visible::before{opacity:1;transition:none}
}
@media(prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.heard-nav .hn-cta:hover::before{opacity:1}}
.heard-nav .hn-toggle{display:none;background:none;padding:12px}
.heard-nav .hn-toggle svg{display:block;width:20px;height:20px}
.heard-nav .hn-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(600px,100%);padding:20px;background:var(--hn-paper);border:1px solid var(--hn-line);border-radius:8px;box-shadow:0 12px 28px -18px #29274844;overflow:hidden;animation:heard-nav-appear 180ms cubic-bezier(.23,1,.32,1)}
.heard-nav .hn-eyebrow{font:400 11px/1.5 HeardNavMono,monospace;color:var(--hn-muted);letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px}
.heard-nav .hn-directory{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:0 24px}
.heard-nav .hn-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;min-width:0}
.heard-nav .hn-item>div{min-width:0}
.heard-nav .hn-item h3{font:400 16px/1.5 HeardNav,sans-serif;letter-spacing:-.015em;margin:0 0 4px;color:var(--hn-text);text-wrap:wrap}
.heard-nav .hn-item p{font:400 12px/1.5 HeardNav,sans-serif;color:var(--hn-muted);max-width:32ch;letter-spacing:normal;margin:0;text-wrap:wrap}
.heard-nav .hn-item:hover h3{color:var(--hn-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.heard-nav .hn-art{display:block;width:34px;height:34px;flex:0 0 34px;margin-top:1px;overflow:hidden}
.pp-shell>.heard-nav{margin:0}.pp-shell>.heard-nav .hn-shell{min-height:104px}
.resource-shell>.heard-nav{margin:0;padding:0 40px}.resource-shell>.heard-nav .hn-shell{min-height:104px}
@keyframes heard-nav-appear{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.heard-nav .hn-shell{gap:16px}.heard-nav .hn-links{gap:0}.heard-nav .hn-links>button,.heard-nav .hn-links>a{padding:12px 10px}.heard-nav .hn-cta{padding-inline:16px}}
@media(max-width:680px){
.heard-nav{margin-inline:24px}.heard-nav .hn-shell,.pp-shell>.heard-nav .hn-shell,.resource-shell>.heard-nav .hn-shell{min-height:76px;gap:12px;flex-wrap:wrap;padding:14px 0}
.resource-shell>.heard-nav{padding:0 20px}.heard-nav .hn-brand img{width:90px;height:36px}.heard-nav .hn-cta{margin-left:auto;font-size:12px;padding:11px 16px}.heard-nav .hn-toggle{display:block}
.heard-nav .hn-links{display:none;width:100%;order:5;flex-wrap:wrap;gap:4px;padding-top:8px}.heard-nav.hn-mobile-open .hn-links{display:flex}.heard-nav .hn-links>button,.heard-nav .hn-links>a{font-size:13px;padding:10px 12px}
.heard-nav .hn-panel{position:relative;left:auto;transform:none;top:auto;width:100%;margin:8px 0 0;padding:16px;max-height:calc(100dvh - 240px);overflow:auto}
.heard-nav .hn-directory{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:0}.heard-nav .hn-item{padding:10px 0}.heard-nav .hn-item:nth-child(4){border-top:1px solid var(--hn-line);margin-top:8px;padding-top:16px}.heard-nav .hn-item:nth-child(n+4) p{display:none}.heard-nav .hn-art{width:30px;height:30px;flex-basis:30px}
}
@media(prefers-reduced-motion:reduce){.heard-nav .hn-panel{animation:none}.heard-nav .hn-chevron{transition:none}}