/* Projects page – page-specific styles */
.skills { padding: 4.5rem 1.5rem; background: var(--bg-secondary); text-align: center; border-top: 1px solid var(--border-color); }
.skills h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); margin-bottom: .6rem; }
.skills p { color: var(--text-secondary); max-width: 820px; margin: 0 auto .5rem; }
.projects { padding: 4.5rem 1.5rem; background: var(--bg-primary); }
.projects .section-head { margin-bottom: 3rem; }
.projects .section-head h2 { color: var(--text-primary); font-size: clamp(1.6rem, 3vw, 2.25rem); line-height: 1.25; margin-bottom: .6rem; }
.skills .skills-intro { margin-bottom: 2rem; }
.skill-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.2rem; max-width: 1000px; margin: 0 auto; }
.skill-group { background: var(--bg-primary); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 1.5rem 1.3rem; box-shadow: var(--shadow); }
.skill-group h3 { font-size: 1.05rem; margin-bottom: .5rem; color: var(--accent-primary); }
.skills .skill-group p { margin: 0; font-size: .95rem; }