.svcnav{font-size:var(--fs-s);line-height:var(--lh-s);flex-wrap:wrap;gap:2px 0;margin:16px 0 0;display:flex}.svcnav a{color:var(--muted);text-decoration:none;transition:color .15s ease-out}.svcnav a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--line)}.svcnav{grid-template-columns:repeat(3,176px);gap:6px 0;display:grid}@media (width<=520px){.svcnav{grid-template-columns:repeat(2,1fr)}}.svcnav a{justify-self:start;align-items:center;gap:6px;display:inline-flex}.svcnav .ic{width:16px;height:16px;color:var(--muted);flex:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .15s ease-out}.svcnav a:hover .ic{color:var(--ink)}.svcnav .ic path[pathLength]{stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s cubic-bezier(.22,1,.36,1) forwards svcDraw;animation-delay:calc(var(--i) * 90ms + .25s)}.svcnav .ic :not([pathLength]){opacity:0;animation:.3s ease-out forwards svcFade;animation-delay:calc(var(--i) * 90ms + .65s)}@keyframes svcDraw{to{stroke-dashoffset:0}}@keyframes svcFade{to{opacity:1}}.svcnav a[data-ic=palette]:hover .ic{transform:rotate(-16deg)}.svcnav a[data-ic=phone]:hover .ic{animation:.32s ease-in-out svcBuzz}.svcnav a[data-ic=globe]:hover .ic{transform:rotate(25deg)}.svcnav a[data-ic=code]:hover .ic{transform:scaleX(1.18)}.svcnav a[data-ic=play]:hover .ic{transform:scale(1.18)}.svcnav a[data-ic=folder]:hover .ic{transform:translateY(-2px)rotate(-6deg)}.svcnav .ic{animation:var(--idle) 6s ease-in-out infinite;animation-delay:calc(var(--i) * .4s + 1.6s);transform-origin:50%}.svcnav a:hover .ic{animation:none}.svcnav a[data-ic=palette]{--idle:svcTurn}.svcnav a[data-ic=phone]{--idle:svcRing}.svcnav a[data-ic=globe]{--idle:svcSpin}.svcnav a[data-ic=code]{--idle:svcWide}.svcnav a[data-ic=play]{--idle:svcPulse}.svcnav a[data-ic=folder]{--idle:svcLift}@keyframes svcTurn{0%,12%,to{transform:none}5%{transform:rotate(-16deg)}}@keyframes svcRing{0%,10%,to{transform:none}2%{transform:rotate(-8deg)}4%{transform:rotate(8deg)}6%{transform:rotate(-5deg)}8%{transform:rotate(3deg)}}@keyframes svcSpin{0%{transform:none}12%,to{transform:rotate(360deg)}}@keyframes svcWide{0%,10%,to{transform:none}4%{transform:scaleX(1.18)}}@keyframes svcPulse{0%,10%,to{transform:none}4%{transform:scale(1.18)}}@keyframes svcLift{0%,12%,to{transform:none}5%{transform:translateY(-2px)rotate(-6deg)}}@keyframes svcBuzz{0%,to{transform:none}20%{transform:translate(-1.5px)rotate(-6deg)}40%{transform:translate(1.5px)rotate(6deg)}60%{transform:translate(-1px)rotate(-4deg)}80%{transform:translate(1px)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.svcnav .ic,.svcnav .ic *{stroke-dashoffset:0!important;opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.svcnav.sub{margin:0 0 40px}