.site-header{--header-ink:var(--hero-ink);z-index:20;padding:var(--hud-pad) var(--hud-pad) 1rem;color:var(--header-ink);transition:padding .5s var(--ease-out), background-color .5s ease, opacity .8s ease .7s;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}body:has(.hero:not(.is-copy)) .site-header[data-state=over]{opacity:0;pointer-events:none}.site-header[data-state=solid]{--header-ink:var(--ink);padding-top:1rem}.site-logo{border-radius:6px;transition:opacity .3s,visibility .3s;display:grid}.site-logo img{grid-area:1/1;width:auto;height:40px;transition:opacity .45s}.site-logo .logo-colour{opacity:0}.site-header[data-state=solid] .logo-colour{opacity:1}.site-header[data-state=solid] .logo-white,:root[data-tone=dark] .site-header[data-state=solid] .logo-colour{opacity:0}:root[data-tone=dark] .site-header[data-state=solid] .logo-white{opacity:1}.site-talk{--chalk:var(--graphic);font-family:var(--f-body);white-space:nowrap;border-radius:6px;padding:.55rem 1.1rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:color .3s,opacity .3s,visibility .3s;position:relative}.site-talk-chalk{pointer-events:none;height:.62rem;position:absolute;bottom:.12rem;left:1.1rem;right:1.1rem;overflow:visible}.site-talk-chalk path{fill:none;stroke:var(--chalk);stroke-width:2.3px;stroke-linecap:round;stroke-dasharray:1 2;stroke-dashoffset:1px;opacity:0;transition:opacity .3s,stroke-dashoffset 0s linear .3s}@media (hover:hover){.site-talk:hover .site-talk-chalk path{stroke-dashoffset:0;opacity:1;transition:opacity .1s,stroke-dashoffset .6s cubic-bezier(.5,0,.2,1)}}.site-talk:focus-visible .site-talk-chalk path{stroke-dashoffset:0;opacity:1;transition:opacity .1s,stroke-dashoffset .6s cubic-bezier(.5,0,.2,1)}.site-header[data-state=over] .site-talk{--chalk:var(--hero-ink);text-shadow:0 1px 10px #00000059}.site-header[data-state=over] .site-talk-chalk{filter:drop-shadow(0 1px 5px #00000059)}.site-header[data-state=over] :focus-visible{outline-color:var(--hero-ink)}.site-header[data-over=footer] :is(.site-logo,.site-talk){opacity:0;visibility:hidden}.site-header.site-header--page{padding-top:var(--hud-pad);position:absolute}@media (width<=640px){.site-logo img{height:37px}.site-talk{padding:.5rem .95rem;font-size:.85rem}.site-talk-chalk{left:.95rem;right:.95rem}}@media (prefers-reduced-motion:reduce){.site-header,.site-logo,.site-logo img,.site-talk,.site-talk .site-talk-chalk path{transition:none!important}}