.secnav{z-index:90;pointer-events:none;position:fixed;top:50%;right:clamp(.75rem,1.6vw,1.6rem);transform:translateY(-50%)}.secnav__list{flex-direction:column;align-items:flex-end;gap:1.05rem;margin:0;padding:.4rem 0;list-style:none;display:flex;position:relative}.secnav__list:before{content:"";background:color-mix(in srgb, var(--ink) 22%, transparent);width:2px;position:absolute;top:0;bottom:0;right:6px}.secnav__item{display:flex}.secnav__btn{pointer-events:auto;font:inherit;color:var(--ink-soft);text-align:right;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:.6rem;padding:0;display:flex}.secnav__mark{border:2px solid var(--ink);background:var(--paper);width:14px;height:14px;transition:background-color .22s var(--ease-out), transform .22s var(--ease-out), border-radius .22s var(--ease-out), border-color .22s var(--ease-out);flex:none;position:relative}.secnav__btn:hover .secnav__mark{background:var(--yellow);transform:scale(1.15)}.secnav__btn.is-active .secnav__mark{background:var(--red);border-color:var(--red);border-radius:50%;transform:scale(1.3)}.secnav__label{white-space:nowrap;opacity:0;letter-spacing:.14em;text-transform:uppercase;max-width:0;color:var(--ink);background:color-mix(in srgb, var(--paper) 94%, transparent);transition:max-width .3s var(--ease-out), opacity .24s var(--ease-out), padding .3s var(--ease-out), border-color .24s var(--ease-out);border:2px solid #0000;padding:.28rem 0;font-size:.7rem;font-weight:700;overflow:hidden}.secnav:hover .secnav__label,.secnav__btn:focus-visible .secnav__label{opacity:1;border-color:var(--ink);max-width:15rem;padding:.28rem .55rem}.secnav__btn.is-active .secnav__label{color:var(--red)}@media (min-width:1600px){.secnav__label{opacity:.75;max-width:15rem;padding:.28rem .55rem}.secnav:hover .secnav__label,.secnav__btn:focus-visible .secnav__label,.secnav__btn.is-active .secnav__label{opacity:1}}@media (max-width:1080px){.secnav{display:none}}@media (prefers-reduced-motion:reduce){.secnav__mark,.secnav__label{transition:none}}