.projects-page.svelte-rqn88j{max-width:1180px;margin:0 auto;padding:5rem 2.25rem 7rem}.projects-intro.svelte-rqn88j{max-width:670px;margin-bottom:3.5rem}.eyebrow.svelte-rqn88j{color:#69d129;letter-spacing:.16em;margin:0 0 .8rem;font-size:.75rem;font-weight:800}h1.svelte-rqn88j{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,8vw,6rem);line-height:.95}.lede.svelte-rqn88j{color:#b2bcb7;max-width:560px;margin:1.5rem 0 0;font-size:1.15rem;line-height:1.65}.project-grid.svelte-rqn88j{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.project-card.svelte-rqn88j{color:inherit;background:#25282c;border:1px solid #3b4145;border-radius:14px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.project-card.svelte-rqn88j:hover{border-color:#69d129;transform:translateY(-5px);box-shadow:0 16px 35px #0003}.project-image-wrap.svelte-rqn88j{aspect-ratio:16/9;background:#182b2b;position:relative;overflow:hidden}.project-image-wrap.svelte-rqn88j img:where(.svelte-rqn88j){object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.project-card.svelte-rqn88j:hover img:where(.svelte-rqn88j){transform:scale(1.04)}.project-arrow.svelte-rqn88j{color:#fff;background:#141919b3;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;font-size:1.1rem;display:grid;position:absolute;top:.8rem;right:.8rem}.project-card-body.svelte-rqn88j{padding:1.2rem 1.25rem 1.35rem}.tags.svelte-rqn88j{flex-wrap:wrap;gap:.4rem;display:flex}.tags.svelte-rqn88j span:where(.svelte-rqn88j){color:#aeea91;letter-spacing:.04em;background:#30453d;border-radius:999px;padding:.28rem .5rem;font-size:.68rem;font-weight:750}h2.svelte-rqn88j{letter-spacing:-.03em;margin:.9rem 0 .5rem;font-size:1.3rem}.project-card.svelte-rqn88j p:where(.svelte-rqn88j){color:#b2bcb7;margin:0;font-size:.92rem;line-height:1.55}.site-shell.light .lede.svelte-rqn88j{color:#5f6c65}.site-shell.light .project-card.svelte-rqn88j{background:#fff;border-color:#d6ddd5}.site-shell.light .project-card.svelte-rqn88j p:where(.svelte-rqn88j){color:#5f6368}.site-shell.light .tags.svelte-rqn88j span:where(.svelte-rqn88j){color:#267c44;background:#e4f2df}@media (width<=900px){.project-grid.svelte-rqn88j{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.projects-page.svelte-rqn88j{padding:3.5rem 1.25rem 5rem}.project-grid.svelte-rqn88j{grid-template-columns:1fr}}
