.projects-grid-wrapper{width:100%}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;width:100%}.projects-grid-empty{margin:0;color:rgb(243 236 225 / .72);font-family:"Work Sans",sans-serif;font-size:1rem;line-height:1.7}.project-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#4a2e1f;border:1px solid rgb(243 236 225 / .16);border-radius:.75rem;transition:background-color 250ms,border-color 250ms,box-shadow 250ms,transform 250ms}.project-card:hover{background:#573723;border-color:#c1552f;box-shadow:0 1rem 2.5rem rgb(0 0 0 / .18);transform:translateY(-.375rem)}.project-card--featured{border-color:rgb(209 160 84 / .45)}.project-card__browser{overflow:hidden;background:#573723;border-bottom:1px solid rgb(243 236 225 / .16)}.project-card__browser-chrome{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.6875rem 1rem}.project-card__browser-dots{display:flex;flex-shrink:0;gap:.5rem}.project-card__browser-dots span{display:block;width:.5rem;height:.5rem;background:rgb(243 236 225 / .28);border-radius:50%}.project-card__browser-url{display:block;flex:1;min-width:0;overflow:hidden;padding:.375rem .75rem;background:#3a2318;border-radius:999px;color:rgb(243 236 225 / .72);font-family:"DM Mono",monospace;font-size:.625rem;line-height:1.4;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;transition:background-color 200ms,color 200ms}.project-card__browser-url:hover{background:#2f1d13;color:#f3ece1}.project-card__browser-url:focus-visible{outline:2px solid #d1a054;outline-offset:.125rem}.project-card__browser-url--archived{cursor:default;color:rgb(243 236 225 / .5)}.project-card__image{display:block;overflow:hidden;color:inherit;text-decoration:none}.project-card__image img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform 300ms}.project-card:hover .project-card__image img{transform:scale(1.035)}.project-card__image:focus-visible{outline:2px solid #d1a054;outline-offset:-.25rem}.project-card__content{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.5rem}.project-card__featured{align-self:flex-start;padding:.375rem .625rem;background:rgb(193 85 47 / .14);border:1px solid rgb(193 85 47 / .4);border-radius:999px;color:#d1a054;font-family:"DM Mono",monospace;font-size:.625rem;font-weight:500;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.project-card__type{margin:0;color:#d1a054;font-family:"DM Mono",monospace;font-size:.6875rem;font-weight:500;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}.project-card__title{margin:0;color:#f3ece1;font-family:"Archivo",sans-serif;font-size:1.125rem;font-weight:700;line-height:1.25}.project-card__description{margin:0;color:rgb(243 236 225 / .72);font-family:"Work Sans",sans-serif;font-size:.9375rem;font-weight:400;line-height:1.65}.project-card__technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding-top:.25rem}.project-card__technology{padding:.375rem .625rem;background:rgb(243 236 225 / .08);border:1px solid rgb(243 236 225 / .16);border-radius:999px;color:rgb(243 236 225 / .72);font-family:"DM Mono",monospace;font-size:.625rem;font-weight:500;line-height:1.2}.project-card__link{align-self:flex-start;margin-top:auto;padding-top:.75rem;color:#c1552f;font-family:"DM Mono",monospace;font-size:.6875rem;font-weight:500;line-height:1.4;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;transition:color 200ms,transform 200ms}.project-card__link:hover{color:#d1a054;transform:translateX(.25rem)}.project-card__link:focus-visible{outline:2px solid #d1a054;outline-offset:.25rem}.projects-grid__more{display:flex;justify-content:center;margin-top:3rem}.projects-grid__more-link{display:inline-flex;align-items:center;justify-content:center;transition:background-color 200ms,border-color 200ms,color 200ms,transform 200ms}.projects-grid__more-link:hover{background:#a3431f;border-color:#a3431f;color:#f3ece1;transform:translateY(-.125rem)}.projects-grid__more-link:focus-visible{outline:2px solid #d1a054;outline-offset:.25rem}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.projects-grid{grid-template-columns:1fr;gap:1.25rem}.project-card__content{padding:1.25rem}.project-card__browser-chrome{gap:.625rem;padding-inline:.875rem}.projects-grid__more{margin-top:2.5rem}}@media (max-width:480px){.projects-grid__more-link{width:100%}}@media (prefers-reduced-motion:reduce){.project-card,.project-card__image img,.project-card__link,.project-card__browser-url,.projects-grid__more-link{transition:none}.project-card:hover,.project-card:hover .project-card__image img,.project-card__link:hover,.projects-grid__more-link:hover{transform:none}}