.projects{padding:var(--space-4xl) var(--space-md) var(--space-5xl) var(--space-md);background-color:var(--color-white)}.section-header{background:linear-gradient(45deg,var(--color-neon-pink),var(--color-neon-cyan));border:var(--outline-thick);box-shadow:var(--shadow-hard);padding:var(--space-lg);margin-bottom:var(--space-2xl);text-align:center}.section-title{font-size:var(--font-size-h2);font-weight:900;color:var(--color-black);letter-spacing:.15em;text-shadow:4px 4px 0 rgba(255,255,255,.5)}.projects-container{max-width:1400px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media (min-width:640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:var(--color-white);border:var(--outline-thick);padding:var(--space-xl);box-shadow:var(--shadow-light);transition:.3s;opacity:0;transform:translateY(30px);position:relative;overflow:hidden}.project-icon-wrapper{width:80px;height:80px;margin-bottom:var(--space-lg);border:5px solid var(--color-black);box-shadow:8px 8px 0 var(--color-black);background-color:var(--color-white);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1),box-shadow .2s cubic-bezier(.34, 1.56, .64, 1);border-radius:0;overflow:hidden}.project-icon{width:70%;height:70%;object-fit:contain;display:block;filter:contrast(1.1) saturate(1.2)}.project-card:hover .project-icon-wrapper{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--color-black)}.project-card:active .project-icon-wrapper{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--color-black)}.project-card.visible{opacity:1;transform:translateY(0)}.card-accent{position:absolute;top:0;right:0;width:60px;height:60px;background-color:var(--color-neon-pink);transform:rotate(45deg) translate(30px,-30px);border:var(--outline-thick);transition:.3s}.project-card[data-color=pink] .card-accent{background-color:var(--color-neon-pink)}.project-card[data-color=cyan] .card-accent{background-color:var(--color-neon-cyan)}.project-card[data-color=lime] .card-accent{background-color:var(--color-neon-lime)}.project-card[data-color=magenta] .card-accent{background-color:var(--color-neon-magenta)}.project-card[data-color=orange] .card-accent{background-color:var(--color-neon-orange)}.project-card[data-color=blue] .card-accent{background-color:var(--color-neon-blue)}.project-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:var(--shadow-xl)}.project-card:hover .card-accent{transform:rotate(45deg) translate(30px,-30px) scale(1.3)}.project-card[data-color=pink]:hover{background-color:rgba(255,0,153,.1)}.project-card[data-color=cyan]:hover{background-color:rgba(0,255,255,.1)}.project-card[data-color=lime]:hover{background-color:rgba(0,255,0,.1)}.project-card[data-color=magenta]:hover{background-color:rgba(255,0,255,.1)}.project-card[data-color=orange]:hover{background-color:rgba(255,102,0,.1)}.project-card[data-color=blue]:hover{background-color:rgba(0,102,255,.1)}.project-name{font-size:var(--font-size-h3);font-weight:900;margin-bottom:var(--space-sm);color:var(--color-black);position:relative;z-index:1}.project-tagline{font-size:var(--font-size-small);font-style:italic;color:var(--color-black);margin-bottom:var(--space-md);opacity:.7}.project-points{margin-bottom:var(--space-lg)}.project-points li{font-size:var(--font-size-small);color:var(--color-black);line-height:1.6;padding-left:var(--space-md);position:relative;margin-bottom:var(--space-xs)}.project-points li::before{content:'■';color:var(--color-black);font-weight:900;position:absolute;left:0}.project-link{font-size:var(--font-size-small);font-weight:900;color:var(--color-black);display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:3px solid var(--color-black);background-color:var(--color-neon-cyan);transition:.2s}.project-link:hover{background-color:var(--color-neon-pink);transform:translateX(4px)}