.project-wrapper[data-astro-cid-t5cdnuts]{grid-template-columns:1fr 1fr 1fr;gap:.5rem;width:calc(100% - 1rem);margin:.5rem .5rem 0;display:grid}@media screen and (width<=60rem){.project-wrapper[data-astro-cid-t5cdnuts]{grid-template-columns:1fr 1fr}}@media screen and (width<=45rem){.project-wrapper[data-astro-cid-t5cdnuts]{grid-template-columns:1fr}}.project-card[data-astro-cid-t5cdnuts]{justify-content:center;align-items:center;width:100%;height:22rem;display:flex;position:relative}.project-card[data-astro-cid-t5cdnuts][hidden]{display:none}@media screen and (width<=80rem){.project-card[data-astro-cid-t5cdnuts]{height:18rem}}.project-card[data-astro-cid-t5cdnuts]:hover .project-title[data-astro-cid-t5cdnuts],.project-card[data-astro-cid-t5cdnuts]:hover .project-hover[data-astro-cid-t5cdnuts]{opacity:1}.project-img[data-astro-cid-t5cdnuts]{object-fit:cover;width:100%;height:100%}.project-hover[data-astro-cid-t5cdnuts]{opacity:0;background-color:#000000a6;width:100%;height:100%;transition:opacity .4s ease-in-out;position:absolute}.project-title[data-astro-cid-t5cdnuts]{opacity:0;color:#fff;text-align:center;max-width:80%;font-size:1.2rem;transition:opacity .2s ease-in-out;position:absolute}.project-title[data-astro-cid-t5cdnuts]>div[data-astro-cid-t5cdnuts]{font-weight:700}.project-type-button-wrapper[data-astro-cid-3rkrlumz]{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:calc(100% - 6rem);margin:4rem auto auto;display:flex;overflow:auto}.project-type-button-wrapper[data-astro-cid-3rkrlumz] button[data-astro-cid-3rkrlumz]{appearance:none;box-sizing:border-box;max-width:100%;font-family:var(--quicksand), sans-serif;cursor:pointer;color:#fff;white-space:nowrap;background-color:#00000073;border:.125rem solid #fff;border-radius:0;outline:none;margin-top:0;padding:.9rem;font-size:1.2rem;font-weight:500;transition:background-color .35s,color .35s}.project-type-button-wrapper[data-astro-cid-3rkrlumz] button[data-astro-cid-3rkrlumz]:hover{color:#000;background-color:#fff}@media screen and (width<=45rem){.project-type-button-wrapper[data-astro-cid-3rkrlumz]{max-width:100%;margin-top:1rem}.project-type-button[data-astro-cid-3rkrlumz]{padding:.5rem}}.project-type-button-selected[data-astro-cid-3rkrlumz]{color:#000!important;background-color:#fff!important}@media screen and (width<=48rem){.header:has(.project-type-button-wrapper) .top-project{display:none}}