.portfolio-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;grid-auto-rows:1fr}@media (max-width:768px){.portfolio-bento-grid{grid-template-columns:1fr;gap:1.25rem}}.masonry-grid{display:flex;margin-left:-24px;width:auto}.masonry-grid-column{padding-left:24px;background-clip:padding-box}.masonry-grid-column>div{margin-bottom:24px}@media (max-width:640px){.masonry-grid{margin-left:-16px}.masonry-grid-column{padding-left:16px}.masonry-grid-column>div{margin-bottom:16px}}.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.portfolio-filter{position:relative;isolation:isolate;min-width:48px;min-height:48px;padding:12px 18px;border:0;border-radius:999px;background:transparent;color:color-mix(in srgb,var(--text) 65%,transparent);font-size:14px;line-height:24px;white-space:nowrap;transition:color .18s var(--ease-out),transform .18s var(--ease-out)}.portfolio-filter[aria-pressed=true]{color:var(--text)}.portfolio-filter-highlight{position:absolute;inset:4px 0;z-index:-1;border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent);pointer-events:none}.portfolio-filter:before{content:"";position:absolute;inset:4px -2px;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse,color-mix(in srgb,var(--text) 12%,transparent),transparent 75%);filter:blur(6px);opacity:0;transition:opacity .22s var(--ease-out);pointer-events:none}.portfolio-filter-label{display:inline-block;transition:transform .22s var(--ease-out)}.portfolio-filter:active{transform:scale(.96)}@media (hover:hover){.portfolio-filter:hover{color:var(--text)}.portfolio-filter:hover:before{opacity:1}.portfolio-filter:hover .portfolio-filter-label{transform:translateY(-1px)}}.portfolio-sort{position:relative;flex-shrink:0}.portfolio-category{display:none}.portfolio-sort select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:48px;padding:12px 24px 12px 8px;border:0;border-radius:0;background:var(--bg);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.portfolio-sort svg{position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none}.portfolio-filter:focus-visible,.portfolio-sort select:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media (max-width:767px){.portfolio-toolbar{gap:16px;margin-bottom:24px}.portfolio-filters{display:none}.portfolio-category{display:block;flex:1;min-width:0;max-width:50%}.portfolio-category select{width:100%;padding-left:0}}@media (prefers-reduced-motion:reduce){.portfolio-filter,.portfolio-filter-label,.portfolio-filter:before{transition:none}.portfolio-filter:active,.portfolio-filter:hover .portfolio-filter-label{transform:none}}