.pg-projects{display:contents}:where(.pg-projects) .hero{padding:clamp(8px,2vh,24px) var(--pad) clamp(14px,2.4vh,26px);grid-template-columns:auto minmax(0,1fr);align-items:end;gap:16px clamp(30px,5vw,80px);display:grid}:where(.pg-projects) .hero h1{white-space:nowrap;font-size:clamp(52px,7vw,120px)}:where(.pg-projects) .grid li{will-change:transform,opacity}:where(.pg-projects) .hero h1 sup{vertical-align:top;margin-left:.1em;font-size:.28em;font-weight:800;position:relative;top:.25em}:where(.pg-projects) .hero p{max-width:48ch;color:var(--ink-2);justify-self:end;font-size:clamp(15px,1.1vw,17px)}:where(.pg-projects) .filters{z-index:8;background:var(--lilac);padding:12px var(--pad);border-bottom:1px solid #0000;flex-wrap:wrap;align-items:center;gap:12px 24px;transition:border-color .3s;display:flex;position:sticky;top:0}:where(.pg-projects) .filters.stuck{border-color:var(--line)}:where(.pg-projects) .seg{background:#16112b12;border-radius:999px;padding:4px;display:flex;position:relative}:where(.pg-projects) .seg button{z-index:1;white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:600;transition:color .3s;position:relative}:where(.pg-projects) .seg button[aria-pressed=true]{color:var(--lilac)}:where(.pg-projects) .seg .knob{background:var(--ink);transition:left .45s var(--ease),width .45s var(--ease);border-radius:999px;position:absolute;top:4px;bottom:4px}:where(.pg-projects) .seg small{opacity:.6;margin-left:4px;font-weight:500}:where(.pg-projects) .chips{flex-wrap:wrap;gap:8px;display:flex}:where(.pg-projects) .chip{border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s;box-shadow:inset 0 0 0 1.5px #16112b40}:where(.pg-projects) .chip:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}:where(.pg-projects) .chip[aria-pressed=true]{background:var(--ink);color:var(--lilac);box-shadow:none}:where(.pg-projects) .chip small{opacity:.6;margin-left:3px}:where(.pg-projects) .count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:15px}:where(.pg-projects) .grid{padding:clamp(14px,2vh,22px) var(--pad) clamp(60px,8vw,110px);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(16px,2vw,28px);list-style:none;display:grid}:where(.pg-projects) .grid li[hidden]{display:none}:where(.pg-projects) .card{flex-direction:column;gap:14px;text-decoration:none;display:flex}:where(.pg-projects) .frame{aspect-ratio:16/10;background:var(--c);transition:transform .5s cubic-bezier(.3,1.4,.5,1),box-shadow .5s,padding .4s var(--ease);border-radius:14px;padding:7px;position:relative}:where(.pg-projects) .frame .in{background:#ffffff24;border-radius:9px;width:100%;height:100%;display:block;position:relative;overflow:hidden}:where(.pg-projects) .frame img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}:where(.pg-projects) .card:hover .frame,:where(.pg-projects) .card:focus-visible .frame{padding:12px;transform:translateY(-6px);box-shadow:0 26px 40px -22px #16112b8c}:where(.pg-projects) .card:hover .frame img{transform:scale(1.04)}:where(.pg-projects) .card:focus-visible{outline:none}:where(.pg-projects) .card:focus-visible .frame{outline:2px solid var(--ink);outline-offset:4px}:where(.pg-projects) .kind{z-index:2;letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:600;transition:transform .4s cubic-bezier(.3,1.4,.5,1);display:inline-flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 14px -6px #16112b73}:where(.pg-projects) .kind svg{width:12px;height:12px}:where(.pg-projects) .kind.client{background:var(--ink);color:var(--lilac)}:where(.pg-projects) .kind.side{color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e8e1ffeb;box-shadow:inset 0 0 0 1px #16112b33,0 4px 14px -6px #16112b59}:where(.pg-projects) .card:hover .kind{transform:translate(4px,4px)}:where(.pg-projects) .chip[aria-disabled=true]{opacity:.35;cursor:default;box-shadow:inset 0 0 0 1.5px #16112b33}:where(.pg-projects) .chip small{transition:opacity .3s}:where(.pg-projects) .legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;display:flex}:where(.pg-projects) .legend .kind{box-shadow:none;position:static;transform:none}:where(.pg-projects) .go{z-index:2;background:var(--c);color:var(--cf);opacity:0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;transition:opacity .3s,transform .3s;display:inline-flex;position:absolute;bottom:16px;right:16px;transform:translateY(8px)}:where(.pg-projects) .go svg{width:13px;height:13px}:where(.pg-projects) .card:hover .go,:where(.pg-projects) .card:focus-visible .go{opacity:1;transform:none}:where(.pg-projects) .info{grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;display:grid}:where(.pg-projects) .info h2{font-family:var(--big);text-transform:uppercase;font-size:clamp(24px,2.1vw,32px);font-weight:800;line-height:1}:where(.pg-projects) .info .yr{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}:where(.pg-projects) .info .sub{color:var(--ink-2);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px 10px;font-size:14.5px;display:flex}:where(.pg-projects) .info .sum{color:var(--muted);grid-column:1/-1;max-width:52ch;margin-top:4px;font-size:14.5px}:where(.pg-projects) .cs-link{transition:gap .3s var(--ease);border-bottom:1.5px solid;align-items:center;gap:8px;margin-top:14px;padding-bottom:2px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}:where(.pg-projects) .cs-link svg{width:14px;height:14px}:where(.pg-projects) .cs-link:hover{gap:12px}:where(.pg-projects) .empty{padding:40px var(--pad) 80px;font-size:17px;display:none}:where(.pg-projects) .empty button{font-weight:600;text-decoration:underline}@media (max-width:1000px){:where(.pg-projects) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.pg-projects) .hero{grid-template-columns:1fr}:where(.pg-projects) .hero p{justify-self:start}}@media (max-width:620px){:where(.pg-projects) .hero h1{white-space:normal;font-size:19vw}:where(.pg-projects) .count{width:100%;margin-left:0}:where(.pg-projects) .grid{grid-template-columns:1fr}:where(.pg-projects) .seg button{padding:8px 12px;font-size:14px}:where(.pg-projects) .filters{position:static}}