.kicker{color:var(--sky-text);letter-spacing:.16em;margin-bottom:1.7rem;font-size:1rem;font-weight:700}.projects{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:1.2rem;margin-top:2.6rem;display:grid}.project{border:1px solid var(--line);background:var(--panel);flex-direction:column;padding:clamp(1.5rem,3vw,2.2rem);display:flex;position:relative;overflow:hidden}.project:after{content:"";background:var(--sky);transform-origin:0;height:3px;transition:transform .3s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.project:hover:after{transform:scaleX(1)}.project h2,.project h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.05}.project-actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:1.3rem;display:flex}.project-action{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.9rem 1.7rem;font-size:.78rem;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.project-action--primary{background:var(--sky);color:var(--paper);border:1px solid var(--sky)}.project-action--primary:hover{color:var(--sky-text);background:0 0}.project-action--secondary{color:var(--paper);border:1px solid var(--line);background:0 0}.project-action--secondary:hover{background:var(--paper);color:#fff;border-color:var(--paper)}.project .meta{letter-spacing:.2em;text-transform:uppercase;color:var(--sky-text);margin:.7rem 0 1.1rem;font-size:.72rem;display:block}.project .role{color:var(--paper);margin:-.5rem 0 1rem;font-size:.85rem;line-height:1.5;display:block}.project p{color:var(--muted);font-size:.98rem;line-height:1.65}.project-media{aspect-ratio:16/10;background-image:var(--shot);border:1px solid var(--line);background-position:top;background-size:cover;margin:-.4rem 0 1.2rem}.project-media--waxnote{background-position:50%}@media (width<=720px){.kicker{letter-spacing:.14em;margin-bottom:1.5rem;font-size:.9rem}.projects{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.project-actions{flex-direction:column;align-items:stretch}.project-actions .project-action{width:100%}}