.projects-page{padding:92px 20px 60px;background-color:#f9f9fb}.projects-title{text-align:center;font-size:2.2rem;font-weight:800;color:#0d0d0d;letter-spacing:-.04em;margin-bottom:12px}.projects-title .highlight{color:#224672}.projects-subtitle{text-align:center;font-size:1rem;color:#6b7280;line-height:1.6;max-width:480px;margin:0 auto 32px}.project-list{gap:32px;max-width:980px;margin:0 auto}.project-card,.project-list{display:flex;flex-direction:column}.project-card{background:#ffffff;border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 24px rgba(0,0,0,.07);overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.12)}.project-img{width:85%;max-width:320px;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;display:block;flex-shrink:0;margin:20px auto 0}.project-card-body{padding:20px 20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center}.project-card h2{font-size:1.2rem;text-align:left;margin:4px 0}.project-role{font-size:.8rem;font-weight:600;color:#224672;margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}.project-desc{font-size:.95rem;color:#555;line-height:1.55;margin:0}.project-badge{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 8px;font-size:.75rem;font-weight:600;padding:4px 11px;border-radius:100px;letter-spacing:.03em}.project-badge[data-type="Real Client"]{background:#fde6df;color:#c45e42}.project-badge[data-type="Side Project"]{background:#fef3c7;color:#d97706}.project-badge[data-type="School Project"]{background:#e8f5e9;color:#2e7d32}.project-card-footer{display:flex;flex-direction:column;align-items:flex-start;padding:14px 20px 20px;gap:14px;border-top:1px solid #f0f0f2}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;align-self:center}.tech-tag{background:#eef2ff;color:#224672;font-size:.8rem;padding:5px 11px;border-radius:6px;font-weight:500}.card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;align-self:center}.cta-button{display:inline-block;background:#224672;color:white;padding:12px 28px;font-size:1rem;font-weight:600;border-radius:30px;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:#10233B;transform:translateY(-2px)}@media (min-width:640px){.project-card{display:grid;grid-template-columns:260px 1fr;grid-template-rows:1fr auto}.project-img{grid-column:1;grid-row:1;width:100%;height:100%;min-height:240px;object-fit:cover;object-position:top;margin:0;border-radius:0}.project-card-body{grid-column:2;grid-row:1;padding:20px 20px 20px 28px;align-items:flex-start;text-align:left}.project-badge{margin:0 0 8px}.project-card-footer{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 28px 20px}.tech-tags{max-width:560px}.project-card h2{font-size:1.35rem}}@media (min-width:1024px){.project-card{grid-template-columns:300px 1fr}.project-img{min-height:260px}.project-card h2{font-size:1.4rem}}