@layer components{@keyframes project-card-enter{0%{opacity:0}to{opacity:1}}.project-card-image{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .5s;display:block;transform:scale(1)}.project-home-grid{--project-home-row-height:max(68px, max(calc((100vw - 88px) / 21.3), calc((100svh - 8px) / 11)))}@media (width<64rem){.project-home-grid{--project-home-row-height:max(68px, calc((100vw - 56px) / 13.4))}}.project-home-card{aspect-ratio:var(--project-home-aspect-ratio)}@media (width>=40rem){.project-home-card{aspect-ratio:auto;grid-column:span var(--project-home-sm-column-span) / span var(--project-home-sm-column-span);grid-row:span var(--project-home-sm-row-span) / span var(--project-home-sm-row-span)}}@media (width>=64rem){.project-home-card{grid-column:span var(--project-home-lg-column-span) / span var(--project-home-lg-column-span);grid-row:span var(--project-home-lg-row-span) / span var(--project-home-lg-row-span)}}.project-card-overlay{inset-inline:0;opacity:0;pointer-events:none;background:linear-gradient(#0000,#0f2428bf);align-items:flex-end;padding:.75rem;transition:opacity .26s cubic-bezier(0,0,.2,1);display:flex;position:absolute;bottom:0}.project-card-copy{flex-direction:column;gap:.25rem;display:flex}.project-card-title{color:#fff;font-family:var(--font-roboto);text-shadow:0 2px 20px #00000052;font-size:1.125rem;font-weight:700;line-height:1}.project-card-location{color:#fffc;font-family:var(--font-nav);letter-spacing:.08em;text-shadow:0 2px 16px #00000057;text-transform:uppercase;font-size:.6875rem;font-weight:600;line-height:1}.group:hover .project-card-image,.group:focus-visible .project-card-image{transform:scale(1.03)}.group:hover .project-card-overlay,.group:focus-visible .project-card-overlay{opacity:1}.project-modal-title{flex-direction:column;gap:.1rem;min-width:0;display:flex}.project-modal-title__name{color:var(--brand-teal);font-family:var(--font-roboto);text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:700;line-height:1.1;overflow:hidden}.project-modal-title__location{color:var(--muted-foreground);font-family:var(--font-nav);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:700;line-height:1.1;overflow:hidden}@media (width>=48rem){.project-modal-title__name{font-size:1.25rem}}}