/* ------- kinetic ------- */
.award{color:var(--amber);font-weight:600}
.credits .aw{color:var(--amber);font-family:var(--mono);font-size:10.5px;letter-spacing:.6px}
#af-cursor{position:fixed;left:0;top:0;z-index:120;pointer-events:none;opacity:0;transition:opacity .3s;will-change:transform}
#af-cursor i{position:absolute;width:8px;height:8px;border:1.5px solid var(--chrome3)}
#af-cursor i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}
#af-cursor i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}
#af-cursor i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}
#af-cursor i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}
#af-cursor.lock i{border-color:var(--rose);box-shadow:0 0 6px rgba(232,106,134,.5)}
#af-cursor .st{position:absolute;left:50%;top:-16px;transform:translateX(-50%);font-family:var(--mono);font-size:8px;letter-spacing:1.4px;color:var(--rose-deep);opacity:0;transition:opacity .2s;white-space:nowrap}
#af-cursor.lock .st{opacity:1}
@media(pointer:coarse){#af-cursor{display:none}}
.scrollbar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#f5b6cf,#cdbdea,#bcd6f2,#b6e3cf);box-shadow:0 0 8px rgba(232,106,134,.4);z-index:60}
nav ul a.cur{color:var(--ink)}
nav ul a.cur::after{width:100%;background:var(--amber)}
.btn::before{content:'●';display:inline-block;color:var(--rose);width:0;opacity:0;overflow:hidden;transition:width .25s var(--spring),opacity .2s}
.btn:hover::before{width:.9em;opacity:1;animation:recblink 1.2s steps(1) infinite}
.stag>*{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s var(--spring);transition-delay:var(--d,0s)}
.rv.in .stag>*{opacity:1;transform:none}