.portfolio-grid--full{display:flex;flex-direction:column;gap:var(--space-10)}.portfolio-card--detailed{background-color:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:grid;gap:var(--space-8);grid-template-columns:300px 1fr;overflow:hidden}.portfolio-card__image-wrapper{align-items:center;background-color:var(--color-bg-alt);display:flex;justify-content:center;min-height:240px;position:relative}.portfolio-card__image-placeholder{color:var(--color-primary-lighter);font-size:4rem;font-weight:var(--font-weight-extrabold)}.portfolio-card__category{background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);left:var(--space-3);letter-spacing:.05em;padding:var(--space-1) var(--space-3);position:absolute;text-transform:uppercase;top:var(--space-3)}.portfolio-card__body{padding:var(--space-6)}.portfolio-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.portfolio-card__description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.portfolio-card__details{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.portfolio-card__detail strong{color:var(--color-text);font-size:var(--font-size-sm)}.portfolio-card__detail p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.portfolio-card__detail--highlight p{color:var(--color-primary);font-weight:var(--font-weight-medium)}.portfolio-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.portfolio-card__tag{background-color:var(--color-primary-lighter);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}@media (max-width:768px){.portfolio-card--detailed{grid-template-columns:1fr}.portfolio-card__image-wrapper{min-height:160px}}