/* Figma 16:614; the approved 16px mobile header offset also applies here. */
.menu{margin:0;padding:0;overflow-x:hidden;overflow-y:auto;background:transparent;color:var(--ink);isolation:isolate}
.menu::backdrop{background:transparent}
.menu::before{content:"";position:fixed;inset:0;background:var(--cream);z-index:-1;pointer-events:none}
.menu .menu-header{z-index:1}
.menu .menu-brand{position:static;max-width:calc(100% - 54px)}
.menu .menu-close{position:static;flex-shrink:0;background:none;border-radius:0;width:30px;height:41px;display:grid;place-items:center;padding:0;line-height:1}
.menu-close img{display:block;width:30px;height:30px}
.menu .menu-close:hover{transform:none;background:none}
.menu nav{margin:280px 21px 0;gap:36px;font-size:38px;font-weight:800;line-height:30px;align-items:flex-start}
.menu nav a{display:block;max-width:100%;text-decoration:none}
.menu nav a:hover,.menu nav a:focus-visible{color:var(--blue)}
.menu-legal{margin:0;position:absolute;left:18px;bottom:28px;display:flex;gap:50px;font-size:14px;font-weight:500;line-height:18px;text-transform:uppercase}
.menu[open]::before{animation:menu-panel-enter .4s cubic-bezier(.22,1,.36,1) both}
.menu[open] nav,.menu[open] .menu-legal{animation:menu-content-enter .45s cubic-bezier(.22,1,.36,1) both}
.menu .header{animation:none}
@keyframes menu-panel-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes menu-content-enter{from{transform:translateX(-110vw)}to{transform:translateX(0)}}
@media(max-width:760px){.menu .menu-header{top:16px}}
@media(max-width:374px){.menu nav{font-size:34px}}
@media(max-height:600px){.menu nav{margin-top:145px;gap:28px}.menu-legal{position:static;margin:55px 18px 28px}}
@media(prefers-reduced-motion:reduce){.menu[open]::before,.menu[open] nav,.menu[open] .menu-legal{animation:none}}

.menu[open][data-closing]::before{animation:menu-panel-exit .4s .05s cubic-bezier(.64,0,.78,0) both}
.menu[open][data-closing] nav,.menu[open][data-closing] .menu-legal{animation:menu-content-exit .45s cubic-bezier(.64,0,.78,0) both}
@keyframes menu-panel-exit{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes menu-content-exit{from{transform:translateX(0)}to{transform:translateX(-110vw)}}
@media(prefers-reduced-motion:reduce){.menu[open][data-closing]::before,.menu[open][data-closing] nav,.menu[open][data-closing] .menu-legal{animation:none}}

.menu:focus{outline:none}