.skill-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,1.75rem);width:min(48rem,100%);margin-inline:auto;display:grid}.skill-card{--skill-spot-x:50%;--skill-spot-y:50%;--skill-idle-rotation:1deg;aspect-ratio:1.1;min-height:20rem;color:var(--ink-primary);transform-style:preserve-3d;text-decoration:none;display:block;position:relative}.skill-card:nth-child(2n){--skill-idle-rotation:-1deg}.skill-card:nth-child(3n){--skill-idle-rotation:.7deg}.skill-card__surface{border:1px solid var(--rule);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.19, 1, .22, 1), box-shadow .7s cubic-bezier(.19, 1, .22, 1), border-color .28s var(--ease);background:#faf8f2;border-radius:1rem;display:block;position:absolute;inset:0;overflow:visible}.skill-card__spotlight{z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle 10.625rem at var(--skill-spot-x) var(--skill-spot-y), #d6a94c38, transparent 70%);opacity:0;transition:opacity .32s var(--ease);position:absolute;inset:0;overflow:hidden}.skill-card__copy{z-index:4;pointer-events:none;padding:clamp(1.35rem,3vw,1.75rem);display:block;position:absolute;inset:0 0 auto}.skill-card__heading{grid-template-columns:minmax(0,1fr) auto auto;align-items:flex-start;gap:.6rem;display:grid}.skill-card__heading strong{max-width:100%;font-family:var(--display);letter-spacing:-.035em;box-decoration-break:clone;background-image:linear-gradient(#ffe28a,#ffe28a);background-position:0 78%;background-repeat:no-repeat;background-size:0% 42%;font-size:clamp(1.55rem,2.75vw,2.15rem);font-weight:400;line-height:1.02;transition:background-size .6s cubic-bezier(.19,1,.22,1)}.skill-card__stars{color:var(--ink-primary);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:.25rem;padding-top:.15rem;font-size:.82rem;font-weight:650;line-height:1;display:inline-flex}.skill-card__star-icon{width:1.25rem;height:1.25rem;overflow:visible}.skill-card__star-shadow{fill:none;stroke:#46371773;stroke-linejoin:round;stroke-width:3.2px}.skill-card__star-core{fill:#ffd75e;stroke:#fff1b5;stroke-linejoin:round;stroke-width:1.2px}.skill-card__summary{width:fit-content;color:var(--muted);margin-top:.35rem;font-size:.92rem;font-weight:600;line-height:1.35;display:block}.skill-card__arrow{border:1px solid var(--rule);width:2rem;height:2rem;transition:transform .28s var(--ease), border-color .28s var(--ease), background-color .28s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.skill-card__art{z-index:3;pointer-events:none;display:block;position:absolute;inset:32% 0 0;overflow:visible}.skill-card__art img{object-fit:contain;filter:drop-shadow(0 12px 18px #0000001a);width:100%;height:128%;transform:translateX(-50%) rotate(var(--skill-idle-rotation));transform-origin:50% 100%;will-change:transform, filter;transition:transform .8s cubic-bezier(.19,1,.22,1) 50ms,filter .8s cubic-bezier(.19,1,.22,1) 50ms;position:absolute;bottom:-16%;left:50%}.skill-card:hover .skill-card__surface,.skill-card:focus-visible .skill-card__surface{border-color:#0000;transform:translateY(-5px);box-shadow:0 24px 56px #2b292624}.skill-card:hover .skill-card__spotlight,.skill-card:focus-visible .skill-card__spotlight{opacity:1}.skill-card:hover .skill-card__heading strong,.skill-card:focus-visible .skill-card__heading strong{background-size:100% 42%}.skill-card:hover .skill-card__art img,.skill-card:focus-visible .skill-card__art img{filter:drop-shadow(0 24px 28px #00000029);transform:translate(-50%)translateY(-8px)scale(1.05)rotate(0)}.skill-card:hover .skill-card__arrow,.skill-card:focus-visible .skill-card__arrow{border-color:color-mix(in srgb, #c39231 68%, var(--rule));background:#ffe28a;transform:translate(2px,-2px)}.skill-card:active .skill-card__surface{transform:translateY(-2px);box-shadow:0 12px 28px #2b29261a}@media (width<=47.99rem){.skill-showcase{grid-template-columns:1fr;width:min(28rem,100%)}.skill-card{min-height:0}.skill-card__surface{overflow:hidden}.skill-card__heading strong{font-size:clamp(1.85rem,7.5vw,2.4rem)}}@media (hover:none),(pointer:coarse){.skill-card,.skill-card__surface{transform:none!important}.skill-card__surface{overflow:hidden}.skill-card:hover .skill-card__surface{border-color:var(--rule);box-shadow:none}.skill-card:hover .skill-card__spotlight{display:none}.skill-card:hover .skill-card__art img{filter:drop-shadow(0 12px 18px #0000001a);transform:translateX(-50%) rotate(var(--skill-idle-rotation))}}@media (prefers-reduced-motion:reduce){.skill-card,.skill-card__surface,.skill-card__art img,.skill-card__arrow,.skill-card__heading strong{transition:none}.skill-card,.skill-card__surface{transform:none!important}.skill-card__surface{overflow:hidden}.skill-card__spotlight{display:none}.skill-card:hover .skill-card__surface,.skill-card:focus-visible .skill-card__surface{border-color:var(--rule);box-shadow:none}.skill-card:hover .skill-card__art img,.skill-card:focus-visible .skill-card__art img{filter:drop-shadow(0 12px 18px #0000001a);transform:translateX(-50%) rotate(var(--skill-idle-rotation))}.skill-card:hover .skill-card__heading strong,.skill-card:focus-visible .skill-card__heading strong{background-size:100% 42%}}