/* Menú común de RETOLIGA: botón en el header + pantalla completa con todas las páginas */
.nav-right{display:flex;align-items:center;gap:26px}
.menu-btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:inherit;background:none;border:0;padding:10px 0;cursor:pointer}
.menu-btn i{position:relative;width:26px;height:10px;display:block}
.menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .5s var(--ease),top .5s var(--ease)}
.menu-btn i::before{top:0}
.menu-btn i::after{top:8px}
.menu-open .menu-btn i::before{top:4px;transform:rotate(45deg)}
.menu-open .menu-btn i::after{top:4px;transform:rotate(-45deg)}

.menu{position:fixed;inset:0;z-index:55;background:var(--ink);clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease);display:grid;grid-template-columns:1.25fr .75fr;pointer-events:none;overflow:auto;overscroll-behavior:contain}
.menu-open .menu{clip-path:inset(0);pointer-events:auto}
.menu .l{padding:120px var(--pad) 40px;display:flex;flex-direction:column;justify-content:center}
.menu ol{list-style:none}
.menu ol li{opacity:0;transform:translateY(70px);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.menu-open .menu ol li{opacity:1;transform:none;transition-delay:calc(var(--i)*55ms + 280ms)}
.menu ol a{display:flex;align-items:baseline;gap:18px;font-weight:800;font-stretch:75%;text-transform:uppercase;font-size:clamp(40px,7.4vw,112px);line-height:.98;letter-spacing:-.02em;color:var(--bone);transition:color .3s,transform .5s var(--ease)}
.menu ol a small{font-family:var(--mono);font-size:12px;color:var(--hot);letter-spacing:.07em;font-weight:400}
.menu ol a:hover,.menu ol a.on{color:var(--hot);transform:translateX(14px)}
.menu .r{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--pad) 40px;overflow:hidden}
.menu .r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.5) brightness(.5);clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 90px))}
.menu .r>*:not(img){position:relative;z-index:2}
.menu .sec{list-style:none;border-top:1px solid rgba(236,231,220,.25);padding-top:18px}
.menu .sec li{margin:4px 0}
.menu .sec a{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--bone);display:flex;justify-content:space-between;padding:10px 0;transition:color .3s,padding .4s var(--ease)}
.menu .sec a:hover{color:var(--hot);padding-left:10px}
.menu .tag{font-family:var(--mono);font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px}
@media(max-width:900px){
  .menu{grid-template-columns:1fr}
  .menu .l{padding-bottom:10px;justify-content:flex-start}
  .menu .r{padding-top:20px;min-height:260px}
  .nav-right .mag{display:none}
}
@media (prefers-reduced-motion:reduce){.menu,.menu ol li{transition:none}}