.hd-nav{position:relative}.hd-spy{bottom:var(--nav-spy-bottom);width:var(--spy-w,0);height:var(--nav-spy-h);border-radius:var(--nav-spy-h);background:var(--color-forest);translate:var(--spy-x,0) 0;opacity:0;pointer-events:none;position:absolute;left:0}.hd-nav[data-spy=on] .hd-spy{opacity:1}html[data-motion=on] .hd-spy{transition:translate var(--t-ui) var(--ease-paper), width var(--t-ui) var(--ease-paper), opacity var(--t-micro) var(--ease-paper)}.hd-nav a[data-active]{color:var(--color-forest)}@media (min-width:64rem){.hd-bar{transition:max-width var(--t-ui) var(--ease-paper), height var(--t-ui) var(--ease-paper), margin var(--t-ui) var(--ease-paper), padding var(--t-ui) var(--ease-paper), background-color var(--t-ui) var(--ease-paper), border-color var(--t-ui) var(--ease-paper), box-shadow var(--t-ui) var(--ease-paper);border:var(--stroke-hair) solid transparent;border-radius:var(--nav-pill-h)}header[data-scrolled=true]{background:0 0;border-color:#0000}header[data-scrolled=true] .hd-bar{max-width:var(--nav-pill-w);height:var(--nav-pill-h);margin-top:calc((var(--header-height) - var(--nav-pill-h)) / 2);padding-inline:var(--spacing-s-3) var(--spacing-s-5);background:var(--nav-glass-bg);-webkit-backdrop-filter:var(--nav-glass-filter);border-color:var(--nav-glass-border);box-shadow:var(--nav-glass-shadow), var(--nav-glass-rim);position:relative}header[data-scrolled=true] .hd-bar>:not(:last-child){color:var(--nav-glass-ink)}header[data-scrolled=true] .hd-nav a{padding-inline:var(--spacing-s-4);border-radius:var(--nav-pill-h);color:var(--nav-glass-ink);transition:background-color var(--nav-glass-t) var(--ease-paper), color var(--nav-glass-t) var(--ease-paper), box-shadow var(--nav-glass-t) var(--ease-paper), scale var(--nav-glass-t) var(--ease-paper)}header[data-scrolled=true] .hd-nav ul{gap:var(--spacing-s-1)}header[data-scrolled=true] .hd-nav a[data-active]{background:var(--nav-glass-active-bg);color:var(--nav-glass-active-ink)}header[data-scrolled=true] .hd-nav a:hover,header[data-scrolled=true] .hd-nav a:focus-visible{background:var(--nav-glass-hover-bg);box-shadow:var(--nav-glass-rim-sm);color:var(--nav-glass-hover-ink)}header[data-scrolled=true] .hd-nav a:active{scale:.98}header[data-scrolled=true] .hd-spy,header[data-scrolled=true] [data-nav-line]{display:none}header[data-scrolled=true] .hd-bar :is(a,button)[class*=bg-forest]{border-radius:var(--nav-pill-h)}html:not([data-motion=on]) .hd-bar{transition:none}}.hd-cta{height:var(--spacing-button-sm);padding-inline:var(--spacing-s-5);border:var(--stroke-hair) solid var(--cta-back-bg);border-radius:var(--nav-pill-h);background:var(--cta-back-bg);color:var(--cta-back-ink);white-space:nowrap;isolation:isolate;place-items:center;display:inline-grid;position:relative;overflow:hidden}.hd-cta:before{content:"";inset-inline:0;height:var(--spacing-target);position:absolute;top:50%;translate:0 -50%}.hd-cta-face{z-index:1;background:var(--cta-face-bg);color:var(--cta-face-ink);transition:translate var(--cta-t) var(--cta-ease);place-content:center;display:grid;position:absolute;inset:0}.hd-cta-letters{display:inline-flex}.hd-cta-letters span{opacity:0;translate:0 calc(var(--cta-letter-shift) * -1);transition:translate var(--cta-t) var(--cta-ease), opacity var(--cta-t)}.hd-cta-letters span:nth-child(2n){translate:0 var(--cta-letter-shift)}.hd-cta:is(:hover,:focus-visible) .hd-cta-face{translate:0 100%}.hd-cta:is(:hover,:focus-visible) .hd-cta-letters span{opacity:1;transition-delay:calc(var(--i) * var(--cta-letter-step));translate:0}@media (prefers-reduced-motion:reduce){.hd-cta-face,.hd-cta-letters span{transition:none}.hd-cta:is(:hover,:focus-visible) .hd-cta-letters span{transition-delay:0s}}.mab{padding-inline:var(--grid-margin);padding-bottom:calc(var(--spacing-s-3) + env(safe-area-inset-bottom))}.mab-bar{width:fit-content;padding-inline:var(--spacing-s-2);border:var(--stroke-hair) solid var(--color-rule);border-radius:var(--radius-button);background:var(--color-paper);box-shadow:var(--nav-glass-shadow), 0 var(--spacing-s-1) var(--spacing-s-4) rgb(0 0 0/var(--nav-pill-shadow-alpha));margin-inline:auto}.mab-bar>a,.mab-bar>button{height:var(--spacing-s-7)}.mab-bar>:last-child{width:var(--spacing-s-7)}@media not (min-width:64rem){.hd-bar{transition:height var(--t-ui) var(--ease-paper), margin var(--t-ui) var(--ease-paper), padding var(--t-ui) var(--ease-paper), background-color var(--t-ui) var(--ease-paper), border-color var(--t-ui) var(--ease-paper), box-shadow var(--t-ui) var(--ease-paper);border:var(--stroke-hair) solid transparent;border-radius:var(--nav-pill-h)}header[data-scrolled=true]{background:0 0;border-color:#0000}header[data-scrolled=true] .hd-bar{height:var(--nav-pill-h-sm);margin-top:calc((var(--header-height) - var(--nav-pill-h-sm)) / 2);width:auto;margin-inline:var(--spacing-s-3);padding-inline:var(--spacing-s-2) var(--spacing-s-4);background:var(--nav-glass-bg);-webkit-backdrop-filter:var(--nav-glass-filter);border-color:var(--nav-glass-border);box-shadow:var(--nav-glass-shadow), var(--nav-glass-rim);color:var(--nav-glass-ink)}header[data-scrolled=true] .hd-bar :is(a,button):not(dialog *){color:var(--nav-glass-ink)}html:not([data-motion=on]) .hd-bar{transition:none}}.hd-menu-btn{height:var(--spacing-button-sm);padding-inline:var(--spacing-s-4);border:var(--stroke-hair) solid currentColor;border-radius:var(--radius-button);transition:background-color var(--t-micro) var(--ease-paper);position:relative}.hd-menu-btn:before{content:"";inset-inline:0;height:var(--spacing-target);position:absolute;top:50%;translate:0 -50%}.hd-menu-btn:hover{background:var(--color-paper-2)}header[data-scrolled=true] .hd-menu-btn:not(dialog *):hover{background:var(--nav-glass-hover-bg)}@media not (min-width:64rem){header[data-scrolled=true] .hd-menu-btn:not(dialog *){height:calc(var(--nav-pill-h-sm) - var(--spacing-s-2) * 2)}}
