.projects-page{max-width:900px;min-height:100vh;margin:0 auto;padding:7rem 2rem 4rem}.projects-header{margin-bottom:2.5rem}.projects-title{color:var(--color-white);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-family:Oxanium,monospace;font-size:clamp(2rem,5vw,3rem);font-weight:700}.projects-subtitle{color:#fff9;font-family:Oxanium,sans-serif;font-size:1rem}.projects-list{flex-direction:column;gap:1.5rem;display:flex}.project-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.project-card:hover{border-color:#fff3;box-shadow:0 4px 20px #0000004d}.project-card-inner{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.project-tag{text-transform:uppercase;letter-spacing:1px;border-radius:4px;width:fit-content;padding:.25rem .6rem;font-family:Oxanium,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.project-tag-web{color:#ffffffe6;background:#ffffff1a}.project-tag-gmod{color:var(--color-red);background:#f003}.project-name{color:var(--color-white);letter-spacing:.5px;margin:0;font-family:Oxanium,monospace;font-size:1.5rem;font-weight:700}.project-description{color:#ffffffb3;margin:0;font-family:Oxanium,sans-serif;font-size:.95rem;line-height:1.5}.project-link{color:var(--color-red);margin-top:.25rem;font-family:Oxanium,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.project-link:hover{color:var(--color-red-hover)}@media (width<=768px){.projects-page{padding:5rem 1.25rem 3rem}.project-card-inner{padding:1.25rem}}@media (width<=480px){.projects-page{padding:4rem 1rem 2.5rem}}