.s-portfolio{padding-top:clamp(32px,4vw,56px)}.s-filters-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:clamp(24px,3vw,36px);display:flex}.s-filters{scrollbar-width:none;border-radius:var(--s-radius-pill);background:var(--color-card);border:1px solid var(--color-divider);max-width:100%;box-shadow:var(--s-shadow-sm);gap:4px;padding:5px;display:flex;overflow-x:auto}.s-filters::-webkit-scrollbar{display:none}.site .s-chip{border-radius:var(--s-radius-pill);min-height:40px;color:var(--color-neutral-700);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px 0 16px;font-size:14.5px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.site .s-chip:disabled{opacity:.45;cursor:default}.site .s-chip:not(:disabled):hover{background:var(--color-accent-50);color:var(--color-text)}.site .s-chip[aria-pressed=true]{background:var(--s-selected-bg);color:var(--s-selected-text);box-shadow:var(--s-selected-shadow), inset 0 0 0 1px var(--s-selected-border);font-weight:600}.s-chip-count{border-radius:var(--s-radius-pill);background:var(--color-accent-100);min-width:24px;height:24px;color:var(--color-accent-800);place-items:center;padding:0 6px;font-size:12px;line-height:1;display:grid}.s-chip[aria-pressed=true] .s-chip-count{background:var(--s-selected-count-bg);color:var(--s-selected-text)}.s-filters-total{color:var(--color-neutral-600);font-size:14px}.s-portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:clamp(16px,2vw,28px);animation:.4s both s-fade;display:grid}.site .s-proj{border-radius:var(--s-radius-lg);background:var(--color-card);border:1px solid var(--color-divider);box-shadow:var(--s-shadow-sm);color:inherit;transition:transform .3s var(--ease), box-shadow .3s ease, border-color .3s ease;flex-direction:column;padding:10px;display:flex}.site .s-proj:hover{color:inherit;border-color:var(--color-accent-300);box-shadow:var(--s-shadow-md);transform:translateY(-4px)}.s-proj .s-plate{--plate-radius:14px}.s-proj:hover .s-plate-img{transform:scale(1.05)}.s-proj-type{top:12px;border-radius:var(--s-radius-pill);color:var(--color-accent-800);box-shadow:var(--s-shadow-sm);background:#fffdf8f0;padding:3px 12px;font-size:12.5px;font-weight:500;position:absolute;inset-inline-start:12px}.s-proj-body{flex-direction:column;flex:1;gap:6px;padding:16px 10px 8px;display:flex}.s-proj-title{font-size:22px;line-height:1.5;transition:color .2s}.s-proj:hover .s-proj-title{color:var(--color-accent-700)}.s-proj-summary{color:var(--color-neutral-600);font-size:14.5px;line-height:1.85}.s-proj-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.s-proj-place{color:var(--color-neutral-600);align-items:center;gap:4px;font-size:13px;display:inline-flex}.s-proj-place svg{width:14px;height:14px}.s-proj-more{color:var(--color-accent-700);align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.s-proj-more svg{width:16px;height:16px;transition:transform .25s var(--ease)}.s-proj:hover .s-proj-more svg{transform:translate(-4px)}.s-empty{border-radius:var(--s-radius-lg);border:1px dashed var(--color-divider-strong);text-align:center;color:var(--color-neutral-600);justify-items:center;gap:14px;padding:clamp(40px,6vw,72px) 24px;display:grid}