.portfolio-heading h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:500;letter-spacing:-.05em;line-height:1.08;margin:10px 0 20px}
.portfolio-heading .lede{font-size:1.125rem;line-height:1.7;color:#b5b5b5;max-width:640px;margin:0 0 40px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project-card{display:flex;flex-direction:column;min-width:0;border:1px solid #ffffff26;border-radius:14px;overflow:hidden;background:#111;text-decoration:none;transition:border-color .2s,transform .2s}
.project-card:hover{border-color:#dfc56a;transform:translateY(-3px)}
.project-media{display:flex;align-items:stretch;gap:8px;aspect-ratio:16/10;background:#e8ecee;padding:14px;overflow:hidden}
.project-media img{display:block;min-width:0;flex:1;width:100%;height:100%;object-fit:contain;border-radius:5px}
.project-media-2 img{width:calc(50% - 4px)}
.project-media-3 img{width:calc(33.333% - 6px)}
.project-copy{padding:26px;display:flex;flex-direction:column;flex:1}
.project-category{display:block;font-size:.875rem;line-height:1.5;color:#dfc56a}
.project-copy h3,.experiment h4{font-family:'Space Grotesk',sans-serif;font-size:1.75rem;font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:12px 0}
.project-copy p,.experiment p{font-size:1rem;line-height:1.7;color:#b8b8b8;margin:0 0 24px}
.project-action{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.9375rem;color:#f2f2f0;margin-top:auto}
.project-action>span{color:#dfc56a;font-size:1.2rem}
.more-experiments{border-top:1px solid #ffffff26;padding:40px 0 0;margin-top:56px}
.more-experiments>h3{font-family:'Space Grotesk',sans-serif;font-size:1.75rem;font-weight:400;margin:0 0 28px}
.experiment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.experiment{display:flex;flex-direction:column;text-decoration:none;border-top:1px solid #ffffff26;padding-top:22px}
.experiment h4{font-size:1.35rem}
.experiment:hover .project-action{color:#dfc56a}
.project-card:focus-visible,.experiment:focus-visible{outline:2px solid #dfc56a;outline-offset:5px}
@media(max-width:760px){.project-grid,.experiment-grid{grid-template-columns:1fr}.project-copy{padding:22px}.project-media{padding:10px;gap:6px}.project-grid{gap:24px}.portfolio-heading .lede{font-size:1rem;margin-bottom:28px}.experiment-grid{gap:26px}}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}.project-card:hover{transform:none}}