.ys-portfolio__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-l)}@media (min-width:640px){.ys-portfolio__grid{gap:var(--space-xl)}}@media (min-width:768px){.ys-portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ys-portfolio__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ys-portfolio-card{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;border:1px solid var(--border-50);border-radius:var(--radius-l);text-decoration:none;color:inherit;cursor:pointer;transition:border-color 0.5s}.ys-portfolio-card:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.ys-portfolio-card:hover .ys-portfolio-card__media img{transform:scale(1.05)}.ys-portfolio-card:hover .ys-portfolio-card__title{color:var(--primary)}.ys-portfolio-card__cta{gap:var(--space-s)}.ys-portfolio-card:hover .ys-portfolio-card__arrow{transform:translate(.25rem,-.25rem)}@media (prefers-reduced-motion:reduce){.ys-portfolio-card:hover .ys-portfolio-card__media img{transform:none}}.ys-portfolio-card__media{position:relative;aspect-ratio:4 / 3;height:auto;overflow:hidden;flex-shrink:0}.ys-portfolio-card__media img,.ys-portfolio-card__img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s}.ys-portfolio-card__badge{position:absolute;top:var(--space-s);left:var(--space-s);padding:.375rem var(--space-s);border:1px solid var(--primary-30);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--primary);background-color:var(--card-badge-bg);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 1px 2px hsl(0 0% 0% / .05)}.ys-portfolio-card__body{display:flex;flex-direction:column;flex:1;padding:1.25rem}.ys-portfolio-card__title{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-xs);transition:color 0.3s}.ys-portfolio-card__desc{font-size:var(--text-s);line-height:1.625;color:var(--text-muted);margin-bottom:var(--space-m);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ys-portfolio-card__cta{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:auto;font-size:var(--text-s);font-weight:600;color:var(--primary);transition:gap 0.3s}.ys-portfolio-card__arrow{display:flex;transition:transform 0.3s}.ys-portfolio-card__arrow svg{width:1.25rem;height:1.25rem}@media (min-width:640px){.ys-portfolio-card{border-radius:var(--radius-xl)}.ys-portfolio-card__badge{top:var(--space-m);left:var(--space-m);padding:var(--space-xs) var(--space-m);font-size:var(--text-s)}.ys-portfolio-card__body{padding:var(--space-l)}.ys-portfolio-card__title{font-size:1.5rem;margin-bottom:var(--space-s)}.ys-portfolio-card__desc{font-size:var(--text-m);margin-bottom:1.25rem}.ys-portfolio-card__cta{font-size:var(--text-m)}}@media (min-width:1024px){.ys-portfolio-card__body{padding:var(--space-xl)}.ys-portfolio-card__desc{font-size:1.125rem}}