.heard-menu:not([open]){display:none}
.heard-menu{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--orange);color:var(--ink);overflow-y:auto;overscroll-behavior:contain}
.heard-menu::backdrop{background:var(--ink)}
.heard-menu[open]{display:block;animation:menu-arrive .24s cubic-bezier(.2,.8,.2,1) both}
.menu-shell{min-height:100%;display:flex;flex-direction:column}
.menu-masthead{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:12px 5%;background:linear-gradient(110deg,#d2d4d1,#ececea 36%,#c9ccca 72%,#e0e2df);border-bottom:1px solid var(--ink)}
.menu-brand{font-family:var(--display);font-size:2.4rem;line-height:1;letter-spacing:-.045em}
.menu-brand>span{color:var(--orange)}
.menu-close{display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:0 13px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;font-family:var(--mono);font-size:.875rem}
.menu-close svg{height:21px;width:21px}
.menu-close:hover{background:var(--orange);color:var(--ink)}
.menu-content{padding:27px 5% max(25px,env(safe-area-inset-bottom));flex:1;display:flex;flex-direction:column}
.menu-eyebrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;font-size:.75rem;margin-bottom:20px;letter-spacing:.02em}
.menu-links{display:flex;flex-direction:column}
.menu-links>a{display:grid;grid-template-columns:25px minmax(0,1fr) 29px;column-gap:15px;align-items:center;min-height:88px;border-bottom:1px solid #15151580;padding:20px 0;transition:background .2s,color .2s}
.menu-links>a:first-child{border-top:1px solid #15151580}
.menu-links .menu-number{font-size:.75rem;align-self:start;margin-top:7px}
.menu-link-title{font-family:var(--display);font-size:clamp(2.4rem,10.5vw,4.6rem);line-height:1.07;letter-spacing:-.015em;min-width:0}
.menu-link-symbol{width:29px;height:29px;transition:transform .2s}
.menu-links>a:hover,.menu-links>a:focus-visible{background:var(--ink);color:var(--orange)}
.menu-links>a:hover .menu-link-symbol{transform:translateX(3px)}
.menu-links>a[aria-current=page]{background:#1515150f;box-shadow:inset 4px 0 var(--ink)}
.menu-links>a[aria-current=page]:hover,.menu-links>a[aria-current=page]:focus-visible{background:var(--ink)}
.menu-links .menu-order{padding-block:22px}
.menu-order .menu-link-title{font-size:clamp(2rem,15vw,6.5rem);line-height:1}
.menu-order .menu-link-symbol{width:32px;height:32px;align-self:end;margin-bottom:5px}
.menu-endnote{margin-top:auto;padding-top:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.menu-endnote>.mono{font-size:.75rem;line-height:1.5}
.menu-endmark{font-family:var(--display);font-size:clamp(2.5rem,11vw,4.5rem);letter-spacing:-.035em;line-height:1}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.site-header>.header-note{display:none}.site-header>.menu-button{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px;border:1px solid var(--ink);padding:0 13px;background:var(--ink);color:var(--paper);font-size:.875rem}.site-header>.menu-button:hover{background:var(--orange);color:var(--ink)}.site-header>.menu-button .menu-icon{width:19px;gap:5px}.site-header>.menu-button .menu-icon i{width:19px;background:var(--orange)}.site-header>.menu-button:hover .menu-icon i{background:var(--ink)}}
@media(max-width:360px){.menu-links>a{column-gap:12px;grid-template-columns:23px minmax(0,1fr) 25px}.menu-link-title{font-size:2.25rem}.menu-link-symbol{width:25px;height:25px}.menu-eyebrow{font-size:.75rem;gap:10px}}
@media(max-height:680px){.menu-content{padding-top:20px}.menu-eyebrow{margin-bottom:15px}.menu-links>a{min-height:75px;padding-block:15px}.menu-order .menu-link-title{font-size:min(3.4rem,15vw)}.menu-links .menu-order{padding-block:18px}.menu-endnote{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.heard-menu[open]{animation:none}.heard-menu *{transition:none!important}}

.menu-links>a[aria-current=page] .menu-number{padding-left:9px}.menu-links>a:focus-visible{outline-offset:-4px;outline-color:var(--ink);box-shadow:none}.menu-links>a[aria-current=page]:hover{box-shadow:inset 4px 0 var(--orange)}