.portfolio[data-astro-cid-ajmli3vt]{max-width:1080px;margin:0 auto;padding:var(--spacing-3xl) var(--container-padding)}.portfolio-hero[data-astro-cid-ajmli3vt]{margin-bottom:calc(var(--spacing-2xl) + var(--spacing-sm));max-width:720px}.portfolio-hero-bio[data-astro-cid-ajmli3vt]{margin:0;font-size:clamp(1.9rem,4.5vw,var(--font-size-page-title));font-weight:var(--font-weight-black);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text)}.portfolio-grid[data-astro-cid-ajmli3vt]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);align-items:stretch}.portfolio-card[data-astro-cid-ajmli3vt]{position:relative;display:flex;flex-direction:column;background-color:var(--color-gray-200);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;min-height:100%;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base);cursor:pointer}html.dark .portfolio-card[data-astro-cid-ajmli3vt]{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.portfolio-card-link[data-astro-cid-ajmli3vt]{position:absolute;inset:0;z-index:0}.portfolio-card-preview[data-astro-cid-ajmli3vt]{aspect-ratio:16 / 9;width:100%;background-color:var(--color-gray-300);overflow:hidden;pointer-events:none}html.dark .portfolio-card-preview[data-astro-cid-ajmli3vt]{background-color:var(--color-gray-700)}.portfolio-card-preview[data-astro-cid-ajmli3vt] img[data-astro-cid-ajmli3vt]{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-base)}@media(hover:hover){.portfolio-card[data-astro-cid-ajmli3vt]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.portfolio-card[data-astro-cid-ajmli3vt]:hover .portfolio-card-preview[data-astro-cid-ajmli3vt] img[data-astro-cid-ajmli3vt]{transform:scale(1.03)}.portfolio-card[data-astro-cid-ajmli3vt]:hover .portfolio-card-title[data-astro-cid-ajmli3vt],.portfolio-card[data-astro-cid-ajmli3vt]:hover .portfolio-card-desc[data-astro-cid-ajmli3vt],.portfolio-card[data-astro-cid-ajmli3vt]:hover .portfolio-card-preview-placeholder[data-astro-cid-ajmli3vt] span[data-astro-cid-ajmli3vt]{color:var(--color-white)}}.portfolio-card-preview-placeholder[data-astro-cid-ajmli3vt]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-300) 0%,var(--color-gray-400) 100%)}html.dark .portfolio-card-preview-placeholder[data-astro-cid-ajmli3vt]{background:linear-gradient(135deg,var(--color-gray-700) 0%,var(--color-gray-600) 100%)}.portfolio-card-preview-placeholder[data-astro-cid-ajmli3vt] span[data-astro-cid-ajmli3vt]{font-size:3rem;font-weight:var(--font-weight-black);color:var(--color-text-secondary);opacity:.6}.portfolio-card-body[data-astro-cid-ajmli3vt]{flex:1;padding:var(--spacing-lg);position:relative;z-index:1;pointer-events:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.portfolio-card-title[data-astro-cid-ajmli3vt]{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);transition:color var(--transition-base);line-height:1.3}.portfolio-card-desc[data-astro-cid-ajmli3vt]{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);transition:color var(--transition-base)}@media screen and (max-width:900px){.portfolio[data-astro-cid-ajmli3vt]{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.portfolio-grid[data-astro-cid-ajmli3vt]{gap:var(--spacing-lg)}}@media screen and (max-width:600px){.portfolio[data-astro-cid-ajmli3vt]{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.portfolio-hero[data-astro-cid-ajmli3vt]{margin-bottom:var(--spacing-2xl)}.portfolio-grid[data-astro-cid-ajmli3vt]{grid-template-columns:1fr;gap:var(--spacing-md)}.portfolio-card-body[data-astro-cid-ajmli3vt]{padding:var(--spacing-md)}}