.skills{background:var(--bg);width:100%;color:var(--text);padding:clamp(92px,11vw,156px) 40px clamp(100px,11vw,160px)}.skills-heading{text-align:center;max-width:720px;margin:0 auto 48px}.skills-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(54px,6vw,96px);font-weight:680;line-height:.94}.skills-heading p{color:var(--muted);margin:20px 0 0;font-size:14px;line-height:1.7}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(100%,1240px);margin:0 auto;display:grid}.skills-card{min-width:0;min-height:330px;color:inherit;font:inherit;text-align:left;cursor:pointer;perspective:1200px;background:0 0;border:0;padding:0}.skills-card-inner{width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.22,1,.36,1);display:block;position:relative}.skills-card-face{border:1px solid var(--line);-webkit-backface-visibility:hidden;backface-visibility:hidden;flex-direction:column;padding:22px;display:flex;position:absolute;inset:0}.skills-card-front{text-align:center;background:0 0;justify-content:center;align-items:center}.skills-card-front-content{justify-items:center;gap:14px;display:grid}.skills-card-front strong{white-space:pre-line;letter-spacing:-.04em;font-size:clamp(24px,2.15vw,34px);font-weight:650;line-height:1.08;display:block}.skills-card-subtitle{letter-spacing:-.02em;font-size:16px;font-weight:500;line-height:1.2;display:block}.skills-card-tags{color:var(--muted);font-size:13px;line-height:1.65}.skills-card-back{background:var(--text);color:var(--bg);text-align:center;justify-content:center;align-items:center;transform:rotateY(180deg)}.skills-card-back strong{letter-spacing:-.04em;margin:0;font-size:clamp(25px,2.2vw,36px);font-weight:650;line-height:1;display:block}.skills-card-detail{color:color-mix(in srgb, var(--bg) 78%, transparent);margin-top:18px;font-size:14px;line-height:1.8;display:block}.skills-card-list{letter-spacing:-.025em;gap:10px;margin:0;padding:0;font-size:clamp(16px,1.4vw,20px);font-weight:550;line-height:1.28;list-style:none;display:grid}.skills-card.is-flipped .skills-card-inner{transform:rotateY(180deg)}@media (hover:hover) and (pointer:fine){.skills-card:hover .skills-card-inner{transform:rotateY(180deg)}}.skills-card:focus-visible{outline:2px solid var(--text);outline-offset:5px}@media (max-width:900px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-card{min-height:292px}}@media (max-width:720px){.skills{padding:82px 16px 96px}.skills-heading{margin-bottom:48px}.skills-heading h2{font-size:clamp(48px,14vw,64px)}.skills-heading p{margin-top:14px;font-size:13px}.skills-grid{grid-template-columns:1fr;gap:10px}.skills-card{min-height:248px}.skills-card-face{padding:20px}.skills-card-front strong{font-size:30px}}@media (prefers-reduced-motion:reduce){.skills-card-inner{transition-duration:.01ms}}