.skill-showcase{position:relative;background-color:var(--background-color);padding:6rem 1.5rem;overflow:hidden}.skill-showcase__bg-glow{position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 50% 50%,#141414 0,#000 70%);opacity:.6;z-index:1;pointer-events:none}.skill-showcase__header{position:relative;z-index:2;text-align:center;margin-bottom:5rem;max-width:800px;margin-left:auto;margin-right:auto}.skill-showcase__title{font-size:3rem;font-weight:800;color:var(--white-color);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1.5rem;line-height:1}@media(min-width:768px){.skill-showcase__title{font-size:5rem}}.skill-showcase__divider{width:60px;height:4px;background-color:var(--secondary-color);margin:0 auto 1.5rem}.skill-showcase__subtitle{font-size:1.1rem;color:#888;font-weight:400;letter-spacing:.05em}.skill-showcase__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto}@media(min-width:768px){.skill-showcase__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.skill-showcase__grid{grid-template-columns:repeat(4,1fr)}}.skill-card{position:relative;height:500px;border-radius:12px;overflow:hidden;background:#050505;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;justify-content:flex-end;border:1px solid hsla(0,0%,100%,.05)}.skill-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.5);border-color:hsla(0,0%,100%,.2)}.skill-card:hover .skill-card__image{transform:scale(1.1)}.skill-card:hover .skill-card__overlay{opacity:.7}.skill-card:hover .skill-card__link span{transform:translateX(5px)}.skill-card__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.skill-card__image{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;filter:saturate(0) contrast(1.2)}.skill-card:hover .skill-card__image{filter:saturate(1) contrast(1.1)}.skill-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.8) 60%,rgba(0,0,0,.95));transition:opacity .4s ease;mix-blend-mode:multiply}.skill-card__icon{position:absolute;top:1.5rem;right:1.5rem;color:var(--white-color);opacity:.8}.skill-card__content{position:relative;z-index:1;padding:2rem;display:flex;flex-direction:column;gap:1rem;transform:translateY(0)}.skill-card__text{flex-grow:1}.skill-card__subtitle{font-size:.8rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em;display:block;margin-bottom:.5rem}.skill-card__title{font-size:1.75rem;color:var(--white-color);margin-bottom:1rem;font-weight:700;line-height:1.1}.skill-card__desc{font-size:.9rem;color:#bbb;line-height:1.6;margin-bottom:1rem;opacity:.8;max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease}@media(max-width:768px){.skill-card__desc{max-height:120px;opacity:.8}}.skill-card:hover .skill-card__desc{max-height:120px;opacity:1;margin-bottom:1.5rem}.skill-card__link{display:inline-flex;align-items:center;gap:.5rem;color:var(--white-color);text-decoration:none;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.skill-card__link span{transition:transform .3s ease}