.projects-hero{background:0 0;padding:120px clamp(16px,4vw,52px) 80px}.page-hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.hero-chip{color:var(--primary);background:#ff520d1a;border:1px solid #ff520d33;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.hero-chip-dot{background:var(--primary);border-radius:50%;width:6px;height:6px}.page-title{color:var(--text);margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.1}.page-title em{color:var(--primary);font-style:normal}.page-subtitle{color:var(--muted);font-size:16px;line-height:1.6}.sec{padding:60px 0}.con{max-width:1200px;margin:0 auto;padding:0 20px}.projects-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.projects-summary article{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:4px;padding:16px;display:grid;box-shadow:0 12px 24px #0006}.projects-summary strong{color:var(--text);font-size:22px}.projects-summary span{color:var(--muted);font-size:13px}.project-grid-hero:before{background:linear-gradient(#0a1429cc,#0a1429cc),repeating-linear-gradient(90deg,#ff520d1a 0 1px,#0000 1px 24px),repeating-linear-gradient(#83a8f31a 0 1px,#0000 1px 24px);animation:10s linear infinite gridMove}.project-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.project-filter{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:5px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .25s}.project-filter:hover,.project-filter.active{background:#ff520d33;border-color:#ff520dcc}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{transition:transform .3s,opacity .25s;overflow:hidden}.card-glass{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 10px 40px #0000004d}.project-card.card-glass{border-radius:5px}.project-card.is-hidden{display:none}.project-visual{background:linear-gradient(135deg,#ff520d3d,#435b9761) 50%/cover no-repeat;height:320px;transition:transform .5s}.project-card:hover .project-visual{transform:scale(1.05)}.project-visual.cat-software{background:linear-gradient(135deg,#479cff5c,#30467a85)}.project-visual.cat-website{background:linear-gradient(135deg,#5865f25c,#293b738c)}.project-visual.cat-application{background:linear-gradient(135deg,#e568407a,#76245f80)}.project-visual.cat-ai-contents{background:linear-gradient(135deg,#42cf9f59,#146d6185)}.project-visual.cat-more{background:linear-gradient(135deg,#f9a82559,#b4530985)}.project-body{padding:18px}.project-meta{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.project-meta span{color:var(--primary);letter-spacing:1.2px;font-size:11px;font-weight:700}.project-meta small{color:var(--muted);font-size:12px}.project-body h3{color:var(--text);margin-bottom:8px;font-size:20px}.project-body p{color:var(--muted);margin-bottom:12px;font-size:14px}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.project-tags span{color:var(--text);border:1px solid var(--border);background:var(--surface-soft);border-radius:999px;padding:4px 10px;font-size:11px}.project-link{color:var(--text);border-bottom:1px dashed var(--muted);font-weight:600;text-decoration:none}.project-link:hover{color:var(--primary);border-color:var(--primary)}@keyframes gridMove{to{background-position:0 0,24px 0,0 24px}}@media (max-width:980px){.projects-summary{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.project-grid{grid-template-columns:1fr}}