.project-card{--card-border:#2a3434;--card-radius:1rem;--card-rise:-2px;--art-height:239px;--art-padding:20px 10px 5px;--copy-padding:28px;--title-size:1.625rem;--title-width:400px;--title-leading:1.15;--title-margin:15px;--summary-leading:1.75;--summary-margin:20px;--label-leading:1.6;--label-tracking:.11em;--label-margin:12px;--result-color:#dce7d1;--result-dot:4px;--result-align:center;--result-margin:20px;--cta-size:.75rem;--cta-padding:13px;--cta-height:44px;--cta-line:currentColor;--brand-top:19px;--brand-left:24px;--brand-size:.8125rem;--role-bottom:13px;--role-right:22px;--role-tracking:.1em;--role-color:#9daf9c;--featured-columns:1fr 1fr;--featured-copy:35px 32px;--featured-title:2.0625rem;--featured-title-width:425px;--featured-height:380px;border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--color-panel);min-inline-size:0;color:var(--color-text);transition:transform var(--duration-hover), border-color var(--duration-hover);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.project-card:hover{color:var(--color-text);border-color:var(--color-accent);transform:translateY(var(--card-rise));text-decoration:none}.project-card:focus-visible{outline-width:3px}.project-art{block-size:var(--art-height);background:var(--art-bg,#152019);border-block-end:1px solid var(--art-border,#304034);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-art svg{block-size:100%;inline-size:100%;padding:var(--art-padding)}.project-brand{font-size:var(--brand-size);letter-spacing:.13em;z-index:1;color:var(--art-brand,#d9e7ce);font-weight:600;position:absolute;inset-block-start:var(--brand-top);inset-inline-start:var(--brand-left)}.project-role{letter-spacing:var(--role-tracking);color:var(--role-color);font-size:.625rem;position:absolute;inset-block-end:var(--role-bottom);inset-inline-end:var(--role-right)}.project-copy{padding:var(--copy-padding);flex-direction:column;flex:1;display:flex}.project-label{margin:0 0 var(--label-margin);font-size:.625rem;font-weight:var(--label-weight,500);line-height:var(--label-leading);letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--color-muted)}.project-title{font-size:var(--title-size);font-weight:500;line-height:var(--title-leading);letter-spacing:-.045em;margin:0 0 var(--title-margin);max-inline-size:var(--title-width)}.project-summary{font-size:1rem;line-height:var(--summary-leading);color:var(--color-muted);margin:0 0 var(--summary-margin)}.project-result{color:var(--result-color);margin:0 0 var(--result-margin);align-items:var(--result-align);gap:9px;font-size:.75rem;line-height:1.7;display:flex}.project-result:before{content:"";inline-size:var(--result-dot);block-size:var(--result-dot);flex:0 0 var(--result-dot);background:var(--color-accent);border-radius:50%;align-self:center}.project-link{min-block-size:var(--cta-height);border-block-start:1px solid var(--color-line);color:var(--color-accent);font-size:var(--cta-size);text-decoration:underline;text-decoration-color:var(--cta-line);text-underline-offset:7px;justify-content:space-between;align-items:center;margin-block-start:auto;padding-block-start:var(--cta-padding);text-decoration-thickness:1px;display:flex}.project-card.is-featured{grid-column:1/-1;grid-template-columns:var(--featured-columns);display:grid}.is-featured .project-copy{padding:var(--featured-copy);order:1}.is-featured .project-title{font-size:var(--featured-title);max-inline-size:var(--featured-title-width)}.is-featured .project-summary{max-inline-size:400px}.is-featured .project-art{block-size:auto;min-block-size:var(--featured-height);border-block-end:0;border-inline-end:1px solid var(--art-border,#304034);order:2}.is-featured .project-art svg{padding:15px 5px}.is-featured .project-label:before{content:"Featured · ";color:var(--color-accent)}.is-featured .project-brand{font-size:.9375rem;inset-block-start:25px;inset-inline-start:28px}.is-featured .project-role{inset-block-end:22px;inset-inline-end:25px}@media (width<=1000px){.project-card{--title-size:1.5rem}}@media (width<=760px){.project-card{--featured-height:0}}@media (width<=700px){.project-card{--art-height:209px;--art-padding:18px 0 0;--title-size:1.6875rem;--summary-leading:1.8;--result-align:flex-start;--brand-top:17px;--brand-left:22px}.project-card.is-featured{grid-column:auto;display:flex}.is-featured .project-copy{padding:24px}.is-featured .project-art{border-inline-end:0;border-block-end:1px solid var(--art-border,#304034);order:0;block-size:239px}.is-featured .project-art svg{padding:21px 0 0}.is-featured .project-brand{font-size:.75rem;inset-block-start:17px;inset-inline-start:22px}.is-featured .project-role{font-size:.5rem;inset-block-end:12px;inset-inline-end:18px}}@media (prefers-reduced-motion:reduce){.project-card:hover{transform:none}}