.allp{min-height:100vh;padding:3rem 1rem}@media(min-width:640px){.allp{padding:3rem 1.5rem}}@media(min-width:1024px){.allp{padding:3rem 5rem}}.allp .allp-header{text-align:center;margin-bottom:3rem}.allp .allp-header .heading{font-size:2.25rem;font-weight:700;line-height:1.2}.allp .allp-header .heading span{color:#4f46e5}.allp .allp-header .subheading{margin-top:.25rem;color:#4b5563;max-width:40rem;text-align:start;margin-left:auto;margin-right:auto}@media(max-width:480px){.allp .category-nav{align-items:start;justify-content:start}}.allp .projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:640px){.allp .projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.allp .projects-grid{grid-template-columns:repeat(3,1fr)}}.allp .projects-grid .card-overlays{position:relative;overflow:hidden;background:rgba(19,19,19,.0117647059);backdrop-filter:blur(60px);padding:1px;border:1px;background:linear-gradient(-120deg,rgba(187,186,186,0) 5%,rgba(189,189,189,.588) 25%,rgba(184,182,182,0) 90%);border-radius:.8rem;transition:all .3s linear;box-shadow:0 1px 3px rgba(0,0,0,.1)}.allp .projects-grid .card-overlays:hover{box-shadow:0 10px 25px rgba(0,0,0,.2);transform:translateY(-5px)}.allp .projects-grid .card-overlays .project-card{position:relative;border-radius:.8rem;cursor:pointer;background-color:#383838;background:#232323;transition:box-shadow .3s;z-index:2}.allp .projects-grid .card-overlays .project-card .project-image{width:100%;height:16rem;position:relative;overflow:hidden}.allp .projects-grid .card-overlays .project-card .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.allp .projects-grid .card-overlays .project-card .project-image:hover img{transform:scale(1.05)}.allp .projects-grid .card-overlays .project-card .project-info{padding:1rem}.allp .projects-grid .card-overlays .project-card .project-info .project-title{font-size:1.25rem;font-weight:600;transition:color .3s;color:#fff}.allp .projects-grid .card-overlays .project-card .project-info .project-title:hover{color:#4f46e5}.allp .projects-grid .card-overlays .project-card .project-info .project-category{margin-top:.5rem}