.ProjectCard{color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-line-primary);transition:background-color var(--transition-duration) var(--ease-out-quad), border-color var(--transition-duration) var(--ease-out-quad);align-items:flex-start;gap:3.2rem;padding:3.2rem;display:flex;position:relative}@media (hover:hover){.ProjectCard:hover,.ProjectCard:focus-within{background:var(--color-surface-primary);border-color:#0000}}@media (width<=1280px){.ProjectCard{flex-wrap:wrap}}@media (width<=768px){.ProjectCard{border-radius:var(--radius-sm);flex-direction:column;gap:1.6rem;padding:1.6rem}}@media (prefers-reduced-motion:reduce){.ProjectCard{transition:none}}.ProjectCard__media{border-radius:var(--radius-sm);flex:0 0 32.76%;order:2;max-width:60.8rem;height:42rem;overflow:hidden}@media (width<=1280px){.ProjectCard__media{flex:100%;order:1;max-width:none;height:36rem}}@media (width<=768px){.ProjectCard__media{flex:none;order:1;width:100%;height:31.3rem}}.ProjectCard__image{width:100%;height:100%}.ProjectCard__image .Image__AstroImage,.ProjectCard__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.ProjectCard__body{flex-direction:column;flex:1 1 0;order:1;justify-content:space-between;align-self:stretch;min-width:0;min-height:42rem;display:flex}@media (width<=1280px){.ProjectCard__body{flex:calc(50% - 1.6rem);order:2;gap:2.4rem;min-height:0}}@media (width<=768px){.ProjectCard__body{flex:none;order:2;gap:1.6rem;width:100%}}.ProjectCard__header{flex-direction:column;align-items:flex-start;gap:2.4rem;display:flex}@media (width<=768px){.ProjectCard__header{gap:1.6rem}}.ProjectCard__tag{background:var(--color-badge-primary)}.ProjectCard__title{text-wrap:balance;max-width:48rem;margin:0}@media (width<=768px){.ProjectCard__title{max-width:none}}.ProjectCard__description{max-width:50rem;margin:0}@media (width<=768px){.ProjectCard__description{max-width:none}}.ProjectCard__metrics{flex:1 1 0;order:3;align-self:flex-start;align-items:flex-start;gap:2.4rem;width:100%;min-width:0;max-width:59.2rem;display:flex}@media (width<=1280px){.ProjectCard__metrics{flex:calc(50% - 1.6rem);order:3;max-width:none}}@media (width<=768px){.ProjectCard__metrics{flex:none;order:3;gap:1.6rem;width:100%;max-width:none}}.ProjectCard__metric{border-bottom:1px solid var(--color-line-primary);flex-direction:column;flex:1 1 0;align-items:flex-start;gap:1.6rem;min-width:0;padding-bottom:1.6rem;display:flex}@media (width<=768px){.ProjectCard__metric{gap:.8rem;padding-bottom:.8rem}}.ProjectCard__metricLabel{color:var(--color-text-secondary);margin:0}@media (width<=1440px){.ProjectCard__metricLabel{min-height:4rem}}@media (width<=1280px){.ProjectCard__metricLabel{min-height:0;min-height:initial}}@media (width<=768px){.ProjectCard__metricLabel{min-height:4rem}}.ProjectCard__metricValue{margin:0}.ProjectCard__action.isDesktop{z-index:1;opacity:0;pointer-events:none;transition:opacity var(--transition-duration) var(--ease-out-quad);position:absolute;bottom:3.3rem;right:3.3rem}.ProjectCard:focus-within .ProjectCard__action.isDesktop{opacity:1;pointer-events:auto}@media (hover:hover){.ProjectCard:hover .ProjectCard__action.isDesktop{opacity:1;pointer-events:auto}}@media (hover:none){.ProjectCard__action.isDesktop{opacity:1;pointer-events:auto}}@media (width<=1280px){.ProjectCard__action.isDesktop{opacity:1;pointer-events:auto;order:4;margin-top:.8rem;position:relative;bottom:auto;right:auto}}@media (width<=768px){.ProjectCard__action.isDesktop{display:none}}@media (prefers-reduced-motion:reduce){.ProjectCard__action.isDesktop{transition:none}}.ProjectCard__action.isMobile{display:none}@media (width<=768px){.ProjectCard__action.isMobile{order:4;margin-top:.8rem;display:inline-flex}}