.projects-page{padding:120px 0 80px;min-height:100vh}.projects-page .page-title{font-family:var(--font-display);font-size:42px;font-weight:400;color:var(--color-dark);margin-bottom:16px}.projects-subtitle{font-size:16px;color:var(--color-text-light);margin-bottom:48px;max-width:600px}.projects-masonry{display:flex;margin-left:-24px;width:auto}.projects-masonry-column{padding-left:24px;background-clip:padding-box}a.project-card{text-decoration:none;color:inherit}.project-card{display:block;margin-bottom:24px;animation:projectCardIn .6s cubic-bezier(.25,.46,.45,.94) backwards}@keyframes projectCardIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card-image{position:relative;border-radius:12px;overflow:hidden;background:#f5f0eb}.project-card-image>img{width:100%;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-card-image>img{transform:scale(1.04)}.project-card-info{position:absolute;bottom:0;left:0;right:0;padding:48px 20px 18px;background:linear-gradient(0deg,rgba(0,0,0,.52) 0,transparent);display:flex;flex-direction:column;gap:2px;pointer-events:none}.project-card-info h3{font-size:17px;font-weight:600;color:#fff;margin:0;line-height:1.3}.project-card-info span{font-size:13px;color:hsla(0,0%,100%,.78);font-weight:400}.project-card-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.3px;pointer-events:none}.project-card-hover{position:absolute;inset:0;background:rgba(107,91,79,.35);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease}.project-card:hover .project-card-hover{opacity:1}.project-card-hover span{color:#fff;font-size:15px;font-weight:500;letter-spacing:.5px;padding:10px 24px;border:1.5px solid hsla(0,0%,100%,.7);border-radius:30px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .3s,border-color .3s}.project-card:hover .project-card-hover span{background:hsla(0,0%,100%,.12);border-color:#fff}.project-card-featured{margin-bottom:32px}.project-card-featured .project-card-image{border-radius:16px;max-height:520px}.project-card-featured .project-card-image>img{width:100%;height:100%;object-fit:cover;max-height:520px}.project-card-featured .project-card-info{padding:64px 32px 28px}.project-card-featured .project-card-info h3{font-size:24px}.project-card-featured .project-card-info span{font-size:15px}.projects-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 0;color:var(--color-text-light);font-size:16px}.projects-empty{text-align:center;padding:80px 24px}.projects-empty p{color:var(--color-text-light);font-size:18px}@media (max-width:768px){.projects-page{padding-top:100px}.projects-page .page-title{font-size:28px}.projects-masonry{margin-left:-16px}.projects-masonry-column{padding-left:16px}.project-card{margin-bottom:16px}.project-card-featured{margin-bottom:20px}.project-card-featured .project-card-image{max-height:320px;border-radius:12px}.project-card-featured .project-card-image>img{max-height:320px}.project-card-featured .project-card-info{padding:48px 20px 18px}.project-card-featured .project-card-info h3{font-size:20px}}