.projects-section{scroll-margin-top:100px}.projects-lead{font-size:clamp(22px,2.5vw,32px);line-height:1.35;color:#f1f6fa;max-width:30ch}.projects-copy{max-width:78ch;color:#adbecd}.projects-showcase{margin:28px 0 22px}.projects-showcase a{display:block;border:1px solid #335064;border-radius:14px;overflow:hidden;background:#030810}.projects-showcase img{display:block;width:100%;height:auto}.projects-showcase a:hover{border-color:var(--lime)}.projects-showcase a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.projects-showcase figcaption,.projects-status{font-size:13px;line-height:1.6;color:#adbecd}.projects-showcase figcaption{margin-top:10px}.projects-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.projects-details h3{font-size:18px;margin:0 0 8px}.projects-details p{color:#adbecd;margin:0;line-height:1.7}.projects-status{max-width:85ch;margin:22px 0}.projects-section>.demo-link{display:inline-block}@media(max-width:700px){.projects-details{grid-template-columns:1fr;gap:20px}.projects-showcase{margin-top:22px}.projects-showcase a{border-radius:8px}}

.projects-platform{display:inline-block;padding:10px 14px;border:1px solid #405b71;border-radius:8px;background:#0a1723;color:#d4edff;font-size:14px;line-height:1.6;max-width:100%;box-sizing:border-box}