.projects{background:var(--color-bg-secondary);position:relative}.projects-header{text-align:center;margin-bottom:clamp(1.6rem,4vw,3rem)}.projects-subtitle{font-size:1.1rem;max-width:680px;margin:0 auto}.projects-page-button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.1rem;border-radius:999px;background:#ffffff05;color:var(--color-text-primary);border:1px solid rgba(186,214,255,.25);font-weight:600;font-size:.92rem;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.projects-page-button:hover{background:#5be7ff14;border-color:#5be7ff80}.projects-page-cta{margin-top:1.2rem;display:flex;justify-content:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:.8rem}.projects-grid-wrapper{overflow:hidden}.extra-projects-grid{margin-top:.8rem}.project-card{border-radius:1rem;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);cursor:default;content-visibility:auto;contain-intrinsic-size:400px;border:1px solid rgba(186,214,255,.14);background:linear-gradient(180deg,#0b1221e6,#080d18e6)}.extra-projects-grid .project-card{content-visibility:visible;contain-intrinsic-size:auto}.project-card-clickable{cursor:pointer}.project-thumbnail{position:relative;height:min(220px,28vh);background:#0a101ef2;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(186,214,255,.12)}.project-thumbnail-image{width:100%;height:100%;object-fit:cover;object-position:center}.thumbnail-placeholder{font-size:5.2rem;font-family:var(--font-display);opacity:.18}.project-number{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-overlay{position:absolute;inset:0;background:#0409128f;display:flex;align-items:center;justify-content:center;opacity:0;transition-property:opacity;pointer-events:none}.project-card-clickable:hover .project-overlay,.project-card-clickable:focus-visible .project-overlay{opacity:1}.view-project{font-size:.9rem;font-weight:700;color:#03111b;padding:.7rem 1rem;border-radius:999px;background:var(--gradient-primary)}.project-content{padding:1.1rem}.project-category{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);font-weight:600}.project-title{font-size:1.25rem;margin:.45rem 0 .35rem;color:var(--color-text-primary)}.project-description{font-size:.92rem;line-height:1.65;margin-bottom:.8rem}.project-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{font-size:.7rem;padding:.25rem .55rem;border-radius:999px;color:var(--color-text-secondary);background:#ffffff05;border:1px solid rgba(186,214,255,.12)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}