.project-context{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:25px 28px;background:var(--tint);border:1px solid var(--line);border-radius:12px;margin-bottom:28px}
.project-context p{font-size:13px;max-width:680px}.project-context .text-link{flex-shrink:0}.project-filters .filter-button{display:inline-flex;align-items:center}.project-filters .is-selected{background:var(--green);border-color:var(--green);color:white}.project-filters a:hover{border-color:var(--green)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--white)}
.project-art{height:180px;position:relative;isolation:isolate;background:#e5ebdc;color:#244d35;padding:18px 22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project-art:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:-10px;top:0;border:1px solid currentColor;border-radius:50%;opacity:.1;box-shadow:0 0 0 24px currentColor}.project-art-figma-shopify{background:#e8e3ee;color:#59496d}.project-art-wordpress{background:#dee9ed;color:#345d6c}.project-art-other{background:#efe8db;color:#6a5435}.project-art-label,.project-art-footer{font:9px ui-monospace,monospace;letter-spacing:1px}.project-art-footer{display:flex;justify-content:space-between}.project-monogram{font-size:57px;font-weight:600;line-height:1;letter-spacing:-3px;align-self:center}.project-image{aspect-ratio:16/10;background:var(--tint)}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top}.project-body{padding:25px;display:flex;flex-direction:column;flex:1}.project-attribution{font-size:10px;color:var(--muted);margin-bottom:10px}.project-body h3{font-size:23px;margin-bottom:14px;line-height:1.2}.project-body>p{font-size:13px}.project-body .tags{margin-top:20px;margin-bottom:21px}.project-body>.text-link{margin-top:auto;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.project-details{margin-top:15px;font-size:13px}.project-details summary{cursor:pointer;min-height:30px;font-weight:600}.project-details p{margin:10px 0}.project-footnote{font-size:11px;margin-top:22px}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-context{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:650px){.project-grid{grid-template-columns:1fr}.project-context{padding:22px}.project-body{padding:23px}.project-art{height:170px}.project-body h3{font-size:24px}}
.project-body>.project-capture-note{font-size:10px;color:var(--muted);margin:0 0 9px}

.project-showcase{margin:0 0 40px}.project-showcase img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.project-showcase figcaption{font-size:12px;color:var(--muted);margin-top:12px}.project-facts{margin:20px 0 30px}.project-facts dt{font-size:12px;color:var(--muted);margin-top:15px}.project-facts dd{margin:4px 0 0;font-size:15px;font-weight:600}.project-body>.text-link+.text-link{margin-top:12px}