:root{--header-height:70px;--floating-header-height:60px}.archive-project .default-title-header h1{margin-bottom:1rem}.archive-project .project-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.archive-project .project-item{aspect-ratio:1/1;background-color:#f4f4f4;display:grid}.archive-project .project-item:focus-visible .project-content,.archive-project .project-item:hover .project-content{opacity:1}.archive-project .project-content,.archive-project .project-image{grid-column:1/2;grid-row:1/2}.archive-project .project-image{align-items:center;display:flex;justify-content:center}.archive-project .project-image img{height:75%;object-fit:contain;width:75%}.archive-project .project-content{align-content:center;backdrop-filter:blur(5px);background-color:rgba(255,168,75,.9);border-radius:20px;display:flex;flex-direction:column;gap:.25rem;height:90%;justify-content:space-around;opacity:0;padding:1rem;place-self:center;text-align:center;transition:opacity .3s ease;width:90%}.archive-project .project-content-image{align-items:center;align-self:center;display:flex;height:0;justify-content:center;width:fit-content}.archive-project .project-content-image img{display:none;height:100%;object-fit:contain;width:auto}.archive-project .project-title{font-size:clamp(1.5rem,4vw + .4rem,2rem);font-weight:400;margin:0}.archive-project .project-categories{font-size:.875rem;font-weight:300}.archive-project .categories-menu{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0 3rem}.archive-project .category-link{transition:color .3s ease}.archive-project .category-link:hover{color:#ffa84b}@media (max-width:1460px){.archive-project .project-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}}@media (max-width:64rem){.archive-project .project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:48rem){.archive-project .project-item .project-content{opacity:1}.archive-project .project-content{background-color:hsla(0,0%,96%,.9);height:100%;padding:.5rem;width:100%}.archive-project .project-content-image{height:30%}.archive-project .project-content-image img{display:block}}