.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:all var(--transition-base);overflow:hidden}.project-card:hover{border-color:#f6a20066;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d,0 0 40px #f6a2001a}.project-card-image{aspect-ratio:3/2;background:var(--color-primary-800);overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base);display:block}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card-body{padding:var(--space-6)}.project-card-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-white);margin-bottom:var(--space-3)}.project-card-description{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-5);line-height:1.7}.project-card-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.project-card-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition-fast);display:inline-flex}.project-card-link:hover{color:var(--color-accent-500)}
.project-gallery-main{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--color-primary-800);margin-bottom:var(--space-3);overflow:hidden}.project-gallery-main img{object-fit:cover;width:100%;height:100%;display:block}.project-gallery-thumbs{gap:var(--space-3);flex-wrap:wrap;display:flex}.project-gallery-thumb{border-radius:var(--radius-md);border:2px solid var(--glass-border);background:var(--color-primary-800);cursor:pointer;opacity:.6;width:72px;height:56px;transition:all var(--transition-fast);padding:0;overflow:hidden}.project-gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.project-gallery-thumb:hover{opacity:.9}.project-gallery-thumb.is-active{border-color:var(--color-accent-500);opacity:1}
.project-modal-description{color:var(--color-gray-400);margin-top:var(--space-5);white-space:pre-line;line-height:1.8}
.projects-page{overflow-x:hidden}.projects-page .page-hero{padding-top:var(--space-16);padding-bottom:var(--space-12);background:radial-gradient(at 50% 0,#f6a20014 0%,#0000 60%)}.projects-coming-soon{align-items:center;min-height:60vh;display:flex}.projects-coming-soon-content{text-align:center;max-width:480px;margin:0 auto}.projects-coming-soon-icon{color:var(--color-accent-500);margin-bottom:var(--space-5)}.projects-coming-soon-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-white);margin-bottom:var(--space-4)}.projects-coming-soon-message{color:var(--color-gray-400);margin-bottom:var(--space-8);line-height:1.7}.projects-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.projects-cta{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-12);text-align:center}.projects-cta-icon{color:var(--color-accent-500);margin-bottom:var(--space-4)}.projects-cta-content h3{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-white);margin-bottom:var(--space-3)}.projects-cta-content p{color:var(--color-gray-400);max-width:500px;margin:0 auto var(--space-6)}.projects-grid .anim-scroll{display:contents}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}}