.card-module__olL3HG__imggrid{aspect-ratio:16/9}.card-module__olL3HG__imggrid>*{border-radius:4px;width:100%;height:100%;overflow:hidden}.card-module__olL3HG__imggrid #card-module__olL3HG__first{position:relative;top:0}.card-module__olL3HG__projectCard{background-color:var(--color-foreground);border:1px solid var(--color-bordercolor);cursor:pointer;border-radius:1rem;flex-direction:column-reverse;gap:1.5rem;height:100%;padding:1.25rem;transition:background-color .15s ease-out,border-color .15s ease-out;display:flex;position:relative;top:0}.card-module__olL3HG__projectCard:hover{cursor:pointer;border:1px solid var(--color-bordercolor-hover)}.card-module__olL3HG__projectCard:active{border:1px solid var(--color-accent)}.card-module__olL3HG__projectCardContent{flex-direction:column;flex-basis:100%;gap:1rem;display:flex}.card-module__olL3HG__yearTag{border-color:var(--color-accent);height:fit-content;margin-right:auto}.card-module__olL3HG__yearTag p{color:var(--color-accent)}.card-module__olL3HG__projectText{flex-direction:column;gap:.5rem;display:flex}.card-module__olL3HG__projectText h2{font-size:var(--text-base);color:var(--color-opaque);font-weight:375;line-height:1.5em}.card-module__olL3HG__projectText p{font-size:var(--text-lg);color:var(--color-primary);font-weight:300;line-height:1.25em;transition:color .15s ease-out;overflow:hidden}.card-module__olL3HG__projectContainer:active .card-module__olL3HG__projectText p{color:var(--color-accent)}.card-module__olL3HG__projectTags{flex-flow:wrap;gap:.5rem;display:flex}.card-module__olL3HG__projectContainer{height:100%;container:project/inline-size}@container project (min-width:720px){.card-module__olL3HG__projectCardContent{flex-basis:24rem;gap:1rem;height:100%}.card-module__olL3HG__projectCard{flex-direction:row;align-items:center;gap:1rem;padding:1rem}.card-module__olL3HG__projectCard.card-module__olL3HG__compact{flex-direction:row-reverse}.card-module__olL3HG__projectText p{font-weight:300;font-size:var(--text-xl)}.card-module__olL3HG__imggrid{aspect-ratio:16/9;flex-basis:100%;width:0;height:fit-content}}