.home-skills{position:absolute;width:clamp(230px,29vw,330px);aspect-ratio:1;left:34%;top:50%;transform:translate(-50%,-50%);z-index:2;isolation:isolate;color:var(--olive)}.skills-track{position:absolute;border:1px solid #3d482e2e;border-radius:50%;pointer-events:none}.skills-track-outer{inset:6%}.skills-track-middle{inset:20%;border-color:#b4442b29}.skills-track-inner{inset:33%;border-style:dashed;border-color:#3d482e40;animation:skills-clockwise 90s linear infinite}.skills-center{position:absolute;inset:0;display:grid;place-items:center;font:500 clamp(25px,2.6vw,34px)/1 'Fraunces',Georgia,serif;letter-spacing:-.04em;pointer-events:none}.skills-orbit{position:absolute;inset:0;animation:skills-clockwise 72s linear infinite;pointer-events:none}.skills-orbit-middle{animation-name:skills-counterclockwise;animation-duration:52s}.skills-node{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);pointer-events:auto}.skills-icon{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:12px;background:#faf7ed;border:1px solid #e1d9c4;box-shadow:0 3px 8px #655b3710;animation:skills-counterclockwise 72s linear infinite}.skills-orbit-middle .skills-icon{animation-name:skills-clockwise;animation-duration:52s}.skills-icon img{display:block;width:28px;height:28px;object-fit:contain;border-radius:5px}.software-label{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%) translateY(-3px);padding:5px 8px;white-space:nowrap;background:var(--olive);color:#faf7ed;border-radius:5px;font-size:11px;line-height:1.2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;z-index:4}.skills-icon:hover .software-label,.skills-icon:focus-visible .software-label{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.skills-icon:focus-visible{outline:2px solid var(--red);outline-offset:3px}.home-skills:hover .skills-orbit,.home-skills:hover .skills-icon,.home-skills:hover .skills-track-inner,.home-skills:focus-within .skills-orbit,.home-skills:focus-within .skills-icon,.home-skills:focus-within .skills-track-inner{animation-play-state:paused}
@keyframes skills-clockwise{to{transform:rotate(360deg)}}@keyframes skills-counterclockwise{to{transform:rotate(-360deg)}}
@media(max-width:700px){.home-skills{width:180px;left:28%;top:26%}.skills-node{width:26px;height:26px}.skills-icon{border-radius:8px}.skills-icon img{width:19px;height:19px;border-radius:3px}.skills-center{font-size:20px}.software-label{font-size:10px;padding:4px 6px}.skills-track{border-width:1px}}
@media(max-width:380px){.home-skills{width:160px;left:27%;top:25%}.skills-node{width:24px;height:24px}.skills-icon img{width:17px;height:17px}.skills-center{font-size:18px}}
@media(prefers-reduced-motion:reduce){.skills-orbit,.skills-icon,.skills-track-inner{animation:none}.software-label{transition:none}}