.sec[data-v-5f9dc4db]{width:100%;padding:var(--s-9) 0;position:relative}.sec__inner[data-v-5f9dc4db]{max-width:var(--w-page);padding:0 var(--s-6);margin:0 auto}.skills[data-v-5f9dc4db]{background:var(--bg-base)}.skills__head[data-v-5f9dc4db]{text-align:center;align-items:center;gap:var(--s-3);max-width:var(--w-prose);margin:0 auto var(--s-7);flex-direction:column;display:flex}.skills__title[data-v-5f9dc4db]{color:var(--ink-0);margin:0}.skills__title em[data-v-5f9dc4db]{color:var(--soul);font-style:normal}.skills__sub[data-v-5f9dc4db]{max-width:600px;color:var(--ink-2);margin:0 auto}.skills__sub b[data-v-5f9dc4db]{color:var(--ink-0);font-weight:600}.skills__viewport[data-v-5f9dc4db]{position:relative;overflow:hidden}.skills__fade[data-v-5f9dc4db]{z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.skills__fade--r[data-v-5f9dc4db]{background:linear-gradient(270deg, var(--bg-base), transparent);right:0}.skills__fade--l[data-v-5f9dc4db]{background:linear-gradient(90deg, var(--bg-base), transparent);left:0}.skills__track[data-v-5f9dc4db]{width:max-content;padding:4px 0 var(--s-2);will-change:transform;animation:skills-marquee-5f9dc4db var(--skills-duration,40s) linear infinite;display:flex}.skills__track>.skill-card[data-v-5f9dc4db]{margin-right:var(--s-4)}.skills__viewport:hover .skills__track[data-v-5f9dc4db],.skills__track[data-v-5f9dc4db]:focus-within{animation-play-state:paused}@keyframes skills-marquee-5f9dc4db{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills__track--static[data-v-5f9dc4db]{animation:none}.skill-card[data-v-5f9dc4db]{--skill-card-cat:var(--soul);isolation:isolate;background:var(--bg-base);border:1px solid var(--line-2);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out), border-color var(--t-fast) var(--ease-out);border-radius:14px;flex-direction:column;flex:0 0 264px;text-decoration:none;display:flex;position:relative;overflow:hidden}.skill-card[data-v-5f9dc4db]:hover{border-color:color-mix(in srgb, var(--skill-card-cat) 60%, transparent);box-shadow:var(--shadow-pop), 0 0 18px -6px color-mix(in srgb, var(--skill-card-cat) 40%, transparent);transform:translateY(-3px)}.skill-card__media[data-v-5f9dc4db]{aspect-ratio:16/10;background:var(--bg-raised);flex-shrink:0;width:100%;position:relative;overflow:hidden}.skill-card__media[data-v-5f9dc4db]:before{content:"";background:repeating-linear-gradient(135deg, var(--bg-raised), var(--bg-raised) 9px, var(--bg-base) 9px, var(--bg-base) 18px);position:absolute;inset:0}.skill-card__media-image[data-v-5f9dc4db]{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform var(--t-slow) var(--ease-out);display:block;position:absolute;inset:0}.skill-card:hover .skill-card__media-image[data-v-5f9dc4db]{transform:scale(1.04)}.skill-card__body[data-v-5f9dc4db]{background:var(--bg-base);flex-direction:column;flex:1;gap:7px;padding:13px 14px 14px;display:flex}.skill-card__title[data-v-5f9dc4db]{color:var(--ink-0);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;line-height:1.25;overflow:hidden}.skill-card__subtitle[data-v-5f9dc4db]{min-height:2.6em;color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.skill-card__footer[data-v-5f9dc4db]{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:11px;display:flex}.skill-card__meta[data-v-5f9dc4db]{min-width:0;color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.skill-card__meta-dot[data-v-5f9dc4db]{background:var(--skill-card-cat);border-radius:2px;flex-shrink:0;width:7px;height:7px}.skill-card__meta-label[data-v-5f9dc4db]{text-overflow:ellipsis;overflow:hidden}.skill-card__button[data-v-5f9dc4db]{border-radius:var(--r-full);border:1px solid var(--line-1);height:30px;color:var(--ink-1);white-space:nowrap;transition:background var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out);background:0 0;flex-shrink:0;align-items:center;gap:5px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.skill-card:hover .skill-card__button[data-v-5f9dc4db]{background:var(--ink-0);border-color:var(--ink-0);color:var(--bg-void)}.skill-card__button-icon[data-v-5f9dc4db]{font-family:var(--font-mono);font-size:13px;line-height:1}.skill-card--skeleton[data-v-5f9dc4db]{cursor:default;pointer-events:none;border-color:var(--line-1);box-shadow:none}.skill-card__media--skeleton[data-v-5f9dc4db]:before{content:none}.skill-card__media--skeleton[data-v-5f9dc4db]{background:var(--bg-raised)}.skill-card__title-skeleton[data-v-5f9dc4db],.skill-card__subtitle-skeleton[data-v-5f9dc4db]{border-radius:var(--r-1);background:var(--bg-high);height:12px}.skill-card__title-skeleton[data-v-5f9dc4db]{width:62%;height:15px}.skill-card__subtitle-skeleton[data-v-5f9dc4db]{width:90%}.skill-card__subtitle-skeleton--short[data-v-5f9dc4db]{width:55%}@media (width<=768px){.skill-card[data-v-5f9dc4db]{flex-basis:208px}}@media (prefers-reduced-motion:reduce){.skills__viewport[data-v-5f9dc4db]{scrollbar-width:none;overflow-x:auto}.skills__viewport[data-v-5f9dc4db]::-webkit-scrollbar{display:none}.skills__track[data-v-5f9dc4db]{animation:none}}