.staggered-menu{--sm-accent:var(--accent);--sm-lilac:var(--lilac);--sm-rose:var(--rose);--sm-foreground:var(--foreground);--sm-background:var(--background);--sm-panel-width:clamp(280px,45vw,500px)}.staggered-menu__header{position:fixed;top:0;left:12px;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:transparent;pointer-events:none}.staggered-menu__header>*{pointer-events:auto}@media (min-width:768px){.staggered-menu__header{left:16px;padding:1.25rem 2rem}}.staggered-menu__logo{display:flex;align-items:center;gap:.5rem;font-weight:700;transition:color .3s ease}.staggered-menu__logo:hover{color:var(--sm-accent)}.staggered-menu__toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;background:transparent;border:none;cursor:pointer;color:var(--sm-foreground);font-weight:500;font-size:.875rem;transition:color .3s ease}.staggered-menu__toggle:hover{color:var(--sm-accent)}.staggered-menu__toggle:focus-visible{outline:2px solid var(--sm-accent);outline-offset:4px;border-radius:4px}.staggered-menu__toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.staggered-menu__toggle-text{display:none}@media (min-width:768px){.staggered-menu__toggle-text{display:inline}}.staggered-menu__overlay{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.3);backdrop-filter:blur(2px)}.staggered-menu__prelayer{position:fixed;top:0;height:100vh;width:var(--sm-panel-width);transform:translateX(100%);will-change:transform}.staggered-menu__prelayer[data-position=right]{right:0}.staggered-menu__prelayer[data-position=left]{left:0;transform:translateX(-100%)}.staggered-menu__prelayer--lilac{z-index:41}.staggered-menu__prelayer--rose{z-index:42}.staggered-menu__panel{position:fixed;top:0;height:100vh;width:var(--sm-panel-width);background:var(--sm-background);z-index:43;transform:translateX(100%);will-change:transform;overflow-y:auto;display:flex;flex-direction:column}.staggered-menu__panel[data-position=right]{right:0}.staggered-menu__panel[data-position=left]{left:0;transform:translateX(-100%)}@media (max-width:640px){.staggered-menu__panel,.staggered-menu__prelayer{width:100%}}.staggered-menu__panel-content{flex:1;display:flex;flex-direction:column;padding:6rem 2rem 2rem;gap:2rem}.staggered-menu__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.staggered-menu__list-item{position:relative;overflow:hidden;line-height:1}.staggered-menu__item{display:flex;align-items:baseline;gap:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;color:var(--sm-foreground);text-decoration:none;transition:color .3s ease;will-change:transform,opacity;transform-origin:0 100%}.staggered-menu__item--active,.staggered-menu__item:hover{color:var(--sm-accent)}.staggered-menu__item:focus-visible{outline:2px solid var(--sm-accent);outline-offset:4px}.staggered-menu__item-number{font-size:.875rem;font-weight:400;color:var(--sm-accent);opacity:.8;min-width:1.5rem}.staggered-menu__mobile-auth{margin-top:auto;padding-top:2rem;border-top:1px solid var(--border)}.staggered-menu__auth{display:flex;align-items:center;gap:.75rem}.staggered-menu__right{display:flex;align-items:center;gap:1rem}.staggered-menu[data-open=true] .staggered-menu__toggle-icon{transform:rotate(180deg)}