.proj-section{background-color:var(--color-bg);padding:6rem 2rem;border-bottom:1px solid var(--color-border)}.proj-inner{max-width:var(--max-width);margin:0 auto}.proj-header{margin-bottom:3rem}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.proj-card{background-color:var(--color-bg);padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:background-color var(--transition);cursor:default}.proj-card:hover{background-color:var(--color-surface)}.proj-shot{position:relative;margin:-2rem -2rem 0;aspect-ratio:8 / 5;overflow:hidden;background-color:var(--color-surface)}.proj-shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .4s ease}.proj-card--shot:hover .proj-shot img{transform:scale(1.03)}.proj-status--overlay{position:absolute;top:.75rem;right:.75rem;background-color:#09090bbf!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.proj-card-top{display:flex;align-items:center;justify-content:space-between}.proj-icon{width:1.25rem;height:1.25rem;color:var(--color-text-3)}.proj-status{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:.2rem .6rem;border-radius:var(--radius-full);border:1px solid}.proj-status.live{color:#4ade80;border-color:#4ade8040;background:#4ade8014}.proj-status.dev{color:#fbbf24;border-color:#fbbf2440;background:#fbbf2414}.proj-status.internal{color:var(--color-text-3);border-color:var(--color-border);background:transparent}.proj-card-body{display:flex;flex-direction:column;gap:.375rem;flex:1}.proj-card-body h3{font-size:1rem;font-weight:700;color:var(--color-text-1);letter-spacing:-.02em}.proj-subtitle{font-size:.775rem;color:var(--color-text-3);font-weight:500}.proj-card-body p{font-size:.85rem;color:var(--color-text-2);line-height:1.75;margin-top:.375rem}.proj-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--color-border)}.proj-tags{display:flex;flex-wrap:wrap;gap:.375rem}.proj-tag{font-size:.7rem;font-weight:500;padding:.2rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-3);background:transparent;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.01em}.proj-read-more{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--color-text-2);white-space:nowrap;transition:color var(--transition);flex-shrink:0}.proj-read-more:hover{color:var(--color-text-1)}@media(max-width:1024px){.proj-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.proj-grid{grid-template-columns:1fr}.proj-section{padding:4rem 1.25rem}}