@layer components{.project-showcase[data-v-56d7cdb3]{align-items:center;row-gap:calc(var(--spacing)*6)}.project-showcase+.project-showcase[data-v-56d7cdb3]{padding-top:var(--spacing-section-header-gap);border-top:1px solid var(--color-border-default)}.project-showcase__media[data-v-56d7cdb3]{outline:1px solid var(--color-border-default);background-color:var(--color-surface-raised);display:block;overflow:hidden}.project-showcase__media[data-v-56d7cdb3] img{width:100%;height:auto;display:block}.project-showcase__body[data-v-56d7cdb3]{align-items:flex-start;gap:calc(var(--spacing)*4);flex-direction:column;display:flex}.project-showcase__heading[data-v-56d7cdb3]{align-items:center;gap:calc(var(--spacing)*4);display:flex}.project-showcase__mark[data-v-56d7cdb3]{--project-mark-size:calc(var(--spacing)*12)}.project-showcase__title[data-v-56d7cdb3]{font-family:var(--font-display);font-size:1.75rem;font-weight:var(--text-display-lg--font-weight);line-height:var(--text-display-lg--line-height);letter-spacing:var(--text-display-lg--letter-spacing)}.project-showcase__year[data-v-56d7cdb3]{color:var(--color-text-secondary)}.project-showcase__title-link[data-v-56d7cdb3]{color:inherit;transition:color var(--duration-hover) var(--ease-out);text-decoration:none}.project-showcase__title-link[data-v-56d7cdb3]:hover{color:var(--color-accent-strong)}.project-showcase__tags[data-v-56d7cdb3]{max-width:100%;padding:calc(var(--spacing)*1.5) calc(var(--spacing)*2);outline:1px solid var(--color-border-raised);color:var(--color-text-secondary);border-radius:3.40282e38px;display:flex}.project-showcase__tags-text[data-v-56d7cdb3]{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.project-showcase__links[data-v-56d7cdb3]{margin-top:calc(var(--spacing)*2)}}