.project-card-wrapper[data-v-69efb2a0]{padding:1.25rem 1rem;border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;display:flex;flex-direction:column;width:100%}.project-card-wrapper .project-banner[data-v-69efb2a0]{width:100%;height:14.0625rem;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem}.project-card-wrapper .project-title[data-v-69efb2a0]{font-family:Plus Jakarta Sans;font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-block:1rem 1.5rem;flex-grow:1}.project-card-wrapper .footer[data-v-69efb2a0]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-card-wrapper .footer .user-details[data-v-69efb2a0]{display:flex;align-items:center;gap:.75rem}.project-card-wrapper .footer .user-details .user-profile-picture[data-v-69efb2a0]{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.project-card-wrapper .footer .user-details .user-name[data-v-69efb2a0]{font-size:1rem;line-height:1.5rem}.project-card-wrapper .footer .open-link-wrapper[data-v-69efb2a0]{opacity:0;flex-shrink:0;width:2rem;height:2rem;background-color:rgba(134,101,204,.2);padding:.5rem;border-radius:50%;display:flex;align-items:center;transition:opacity .2s ease-in-out}.project-card-wrapper .footer .open-link-wrapper .open-link-arrow[data-v-69efb2a0]{width:1.25rem;height:1.25rem;filter:brightness(0) invert(1)}.project-card-wrapper:hover .footer .open-link-wrapper[data-v-69efb2a0]{opacity:1}@media only screen and (max-width:768px){.project-card-wrapper[data-v-69efb2a0]{padding:1rem .75rem;cursor:pointer;width:100%}.project-card-wrapper .project-banner[data-v-69efb2a0]{height:11.875rem}.project-card-wrapper .project-title[data-v-69efb2a0]{font-size:1rem;margin-block:.875rem 1.25rem}.project-card-wrapper .footer .user-details[data-v-69efb2a0],.project-card-wrapper .footer[data-v-69efb2a0]{gap:.5rem}.project-card-wrapper .footer .user-details .user-profile-picture[data-v-69efb2a0]{width:1.5rem;height:1.5rem}.project-card-wrapper .footer .user-details .user-name[data-v-69efb2a0]{font-size:.875rem}.project-card-wrapper .footer .open-link-wrapper[data-v-69efb2a0]{opacity:1;width:1.5rem;height:1.5rem;padding:.375rem}.project-card-wrapper .footer .open-link-wrapper .open-link-arrow[data-v-69efb2a0]{width:1rem;height:1rem}}.project-showcase-page{min-height:inherit;padding:3rem 0 12.5rem;background:#171421;color:var(--text-inverted);overflow:hidden}.project-showcase-page .max-width-container{padding:0 min(6rem,6.66%)}.project-showcase-page .max-width-container .header{max-width:38rem;margin-inline:auto}.project-showcase-page .max-width-container .header .top-projects-lead-in{display:flex;align-items:center;justify-content:center}.project-showcase-page .max-width-container .header .top-projects-lead-in .wreath-icon{width:3rem;height:3rem}.project-showcase-page .max-width-container .header .top-projects-lead-in .wreath-icon.right{transform:scaleX(-1)}.project-showcase-page .max-width-container .header .top-projects-lead-in .top-projects-text{font-family:Plus Jakarta Sans;font-size:1.25rem;font-weight:600;line-height:1.2rem;letter-spacing:.05em;text-align:center;text-transform:uppercase;margin-inline:-.5rem;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#eee,#777);background-clip:text;cursor:default}.project-showcase-page .max-width-container .header .heading{font-family:Plus Jakarta Sans;font-size:3.5rem;font-weight:800;line-height:4.55rem;text-align:center;color:var(--text-inverted);margin-bottom:1.5rem}.project-showcase-page .max-width-container .header .description{font-size:1.125rem;line-height:1.75rem;text-align:center}.project-showcase-page .max-width-container .filters-container{max-width:38rem;margin-inline:auto;margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;border-radius:.5rem;gap:1rem}.project-showcase-page .max-width-container .filters-container .filter{color:var(--text-inverted);font-family:Plus Jakarta Sans;font-size:1rem;font-weight:700;line-height:140%;padding:.75rem 1.25rem;background:#2a194c;border-radius:.375rem;text-wrap:nowrap;transition:background-color .2s ease-in-out;cursor:pointer}.project-showcase-page .max-width-container .filters-container .filter.active{background:var(--text-highlight)}.project-showcase-page .max-width-container .filters-container .filter:focus-visible{outline:none}.project-showcase-page .max-width-container .projects-container{display:grid;grid-template-columns:repeat(3,minmax(24.5rem,1fr));gap:1.25rem;margin-top:4rem;justify-items:center}@media only screen and (max-width:1024px){.project-showcase-page{padding-block:5rem}.project-showcase-page .max-width-container .projects-container{grid-template-columns:repeat(2,minmax(24.5rem,1fr));gap:1.25rem}}@media only screen and (max-width:768px){.project-showcase-page{padding:2.5rem 0 10rem}.project-showcase-page .max-width-container{padding:0 2.5rem}.project-showcase-page .max-width-container .header{max-width:100%}.project-showcase-page .max-width-container .header .top-projects-lead-in .top-projects-text{font-size:14px}.project-showcase-page .max-width-container .header .heading{font-size:40px;line-height:52px}.project-showcase-page .max-width-container .header .description{font-size:1rem;line-height:1.5rem}.project-showcase-page .max-width-container .filters-container{flex-wrap:wrap;gap:.75rem}.project-showcase-page .max-width-container .filters-container .filter{flex-shrink:0;font-size:.875rem}.project-showcase-page .max-width-container .projects-container{grid-template-columns:repeat(2,minmax(21rem,1fr));gap:1.25rem;margin-top:2.5rem}}@media only screen and (max-width:512px){.project-showcase-page .max-width-container{padding:0 1.25rem}.project-showcase-page .max-width-container .projects-container{grid-template-columns:1fr}}