.projects-section{align-content:center;justify-items:center;gap:1.22rem;min-height:calc(100svh - 86px);display:grid}.projects-top-bar{justify-content:flex-start;align-items:center;gap:1rem;width:100%;display:flex}.projects-back-button{border:1px solid var(--secondary-colour);color:#e2e8f0;background:#111827;border-radius:999px;justify-content:center;align-items:center;min-width:82px;padding:.55rem 1rem;font-size:.95rem;font-weight:600;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.projects-back-button:hover,.projects-back-button:focus-visible{background:var(--primary-colour);color:#fff;border-color:#60a5fa}.projects-category-buttons{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.65rem;display:flex}.projects-category-button{border:1px solid var(--secondary-colour);color:#e2e8f0;cursor:pointer;background:#0a121ebf;border-radius:.6rem;padding:.5rem .9rem;font-size:.95rem;font-weight:600;line-height:1;transition:border-color .2s,background-color .2s,color .2s}.projects-category-button:hover,.projects-category-button:focus-visible{background:var(--primary-colour);color:#fff;border-color:#60a5fa}.projects-category-button.is-active{color:#fff;background:#273449;border-color:#60a5fa}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:1.05rem;width:100%;display:grid}.project-card{aspect-ratio:1;border:1px solid var(--secondary-colour);color:#f8fafc;background-color:#0f172a;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.84rem;min-height:308px;transition:border-color .25s,transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 22px 40px #00000038}.project-card:hover,.project-card:focus-visible,.project-card:focus-within,.project-card:active{border-color:#60a5fa;transform:translateY(-5px);box-shadow:0 28px 44px #00000047}.project-card__content{background:linear-gradient(#070b141a 0%,#070b14cc 100%);flex-direction:column;justify-content:flex-end;gap:.63rem;width:100%;height:100%;padding:.875rem;display:flex}.project-card__meta{color:#e2e8f0db;justify-content:space-between;align-items:center;gap:.7rem;font-size:.59rem;font-weight:600;display:flex}.project-card__categories,.project-card__date,.project-card__description{text-overflow:ellipsis;overflow:hidden}.project-card__title{color:#fff;margin:0;font-size:1.05rem;line-height:1.1}.project-card__description{color:#e2e8f0e6;margin:0;font-size:.69rem;line-height:1.55}.project-card__links{justify-content:flex-start;align-items:center;gap:.6rem;margin-top:.18rem;display:flex}.project-card__link{color:#f8fafc;justify-content:center;align-items:center;font-size:.84rem;transition:color .2s,transform .2s;display:inline-flex}.project-card__link:hover{color:#cbd5e1;transform:translateY(-1px)}