.projects-page{width:100%;padding:calc(var(--space-4xl) + 80px)var(--space-md)var(--space-3xl);align-items:center;gap:var(--space-2xl);flex-direction:column;min-height:100dvh;display:flex}.projects-page__header{align-items:center;gap:var(--space-xs);text-align:center;flex-direction:column;animation:.8s both fadeUp;display:flex}.projects-page__eyebrow{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.35em;text-transform:uppercase;color:var(--secondary);font-weight:200}.projects-page__title{font-family:var(--font-display);font-size:var(--text-5xl);letter-spacing:.05em;color:var(--primary);font-weight:300}.projects-page__filters{justify-content:center;align-items:center;gap:var(--space-xs);flex-flow:wrap;width:100%;display:flex}.projects-page__filter{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--secondary);padding:var(--space-4xs)var(--space-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;font-weight:300}.projects-page__filter:hover{color:var(--primary);border-color:var(--accent)}.projects-page__filter--active{color:var(--primary);border-color:var(--primary)}.projects-page__list{gap:var(--space-2xl);width:100%;max-width:var(--container-xl);flex-direction:column;display:flex}.projects-page__item{gap:var(--space-md);color:inherit;border-bottom:1px solid var(--accent);padding-bottom:var(--space-2xl);flex-direction:column;text-decoration:none;animation:.6s both fadeUp;display:flex}.projects-page__thumb{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.projects-page__img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);display:block}.projects-page__item:hover .projects-page__img{transform:scale(1.04)}.projects-page__overlay{background-color:var(--primary);opacity:0;transition:opacity var(--transition-normal);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.projects-page__item:hover .projects-page__overlay{opacity:.5}.projects-page__overlay-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--white);font-weight:300}.projects-page__info{gap:var(--space-3xs);flex-direction:column;display:flex}.projects-page__meta{align-items:center;gap:var(--space-sm);flex-direction:row;display:flex}.projects-page__category{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--secondary);font-weight:200}.projects-page__year{font-family:var(--font-body);font-size:var(--text-xs);color:var(--secondary);font-weight:200}.projects-page__project-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--primary);font-weight:400;line-height:1.2}.projects-page__director{font-family:var(--font-body);font-size:var(--text-sm);color:var(--secondary);font-weight:300}.projects-page__excerpt{font-family:var(--font-body);font-size:var(--text-base);color:var(--primary);max-width:60ch;margin-top:var(--space-3xs);font-weight:300;line-height:1.7}.projects-page__empty{font-family:var(--font-body);font-size:var(--text-base);color:var(--secondary);letter-spacing:.05em;font-weight:300}@media (min-width:768px){.projects-page__item{align-items:flex-start;gap:var(--space-xl);flex-direction:row}.projects-page__thumb{aspect-ratio:16/9;flex-shrink:0;width:38%}.projects-page__info{padding-top:var(--space-xs);flex:1}}@media (min-width:1024px){.projects-page{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}}