.pg-work{--brand-a:#2a2b28;--brand-b:#070708}.pg-work #plist{position:relative}.pg-work .proj{color:#fff;background:radial-gradient(120% 90% at 70% 35%, color-mix(in srgb, var(--c,#1d1f26) 100%, #fff 6%), var(--c,#1d1f26) 55%, #050506);height:100svh;text-decoration:none;display:block;position:sticky;top:0;overflow:hidden}.pg-work .proj .media{will-change:transform;transform-origin:50% 40%;position:absolute;inset:0}.pg-work .proj video{object-fit:cover;will-change:transform;background:0 0;width:100%;height:100%;position:absolute;inset:0}.pg-work .proj .shade{pointer-events:none;background:linear-gradient(#0000 38%,#0000001f 58%,#0000008c),linear-gradient(90deg,#00000038,#0000 50%);position:absolute;inset:0}.pg-work .proj .dim{opacity:0;pointer-events:none;background:#050506;position:absolute;inset:0}.pg-work .proj .copy{left:var(--gl);right:var(--gr);bottom:calc(env(safe-area-inset-bottom,0px) + 8vh);will-change:transform;justify-items:start;gap:14px;display:grid;position:absolute}.pg-work .proj .kick{opacity:.88;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:11.5px;display:flex}.pg-work .proj .kick .cn{border:1px dashed #ffffff80;border-radius:6px;padding:5px 8px}.pg-work .proj h2{letter-spacing:-.055em;text-shadow:0 2px 40px #0000002e;will-change:filter, opacity;padding-bottom:.04em;font-size:clamp(60px,10.4vw,188px);line-height:.9}.pg-work .proj .line{max-width:34ch;font-size:clamp(18px,1.5vw,24px);line-height:1.3}.pg-work .proj .sub{color:#ffffffb8;max-width:52ch;margin-top:-6px;font-size:clamp(14px,1.05vw,16px)}.pg-work .proj .go{right:var(--gr);bottom:calc(env(safe-area-inset-bottom,0px) + 8vh);font:500 14px/1 var(--body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0c33;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:border-color .3s,background .3s;display:inline-flex;position:absolute}.pg-work .proj:hover .go,.pg-work .proj:focus-visible .go{background:#0a0a0c59;border-color:#ffffffbf}.pg-work .proj:focus-visible{outline:2px solid var(--dot);outline-offset:-6px}.pg-work .hold{pointer-events:none;height:55vh}.pg-work .proj.intro{--c:#121311}.pg-work .proj.intro h1{letter-spacing:-.06em;will-change:filter, opacity;padding-bottom:.04em;font-size:clamp(84px,15vw,270px);line-height:.86}.pg-work .proj.intro .meta{opacity:.9;flex-wrap:wrap;gap:8px 22px;font-size:14px;display:flex}.pg-work .proj.intro .meta b{font-weight:500}.pg-work .proj.intro .shade{background:linear-gradient(#0000 52%,#0000009e)}.pg-work .filter{z-index:50;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);transition:opacity .45s var(--ease), transform .6s var(--ease);background:#1616199e;border:1px solid #ffffff1f;border-radius:999px;gap:2px;padding:4px;display:flex;position:fixed;transform:translate(-50%,16px)}.pg-work .filter.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.pg-work .filter button{cursor:pointer;white-space:nowrap;color:#ffffffb8;height:36px;font:500 13.5px/36px var(--body);background:0 0;border:0;border-radius:999px;align-items:baseline;gap:7px;padding:0 14px;transition:background .3s,color .3s;display:inline-flex}.pg-work .filter button small{font:400 10.5px/1 var(--mono);letter-spacing:.06em;opacity:.7}.pg-work .filter button:hover{color:#fff}.pg-work .filter button[aria-pressed=true]{color:var(--ink);background:#ffffffeb}@media (max-width:900px){.pg-work .proj video{object-position:50% 40%}.pg-work .proj .shade{background:linear-gradient(#0000000d 30%,#0003 50%,#000000b3)}.pg-work .proj .copy{bottom:calc(env(safe-area-inset-bottom,0px) + 86px);gap:12px}.pg-work .proj h2{font-size:clamp(50px,14.5vw,96px)}.pg-work .proj .go{display:none}.pg-work .proj.intro h1{font-size:clamp(76px,25vw,150px)}.pg-work .filter{bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.pg-work .filter button{padding:0 11px;font-size:13px}.pg-work .filter button small{display:none}.pg-work .hold{height:40vh}}@media (prefers-reduced-motion:reduce){.pg-work .proj{position:relative}.pg-work .hold{display:none}.pg-work .filter{opacity:1;pointer-events:auto;transform:translate(-50%)}}