/* A quiet, touch-first wardrobe drawer. Existing studio colour tokens remain authoritative. */
.ak-site #ak-menu{inset:0 auto 0 0;width:min(420px,100%);padding:0 26px max(24px,env(safe-area-inset-bottom));border-left:0;border-right:1px solid var(--ak-rule);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ak-rule) transparent;background:var(--ak-bg);color:var(--ak-bone)}
.ak-site #ak-menu[open]{animation:ak-menu-enter .22s ease-out}
@keyframes ak-menu-enter{from{transform:translateX(-24px);opacity:.6}to{transform:translateX(0);opacity:1}}
#ak-menu .ak-drawer-top{position:sticky;top:0;z-index:3;background:var(--ak-bg);padding:22px 0 18px;margin:0;border-bottom:1px solid var(--ak-rule)}
#ak-menu .ak-drawer-top .ak-eyebrow{font-size:10px;letter-spacing:.16em}
#ak-menu .ak-menu-intro{font-size:12px;color:var(--ak-stone);margin:20px 0 12px}
#ak-menu .ak-menu-list,#ak-menu .ak-menu-list ul{display:block;list-style:none;padding:0;margin:0}
#ak-menu .ak-menu-list li{display:block;position:relative;padding:0;margin:0;border:0}
#ak-menu .ak-menu-list>li{border-bottom:1px solid var(--ak-rule)}
#ak-menu .ak-menu-list a,#ak-menu .ak-menu-heading{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 0;margin:0;border:0;border-radius:0;background:transparent;color:var(--ak-bone);text-align:left;text-transform:none;letter-spacing:0;line-height:1.4;font:400 16px/1.4 var(--ak-sans);box-shadow:none;white-space:normal}
#ak-menu .ak-menu-list>li>a,#ak-menu .ak-menu-list>li>.ak-menu-heading{font:400 28px/1.3 var(--ak-display);min-height:66px}
#ak-menu .ak-menu-list ul{margin:0 0 14px 10px;padding-left:14px;border-left:1px solid var(--ak-rule)}
#ak-menu .ak-menu-list ul ul{margin-left:0;padding-left:12px}
#ak-menu .ak-menu-list [hidden]{display:none!important}
#ak-menu .ak-menu-view-all a{font-size:12px;color:var(--ak-stone);text-decoration:underline;text-underline-offset:5px;min-height:44px}
#ak-menu .ak-menu-expand{margin-left:auto;flex:0 0 24px;width:24px;height:24px;position:relative;border:1px solid var(--ak-rule);border-radius:50%}
#ak-menu .ak-menu-expand:before,#ak-menu .ak-menu-expand:after{content:'';position:absolute;inset:10px 6px auto;height:1px;background:currentColor}
#ak-menu .ak-menu-expand:after{transform:rotate(90deg);transition:transform .18s ease}
#ak-menu [aria-expanded=true]>.ak-menu-expand:after{transform:rotate(0)}
#ak-menu .ak-category-portrait{width:34px;height:42px;flex:0 0 34px;object-fit:cover;border-radius:45% 45% 3px 3px}
#ak-menu .ak-menu-list a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
#ak-menu .ak-menu-list a:focus-visible,#ak-menu .ak-menu-heading:focus-visible{outline:1px solid var(--ak-bone);outline-offset:3px}
#ak-menu>.ak-link{margin-top:24px;font-size:14px;min-height:48px}
@media(hover:hover){#ak-menu .ak-menu-list a:hover,#ak-menu .ak-menu-heading:hover{color:var(--ak-stone)}}
@media(max-width:480px){.ak-site #ak-menu{width:100%;padding-inline:22px}.ak-site #ak-menu .ak-menu-list>li>a,.ak-site #ak-menu .ak-menu-list>li>.ak-menu-heading{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ak-site #ak-menu[open]{animation:none}#ak-menu .ak-menu-expand:after{transition:none}}