.filter-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:48px;padding-bottom:24px;display:flex}.filter-bar .lab{font-family:var(--grotesk);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-right:14px;font-size:11px}.filter-bar button{font:inherit;font-family:var(--grotesk);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px;font-size:11px;transition:all .25s}.filter-bar button:hover{color:var(--ink);border-color:var(--ink)}.filter-bar button.active{background:var(--accent);color:#000;border-color:var(--accent)}.filter-bar .count{font-family:var(--grotesk);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-left:auto;font-size:11px}@media (width<=700px){.filter-bar .count{width:100%;margin-top:8px;margin-left:0}}.proj-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(0,auto);gap:18px;margin-top:48px;display:grid}.proj{border:1px solid var(--line);cursor:pointer;background:#0e0e10;display:block;position:relative;overflow:hidden}.proj img{object-fit:cover;filter:brightness(.78);width:100%;height:100%;transition:transform 1.4s cubic-bezier(.2,0,.2,1),filter .6s}.proj:hover img{filter:brightness();transform:scale(1.06)}.proj:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#000000d9 100%);position:absolute;inset:0}.proj .lbl{z-index:2;color:#fff;justify-content:space-between;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.proj .lbl .l{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(22px,2.4vw,34px);font-style:italic;font-weight:400;line-height:1.05}.proj .lbl .l small{font-family:var(--grotesk);letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;margin-top:6px;font-size:10px;font-style:normal;font-weight:400;display:block}.proj .lbl .arr{font-family:var(--grotesk);opacity:.7;flex-shrink:0;font-size:18px;transition:transform .3s,opacity .3s}.proj:hover .lbl .arr{opacity:1;transform:translate(4px,-4px)}.proj .pill{z-index:2;font-family:var(--grotesk);letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(6px);color:#fff;background:#00000080;border:1px solid #ffffff2e;border-radius:999px;padding:5px 10px;font-size:10px;position:absolute;top:20px;left:20px}.proj.large{aspect-ratio:16/10;grid-column:span 8}.proj.med{aspect-ratio:4/5;grid-column:span 4}.proj.wide{aspect-ratio:5/4;grid-column:span 6}.proj.tall{aspect-ratio:3/4;grid-column:span 4}.proj.full{aspect-ratio:21/9;grid-column:span 12}@media (width<=980px){.proj.large,.proj.wide{aspect-ratio:16/10;grid-column:span 12}.proj.med,.proj.tall{aspect-ratio:4/5;grid-column:span 6}.proj.full{aspect-ratio:21/12}}@media (width<=640px){.proj.med,.proj.tall{aspect-ratio:4/5;grid-column:span 12}}.proj.hide{display:none}.proj.placeholder{background:linear-gradient(135deg,#141416,#0a0a0b);justify-content:center;align-items:center;display:flex}.proj.placeholder .l{color:var(--ink-dim);text-align:center;position:static}.proj.placeholder .lbl{text-align:center;flex-direction:column;align-items:center;gap:8px;position:static}.proj.placeholder .arr{display:none}.prod-lightbox{z-index:500;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.prod-lightbox.open{opacity:1;pointer-events:all}.prod-backdrop{backdrop-filter:blur(8px);cursor:pointer;background:#050506f2;position:absolute;inset:0}.prod-wrap{z-index:1;flex-direction:column;gap:20px;width:min(88vw,1100px);display:flex;position:relative}.prod-img-wrap{background:#0d0d0e;line-height:0;position:relative}.prod-img-wrap img{object-fit:contain;width:100%;max-height:72vh;display:block}.prod-footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.prod-name{font-family:var(--grotesk);color:#fff;letter-spacing:-.01em;font-size:18px;font-weight:500}.prod-sub{font-family:var(--grotesk);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-top:4px;font-size:10px}.prod-counter{font-family:var(--grotesk);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;font-size:11px}.prod-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:background .2s,border-color .2s;display:flex;position:absolute;top:-50px;right:0}.prod-close:hover{background:var(--accent);border-color:var(--accent);color:#000}.prod-nav{color:#fff;cursor:pointer;z-index:2;background:#0a0a0bb3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:background .2s,border-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.prod-nav:hover{background:var(--accent);border-color:var(--accent);color:#000}.prod-prev{left:16px}.prod-next{right:16px}@media (width<=700px){.prod-nav{width:38px;height:38px;font-size:14px}.prod-prev{left:8px}.prod-next{right:8px}}.clients{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:1px;margin-top:64px;display:grid}.clients .c{background:var(--bg);aspect-ratio:1.6;place-items:center;padding:24px;transition:background .25s;display:grid}.clients .c:hover{background:#ffffff05}.clients .c img{object-fit:contain;opacity:.55;width:70%;height:32px;transition:opacity .3s}.clients .c:hover img{opacity:1}@media (width<=900px){.clients{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.clients{grid-template-columns:1fr 1fr}}body[data-page=portfolio] .page-hero h1{font-family:var(--grotesk);font-style:normal;font-weight:500}body[data-page=portfolio] .page-hero h1 em{font-style:italic}body[data-page=portfolio] .page-hero h1 .strike{font-family:var(--display);color:var(--accent);font-style:italic;font-weight:400}