.portfolio-page{background-color:var(--color-surface-base);padding-bottom:var(--space-section-lg)}.portfolio-hero{text-align:center;padding:var(--space-section-lg) var(--space-margin-mobile);background-color:var(--color-surface-bright);border-bottom:1px solid var(--color-border-stone)}.portfolio-hero__inner{max-width:800px;margin:0 auto}.portfolio-hero__title{font-family:var(--font-heading-current,var(--font-heading-latin));font-size:var(--text-display-size);font-weight:var(--text-display-weight);color:var(--color-navy);margin-bottom:var(--space-3)}.portfolio-hero__subtitle{font-family:var(--font-body-current,var(--font-body-latin));font-size:var(--text-body-lg-size);color:var(--color-text-secondary);line-height:var(--text-body-lg-line-height)}.portfolio-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-section-lg) var(--container-padding)}.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}.portfolio-filter-btn{background-color:#fff0;border:1px solid var(--color-border-stone);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-family:var(--font-body-current,var(--font-body-latin));font-size:var(--text-label-size);font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal)}.portfolio-filter-btn:hover{border-color:var(--color-gold-cta);color:var(--color-gold-cta)}.portfolio-filter-btn.is-active{background-color:var(--color-gold-cta);border-color:var(--color-gold-cta);color:var(--color-text-on-dark)}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--space-gutter)}@media (min-width:768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:var(--color-surface-bright);border:1px solid var(--color-border-stone);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal),transform var(--transition-normal);display:flex;flex-direction:column}.project-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.project-card.is-hidden{display:none}.project-card__media-link{display:block;position:relative;aspect-ratio:16/10;overflow:hidden}.project-card__media-wrapper{width:100%;height:100%}.project-card__media-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.project-card:hover .project-card__media-wrapper img{transform:scale(1.05)}.project-card__badge{position:absolute;top:var(--space-3);inset-inline-start:var(--space-3);background-color:var(--color-surface-bright);color:var(--color-gold-cta);font-family:var(--font-body-current,var(--font-body-latin));font-size:12px;font-weight:700;padding:6px 12px;border-radius:var(--radius-sm);box-shadow:0 2px 4px rgb(0 0 0 / .1);z-index:2}.project-card__body{padding:var(--space-4);display:flex;flex-direction:column;flex-grow:1}.project-card__meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body-current,var(--font-body-latin));font-size:13px;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.project-card__location{display:flex;align-items:center;gap:4px}.project-card__location .material-symbols-outlined{font-size:16px}.project-card__year{font-weight:600;background:var(--color-surface-high);padding:2px 8px;border-radius:4px}.project-card__title{font-family:var(--font-heading-current,var(--font-heading-latin));font-size:var(--text-headline-md-size);font-weight:var(--text-headline-md-weight);color:var(--color-navy);line-height:var(--text-headline-md-line-height);margin-bottom:var(--space-2)}.project-card__title a{color:inherit;text-decoration:none}.project-card__title a:hover{color:var(--color-gold-cta)}.project-card__summary{font-family:var(--font-body-current,var(--font-body-latin));font-size:var(--text-body-md-size);color:var(--color-text-secondary);line-height:var(--text-body-md-line-height);margin-bottom:var(--space-4);flex-grow:1}.project-card__footer{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border-stone)}.project-card__link{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body-current,var(--font-body-latin));font-size:var(--text-label-size);font-weight:700;color:var(--color-gold-cta);text-decoration:none;transition:color var(--transition-fast)}.project-card__link:hover{color:var(--color-gold-dark)}.project-card__link-icon{font-size:20px;transition:transform var(--transition-fast)}[dir="ltr"] .project-card__link:hover .project-card__link-icon{transform:translateX(4px)}[dir="rtl"] .project-card__link:hover .project-card__link-icon{transform:translateX(-4px)}.portfolio-empty{text-align:center;color:var(--color-text-secondary);font-style:italic;grid-column:1 / -1}