.portfolio{flex-direction:column;justify-content:center;align-items:center;padding:6rem 4rem 0;display:flex}.portfolio h1{color:var(--text-color);font-family:var(--font);text-align:center;background-image:var(--gradient);-webkit-text-fill-color:#0000;user-select:unset;z-index:2;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:1000}.portfolio .projectType{text-align:center;width:100%}.portfolio .projectType h1{color:var(--text-color);font-family:var(--font-ubuntu);background-image:var(--gradient);-webkit-text-fill-color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:1000}.portfolio .projectType .projectTypeGrid{grid-template-columns:repeat(2,1fr);gap:2rem;width:80%;margin:2rem auto;display:grid}.portfolio .projectType .projectTypeGrid .projectCard{aspect-ratio:1.665;background-position:50%;background-size:cover;background-clip:padding-box;border:1px solid #ffffff0d;border-radius:1.5rem;width:100%;transition:transform .2s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 40px 15px #000}.portfolio .projectType .projectTypeGrid .projectCard img,.portfolio .projectType .projectTypeGrid .projectCard Image{object-fit:cover;width:100%;height:100%}.portfolio .projectType .projectTypeGrid .projectCard .cardOverlay{color:#fff;opacity:0;backface-visibility:hidden;background:linear-gradient(#0000 -.999999%,#000 100%);align-content:flex-end;height:15rem;padding:1rem;transition:opacity .2s ease-in-out;position:absolute;bottom:-1px;left:0;right:0;transform:translateZ(0)}.portfolio .projectType .projectTypeGrid .projectCard .cardOverlay h2{font-family:var(--font);font-size:1.75rem}.portfolio .projectType .projectTypeGrid .projectCard .cardOverlay p{font-family:var(--font-ubuntu);font-size:1.2rem}.portfolio .projectType .projectTypeGrid .projectCard:hover{cursor:pointer;transform:scale(1.025)}.portfolio .projectType .projectTypeGrid .projectCard:hover .cardOverlay{opacity:1}@media (max-width:300px){.portfolio .projectType .projectTypeGrid .projectCard:hover .cardOverlay{opacity:0}}.portfolio .projectType .projectTypeGrid .projectCard h2{font-family:var(--font);font-size:1.25rem}.portfolio .projectType .projectTypeGrid>:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:3072px){.portfolio .projectType .projectTypeGrid{width:40%}}@media (min-width:2250px){.portfolio .projectType .projectTypeGrid{width:50%}}@media (min-width:1920px) and (max-width:2250px){.portfolio .projectType .projectTypeGrid{width:70%}}@media (max-width:1400px){.portfolio .projectType .projectTypeGrid{width:100%}}@media (max-width:900px){.portfolio .projectType .projectTypeGrid{grid-template-columns:1fr;width:80%}}@media (max-width:800px){.portfolio .projectType .projectTypeGrid{width:90%}}@media (max-width:550px){.portfolio .projectType .projectTypeGrid{width:100%}}.portfolio .projectType .oddProject{flex-direction:column;align-items:center;gap:2rem;width:40%;margin:2rem auto;display:flex}.portfolio .projectType .oddProject .projectCard{aspect-ratio:1.665;background-position:50%;background-size:cover;background-clip:padding-box;border:1px solid #ffffff0d;border-radius:1.5rem;width:100%;transition:transform .2s ease-in-out;position:relative;overflow:hidden;box-shadow:0 0 40px 15px #000}.portfolio .projectType .oddProject .projectCard img,.portfolio .projectType .oddProject .projectCard Image{object-fit:cover;width:100%;height:100%}.portfolio .projectType .oddProject .projectCard .cardOverlay{color:#fff;opacity:0;backface-visibility:hidden;background:linear-gradient(#0000 -.999999%,#000 100%);align-content:flex-end;height:15rem;padding:1rem;transition:opacity .2s ease-in-out;position:absolute;bottom:-1px;left:0;right:0;transform:translateZ(0)}.portfolio .projectType .oddProject .projectCard .cardOverlay h2{font-family:var(--font);font-size:1.75rem}.portfolio .projectType .oddProject .projectCard .cardOverlay p{font-family:var(--font-ubuntu);font-size:1.2rem}.portfolio .projectType .oddProject .projectCard:hover{cursor:pointer;transform:scale(1.025)}.portfolio .projectType .oddProject .projectCard:hover .cardOverlay{opacity:1}@media (max-width:300px){.portfolio .projectType .oddProject .projectCard:hover .cardOverlay{opacity:0}}.portfolio .projectType .oddProject .projectCard h2{font-family:var(--font);font-size:1.25rem}@media (min-width:3072px){.portfolio .projectType .oddProject{width:20%}}@media (min-width:2250px){.portfolio .projectType .oddProject{width:25%}}@media (min-width:1920px) and (max-width:2250px){.portfolio .projectType .oddProject{width:35%}}@media (max-width:1400px){.portfolio .projectType .oddProject{width:50%}}@media (max-width:900px){.portfolio .projectType .oddProject{grid-template-columns:1fr;width:80%}}@media (max-width:800px){.portfolio .projectType .oddProject{width:90%}}@media (max-width:550px){.portfolio .projectType .oddProject{width:100%}.portfolio{padding:2rem 2rem 0}}@media (max-width:400px){.portfolio{padding:1rem 1rem 0}}