.skill-card-module__bYpybG__card{background:var(--ys-surface);border:1px solid var(--ys-border);color:var(--ys-text);border-radius:1.25rem;flex-direction:column;min-width:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden;box-shadow:0 1.25rem 3rem #0a0a0a24}.skill-card-module__bYpybG__card:hover{border-color:#ff5722bf;transform:translateY(-.25rem);box-shadow:0 1.5rem 3.5rem #0a0a0a33}.skill-card-module__bYpybG__media{appearance:none;aspect-ratio:16/9;background:var(--ys-surface-raised);border:0;border-bottom:1px solid var(--ys-border);cursor:pointer;width:100%;padding:0;display:block;position:relative;overflow:hidden}.skill-card-module__bYpybG__media:after{background:linear-gradient(90deg, var(--ys-orange), var(--ys-gold));content:"";z-index:3;width:42%;height:.2rem;position:absolute;bottom:0;left:0}.skill-card-module__bYpybG__image{position:absolute;inset:0}.skill-card-module__bYpybG__image img{object-fit:contain}.skill-card-module__bYpybG__play{color:var(--ys-text);letter-spacing:.09em;text-transform:uppercase;z-index:2;background:#0a0a0ac7;border:1px solid #fff6;border-radius:999px;align-items:center;gap:.55rem;min-height:3rem;padding:.65rem 1rem;font-size:.7rem;font-weight:800;transition:background .16s,transform .16s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-card-module__bYpybG__play>span{color:var(--ys-orange);font-size:.72rem}.skill-card-module__bYpybG__media:hover .skill-card-module__bYpybG__play,.skill-card-module__bYpybG__media:focus-visible .skill-card-module__bYpybG__play{background:var(--ys-orange);color:var(--ys-canvas);transform:translate(-50%,-50%)scale(1.04)}.skill-card-module__bYpybG__media:hover .skill-card-module__bYpybG__play>span,.skill-card-module__bYpybG__media:focus-visible .skill-card-module__bYpybG__play>span{color:var(--ys-canvas)}.skill-card-module__bYpybG__content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.skill-card-module__bYpybG__content h2{color:var(--ys-text);letter-spacing:-.025em;text-transform:uppercase;margin:1rem 0 0;font-size:clamp(1.25rem,4vw,1.55rem);font-weight:760}.skill-card-module__bYpybG__content h2 a{color:inherit;overflow-wrap:anywhere;text-decoration:none}.skill-card-module__bYpybG__content h2 a:hover{color:#ff8a65}.skill-card-module__bYpybG__tags{flex-wrap:wrap;gap:.45rem;display:flex}.skill-card-module__bYpybG__tags span{color:#ff8a65;letter-spacing:.1em;text-transform:uppercase;background:#ff57221f;border:1px solid #ff572247;border-radius:999px;padding:.3rem .6rem;font-size:.64rem;font-weight:780}.skill-card-module__bYpybG__tags span:nth-child(2){color:#ffd166;background:#ffb8001a;border-color:#ffb80040}
