.portfolio{align-items:flex-start;gap:var(--space-12);flex-direction:column;display:flex}.portfolio-grid{align-items:stretch;gap:var(--space-6);flex-direction:column;width:100%;display:flex}.portfolio-card{padding:var(--space-3);aspect-ratio:4/3;border-radius:var(--radius-3xl);flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:10px;text-decoration:none;display:flex;position:relative;overflow:hidden}.portfolio-card-image{z-index:0;position:absolute;inset:0}.portfolio-card-image img{object-fit:cover;width:100%;height:100%}.portfolio-card:after{content:"";background:linear-gradient(180deg, #09090b00 45%, var(--zinc-950) 100%);z-index:1;border-radius:var(--radius-3xl);position:absolute;inset:0}.portfolio-card-body{z-index:2;gap:var(--space-3);flex-direction:column;width:100%;display:flex;position:relative}.portfolio-card-tags{gap:var(--space-3);flex-direction:row;display:flex}.portfolio-card-tag{padding:var(--space-1) var(--space-2);background:var(--zinc-900);border:1px solid var(--zinc-800);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-xs);color:var(--zinc-400);justify-content:center;align-items:center;display:flex}.portfolio-card-title{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-lg);color:var(--white)}@media (min-width:640px){.portfolio-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;width:100%;padding-bottom:0;display:grid;overflow-x:visible}.portfolio-card{flex-shrink:1;width:100%;height:clamp(220px,28vw,358px)}.portfolio-card:first-child{grid-column:1/-1;height:clamp(300px,40vw,500px)}}@media (min-width:1024px){.portfolio-grid{gap:var(--space-6);grid-template-rows:716px 358px}.portfolio-card:first-child{height:716px;padding:var(--space-8)}.portfolio-card:first-child .portfolio-card-title{font-size:var(--text-4xl);line-height:var(--leading-4xl)}.portfolio-card:not(:first-child){height:358px}}