.pg{padding-top:20px;padding-bottom:64px}.pg-head{margin-bottom:16px}.pg-head .code{grid-row:span 2}@media (width<=899px){.pg-head .code{display:none}.count{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=900px){.pg{padding-top:24px}.pg-head{margin-bottom:20px}.pg-head h1,.pg-head p{max-width:none}}.filters{gap:10px;margin-bottom:16px;display:grid}.seg{border:1px solid var(--rule);border-radius:8px;justify-self:start;padding:3px;display:inline-flex}.seg a{min-height:40px;color:var(--muted);border-radius:6px;place-items:center;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:grid}@media (width<=340px){.seg a{padding:0 12px}}.seg a:hover{color:var(--ink)}.seg a[aria-current]{background:var(--green);color:#fff}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags a{border:1px solid var(--rule);min-height:36px;color:var(--ink);border-radius:8px;place-items:center;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;display:grid}.tags a:hover{border-color:var(--green);color:var(--green)}.tags a[aria-current]{border-color:var(--green);color:var(--green);background:var(--plate)}.tags a[hidden]{display:none}@media (width<=899px){.tags{scrollbar-width:none;margin-right:calc(-1*var(--g));padding-right:var(--g);flex-wrap:nowrap;overflow-x:auto}.tags::-webkit-scrollbar{display:none}.tags a{flex:none}}@media (width>=900px){.filters{padding-left:calc(var(--code-col) + 32px);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:20px}}.pgrid{gap:32px 24px;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.pgrid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.pgrid{grid-template-columns:repeat(3,1fr)}}.pcard[hidden]{display:none}.pcard a{color:var(--ink);gap:6px;text-decoration:none;display:grid}.pcard img,.pcard .ph{aspect-ratio:16/10;object-fit:cover;border-radius:4px;width:100%;height:auto;margin-bottom:8px}@media (width<=599px){.pcard img,.pcard .ph{aspect-ratio:16/9}}.pcard .code{border-top:1px solid var(--rule);padding-top:10px}.pcard h3{letter-spacing:-.015em;font-size:21px;font-weight:600;line-height:1.2}.pcard p{color:var(--muted);font-size:15px}.pcard a:hover h3{color:var(--green)}.pcard img{transition:opacity .2s}.pcard a:hover img{opacity:.92}.back{margin-bottom:20px;font-size:15px;display:inline-block}.proj .sh .scope{font-size:18px}.proj-body{gap:28px;margin-bottom:40px;display:grid}.desc{max-width:60ch;font-size:18px}.desc p+p{margin-top:12px}.facts{border-top:1px solid var(--rule);margin:0;display:grid}.facts div{border-bottom:1px solid var(--rule);grid-template-columns:120px 1fr;gap:12px;padding:12px 0;display:grid}.facts dt{padding-top:3px}.facts dd{margin:0}.proj-cta{justify-items:start;gap:12px;display:grid}.proj-cta p{font-weight:600}@media (width>=900px){.proj-body{padding-left:calc(var(--code-col) + 32px);grid-template-columns:1.3fr 1fr;column-gap:48px;margin-bottom:56px}.proj-cta{grid-column:2}}.gallery{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.gallery li:first-child,.gallery li:last-child:nth-child(2n){grid-column:1/-1}@media (width>=900px){.gallery{grid-template-columns:repeat(3,1fr);gap:12px}.gallery li:first-child{grid-area:span 2/span 2}.gallery li:last-child:nth-child(2n){grid-column:auto}.gallery li:only-child{grid-area:auto/1/auto/-1}.gallery:has(li:nth-child(2):last-child){grid-template-columns:1fr 1fr}.gallery:has(li:nth-child(2):last-child) li{grid-area:auto}}.gallery button{cursor:zoom-in;background:0 0;border:0;border-radius:4px;width:100%;height:100%;padding:0;display:block;overflow:hidden}.gallery img,.gallery .ph{aspect-ratio:4/3;object-fit:cover;border-radius:4px;width:100%;height:auto}@media (width>=900px){.gallery li:first-child :is(img,.ph){height:100%}}.similar{margin-top:72px}.lb{background:var(--sheet);border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.lb::backdrop{background:var(--sheet)}.lb-track{scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;height:100%;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.lb-track::-webkit-scrollbar{display:none}.lb-track li{scroll-snap-align:start;padding:64px var(--g) 16px;flex:0 0 100%;place-items:center;display:grid}.lb figure{grid-template-rows:1fr auto;gap:12px;width:100%;height:100%;margin:0;display:grid}.lb img{object-fit:contain;width:100%;height:100%;min-height:0}.lb figcaption{text-align:center}.lb-x{top:12px;right:var(--g);position:absolute}.lb-nav{border:1px solid var(--rule);background:var(--sheet);cursor:pointer;border-radius:8px;width:48px;height:48px;margin-top:-24px;display:none;position:absolute;top:50%}.lb-nav:before{content:"";border:solid var(--ink);border-width:0 0 1.5px 1.5px;width:10px;height:10px;margin:auto;position:absolute;inset:0;transform:translate(2px)rotate(45deg)}.lb-nav.next:before{transform:translate(-2px)rotate(-135deg)}.lb-nav.prev{left:var(--g)}.lb-nav.next{right:var(--g)}@media (width>=900px){.lb-nav{display:block}.lb-track li{padding:72px 96px 24px}}