.portfolio-filter{gap:var(--space-m);flex-direction:column;display:flex}.portfolio-filter__bar{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.portfolio-filter__facet{border:0;margin:0;padding:0;display:block}.portfolio-filter__legend{float:inline-start;margin-block:var(--space-xxs);font-size:var(--text-s);text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-300);margin-inline-end:var(--space-xs);padding:0;font-weight:700}.portfolio-filter__options{gap:var(--space-xs);flex-wrap:wrap;display:flex}.portfolio-filter__facet-option{padding:var(--space-xxs) var(--space-s);font-size:var(--text-s);color:var(--base);border:1px solid var(--neutral-200);cursor:pointer;background:0 0;border-radius:999px;font-weight:600;&:hover{color:var(--primary);border-color:var(--primary)}&[aria-pressed=true]{color:var(--white);background-image:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 55%, var(--accent) 100%);border-color:#0000}&[data-value=academic][aria-pressed=true]{background-image:linear-gradient(90deg, var(--primary), var(--info))}&[data-value=conference][aria-pressed=true]{background-image:linear-gradient(90deg, var(--tertiary), var(--danger))}&[data-value=corporate][aria-pressed=true]{background-image:linear-gradient(90deg, var(--secondary-600), var(--secondary))}&[data-value=ecommerce][aria-pressed=true]{background-image:linear-gradient(90deg, var(--warning), var(--accent))}&[data-value=personal][aria-pressed=true]{background-image:linear-gradient(90deg, var(--danger), color-mix(in oklab, var(--danger) 60%, var(--white)))}&[data-value=health][aria-pressed=true]{background-image:linear-gradient(90deg, var(--success), var(--accent))}}.portfolio-filter__facet-option-count{display:none}.portfolio-filter__count{font-size:var(--text-s);color:var(--neutral-300)}.layout-switch{justify-content:flex-end;align-items:center;gap:var(--space-s);display:none}.layout-switch__label{font-size:var(--text-s);letter-spacing:.14em;text-transform:uppercase;color:var(--neutral-300)}.layout-switch__group{padding:var(--space-xxs);background:var(--white);border:1px solid var(--neutral-200);border-radius:999px;flex-direction:row;gap:2px;display:inline-flex}.layout-switch__button{padding:var(--space-xxs) var(--space-s);font-size:var(--text-s);color:var(--neutral);cursor:pointer;background:0 0;border:0;border-radius:999px;&[aria-pressed=true]{color:var(--white);background:var(--primary)}}.portfolio__grid{gap:var(--space-m);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid;&[data-layout=split2]{grid-template-columns:repeat(2,minmax(0,1fr))}&[data-layout=split1]{grid-template-columns:minmax(0,55rem);justify-content:center}@media (width<=900px){&[data-layout=grid3]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){&[data-layout=grid3],&[data-layout=split2]{grid-template-columns:minmax(0,1fr)}}}.project-card{--cat:var(--primary);--cat-gradient:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 55%, var(--accent) 100%);background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-m);transition:border-color var(--motion-duration) var(--motion-ease);flex-direction:column;display:flex;overflow:hidden;&:hover{border-color:var(--cat)}&[hidden]{display:none}&[data-filter-category=academic]{--cat:var(--info);--cat-gradient:linear-gradient(90deg, var(--primary), var(--info))}&[data-filter-category=conference]{--cat:var(--tertiary);--cat-gradient:linear-gradient(90deg, var(--tertiary), var(--danger))}&[data-filter-category=corporate]{--cat:var(--secondary-600);--cat-gradient:linear-gradient(90deg, var(--secondary-600), var(--secondary))}&[data-filter-category=ecommerce]{--cat:var(--warning);--cat-gradient:linear-gradient(90deg, var(--warning), var(--accent))}&[data-filter-category=personal]{--cat:var(--danger);--cat-gradient:linear-gradient(90deg, var(--danger), color-mix(in oklab, var(--danger) 60%, var(--white)))}&[data-filter-category=health]{--cat:var(--success);--cat-gradient:linear-gradient(90deg, var(--success), var(--accent))}[data-layout=split2] &{grid-template-columns:40% 1fr;display:grid}[data-layout=split1] &{grid-template-columns:16.25rem 1fr;display:grid}@media (width<=620px){[data-layout=split2] &,[data-layout=split1] &{grid-template-columns:7.5rem 1fr}}}.project-card__image-link{display:block;[data-layout=split2] &,[data-layout=split1] &{grid-area:1/1/span 3}}.project-card__image{aspect-ratio:1;object-fit:cover;background:var(--surface);inline-size:100%;display:block;[data-layout=split2] &,[data-layout=split1] &{aspect-ratio:auto;block-size:100%}}.project-card__top{align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-s) 0;display:flex}.project-card__initials{border-radius:var(--radius-m);background-image:var(--cat-gradient);block-size:3.5rem;inline-size:3.5rem;font-family:var(--font-heading);font-size:var(--text-l);color:var(--white);flex:none;place-items:center;display:grid}.project-card__meta{flex-direction:column;display:flex}.project-card__category{font-size:var(--text-s);text-transform:uppercase;letter-spacing:.06em;color:var(--cat);font-weight:700}.project-card__date{font-size:var(--text-s);color:var(--neutral-300)}.project-card__body{gap:var(--space-xs);padding:var(--space-s);flex-direction:column;flex:auto;display:flex}.project-card__title{font-size:var(--h4)}.project-card__summary{color:var(--neutral-300)}.project-card__tags{gap:var(--space-xxs);flex-wrap:wrap;display:flex}.project-card__footer{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);border-block-start:1px solid var(--neutral-200);display:flex}.project-card__domain{font-size:var(--text-s);color:var(--neutral-300)}.project-card__view{font-size:var(--text-s);color:var(--primary);white-space:nowrap;gap:.25em;font-weight:600;text-decoration:none;display:inline-flex;&:hover{text-decoration:underline}}