/* Independent, one-time scroll entrances for the capability panels. */
#skills.arsenal-ready .arsenal-panel{position:relative;isolation:isolate;opacity:0;transform:translate3d(0,36px,0) scale(.975);transition:opacity .7s ease,transform .85s cubic-bezier(.16,1,.3,1),border-color .4s;transition-delay:calc(var(--panel-order)*85ms)}
#skills.arsenal-ready .arsenal-panel:after{content:'';position:absolute;inset:-1px;z-index:-1;border:1px solid var(--panel-accent);border-radius:inherit;opacity:0;pointer-events:none;box-shadow:0 0 26px color-mix(in srgb,var(--panel-accent),transparent 85%)}
#skills.arsenal-ready .arsenal-panel.arsenal-visible{opacity:1;transform:translateZ(0) scale(1)}
#skills.arsenal-ready .arsenal-visible:after{animation:arsenal-edge 1.6s ease both;animation-delay:calc(var(--panel-order)*85ms + 150ms)}
#skills .arsenal-panel h3 svg{transition:filter .5s,transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(4px)}
#skills .arsenal-panel.arsenal-visible h3 svg{transform:none;filter:drop-shadow(0 0 7px var(--panel-accent))}
#skills.arsenal-ready .arsenal-tag{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s;transition-delay:calc(var(--panel-order)*85ms + 180ms + var(--tag-order)*32ms)}
#skills.arsenal-ready .arsenal-visible .arsenal-tag{opacity:1;transform:none}
#skills .arsenal-panel:hover{border-color:color-mix(in srgb,var(--panel-accent),transparent 50%)}
#skills .arsenal-tag:hover{border-color:var(--panel-accent);background:#18181f}
@keyframes arsenal-edge{0%{opacity:0}35%{opacity:.6}100%{opacity:0}}
@media(max-width:767px){#skills.arsenal-ready .arsenal-panel{transition-delay:0ms;transform:translate3d(0,24px,0)}#skills.arsenal-ready .arsenal-panel.arsenal-visible{transform:none}#skills.arsenal-ready .arsenal-visible:after{animation-delay:100ms}#skills.arsenal-ready .arsenal-tag{transition-delay:calc(120ms + var(--tag-order)*25ms)}}
@media(prefers-reduced-motion:reduce){#skills.arsenal-ready .arsenal-panel,#skills.arsenal-ready .arsenal-tag{opacity:1;transform:none;transition:none}#skills.arsenal-ready .arsenal-visible:after{animation:none}#skills .arsenal-panel h3 svg{transform:none;filter:none}}
.motion-paused #skills.arsenal-ready .arsenal-panel,.motion-paused #skills.arsenal-ready .arsenal-tag{opacity:1;transform:none;transition:none}.motion-paused #skills.arsenal-ready .arsenal-visible:after{animation:none}