.portfolio-page{padding-top:var(--header-height)}.portfolio-page__hero{background:linear-gradient(135deg, var(--green-900), var(--green-800));padding:var(--space-20) 0 var(--space-16);text-align:center}.portfolio-page__title{font-size:var(--fs-4xl);color:var(--white);font-weight:var(--fw-bold);margin-bottom:var(--space-3)}.portfolio-page__subtitle{font-size:var(--fs-lg);color:var(--green-200);opacity:.8}.portfolio-page__filters{top:var(--header-height);z-index:var(--z-dropdown);background:var(--bg-primary);border-bottom:1px solid var(--border-light);padding:var(--space-4) 0;position:sticky}.portfolio-page__tabs{gap:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-1) 0;display:flex;overflow-x:auto}.portfolio-page__tabs::-webkit-scrollbar{display:none}.portfolio-page__tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;transition:all var(--duration-normal) var(--ease-out);background:0 0}.portfolio-page__tab:hover{border-color:var(--green-400);color:var(--green-700)}.portfolio-page__tab--active{background:var(--green-700);color:var(--white);border-color:var(--green-700)}.portfolio-page__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.portfolio-page__card{border-radius:var(--radius-xl);opacity:0;transition:all var(--duration-slow) var(--ease-out);overflow:hidden;transform:translateY(30px)}.portfolio-page__card--visible{opacity:1;transform:translateY(0)}.portfolio-page__img-wrap{aspect-ratio:4/3;position:relative;overflow:hidden}.portfolio-page__img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.portfolio-page__card:hover .portfolio-page__img{transform:scale(1.06)}.portfolio-page__card-overlay{padding:var(--space-6);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);background:linear-gradient(#0000 0%,#1a2e1a33 50%,#1a2e1ae6 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.portfolio-page__card:hover .portfolio-page__card-overlay{opacity:1}.portfolio-page__card-category{font-size:var(--fs-xs);color:var(--green-300);font-weight:var(--fw-medium);margin-bottom:var(--space-1)}.portfolio-page__card-title{font-size:var(--fs-lg);color:var(--white);font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.portfolio-page__card-meta{gap:var(--space-2);font-size:var(--fs-xs);color:var(--green-200);opacity:.7;display:flex}.portfolio-page__empty{text-align:center;padding:var(--space-20) 0;color:var(--text-muted);font-size:var(--fs-lg)}@media (max-width:1024px){.portfolio-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.portfolio-page__grid{grid-template-columns:1fr}}