.projects-archive-hero{margin-bottom:2rem}.projects-archive-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.projects-archive-stat{display:inline-flex;align-items:baseline;gap:.45rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 80%,transparent)}.projects-archive-stat-val{font-family:var(--font-label);font-size:.9375rem;font-weight:800;color:var(--mint);line-height:1}.projects-archive-stat-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.projects-archive-list{display:flex;flex-direction:column;gap:1.25rem}@media (min-width:768px){.projects-archive-list{gap:1.5rem}}.projects-detail-card{scroll-margin-top:6rem}.projects-detail-inner{padding:1.25rem 1.25rem 1.35rem}@media (min-width:768px){.projects-detail-inner{padding:1.5rem 1.6rem 1.65rem}}.projects-detail-layout{display:grid;gap:1.5rem 2rem;align-items:center}@media (max-width:899px){.projects-detail-layout{display:flex;flex-direction:column;align-items:stretch}.projects-detail-media{order:-1;width:min(100%,28rem);margin-inline:auto;aspect-ratio:16/10}}@media (min-width:900px){.projects-detail-layout{grid-template-columns:minmax(0,1.15fr) minmax(20rem,26rem)}}.projects-detail-main{min-width:0}.projects-detail-media{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;border:none;border-radius:1.25rem;background:transparent;justify-self:end;align-self:center}.projects-detail-image{object-fit:contain;object-position:center;padding:0;transition:transform .48s var(--ease-fluid)}@media (hover:hover) and (pointer:fine){.projects-detail-media:hover .projects-detail-image{transform:scale(1.03)}}.projects-detail-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.projects-detail-index-wrap{display:flex;align-items:center;gap:.75rem}.projects-detail-index{font-family:var(--font-label);font-size:2.25rem;font-weight:900;line-height:1;color:color-mix(in srgb,var(--text-primary) 14%,transparent)}.projects-detail-badges{display:flex;flex-wrap:wrap;gap:.4rem}.projects-detail-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--hairline);background:color-mix(in srgb,var(--background) 70%,transparent);font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.projects-detail-badge.is-featured{border-color:color-mix(in srgb,var(--mint) 30%,transparent);background:color-mix(in srgb,var(--mint) 12%,transparent);color:var(--mint)}.projects-detail-badge.is-status{border-color:color-mix(in srgb,var(--orange) 28%,transparent);background:color-mix(in srgb,var(--orange) 10%,transparent);color:var(--orange-soft)}.projects-detail-title{margin-bottom:.35rem;font-family:var(--font-label);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:var(--text-primary)}.projects-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1rem;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.projects-detail-facts{display:grid;gap:.75rem;margin:0 0 1.35rem;padding:.9rem 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}@media (min-width:640px){.projects-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}}.projects-detail-facts div{min-width:0}.projects-detail-facts dt{margin-bottom:.3rem;font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.projects-detail-facts dd{margin:0;font-size:.8125rem;line-height:1.45;color:var(--text-secondary)}.projects-detail-overview{margin-bottom:1.35rem}.projects-detail-overview p{margin:0 0 .85rem;max-width:68ch;font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}.projects-detail-overview p:last-child{margin-bottom:0}.projects-detail-desc{margin-bottom:1.25rem;max-width:72ch;font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}.projects-detail-grid{display:grid;gap:1.25rem;margin-bottom:1.25rem}@media (min-width:768px){.projects-detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem}}.projects-detail-stack-block{margin-bottom:.25rem}.projects-detail-block-title{margin-bottom:.65rem;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint-deep)}.projects-detail-highlights{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.projects-detail-highlights li{display:flex;gap:.5rem;font-size:.8125rem;line-height:1.55;color:var(--text-secondary)}.projects-detail-highlights li span:first-child{flex-shrink:0;color:var(--mint);margin-top:.1rem}.projects-detail-tech{display:flex;flex-wrap:wrap;gap:.4rem}.projects-detail-tech span{padding:.3rem .65rem;border-radius:999px;border:1px solid var(--hairline);background:color-mix(in srgb,var(--background) 70%,transparent);font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.projects-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid var(--hairline)}.projects-detail-action{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--hairline);background:var(--surface);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);transition:transform var(--duration-press) var(--ease-ui-out),border-color var(--duration-ui) var(--ease-ui-out),background-color var(--duration-ui) var(--ease-ui-out)}.projects-detail-action.is-primary{background:var(--mint);color:#0c1a12;border-color:transparent}.projects-detail-action:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.projects-detail-action:hover{border-color:color-mix(in srgb,var(--mint) 35%,transparent);background:color-mix(in srgb,var(--surface-panel) 70%,var(--surface))}.projects-detail-action.is-primary:hover{filter:brightness(1.05)}}.projects-archive-back{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.5rem;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);transition:color var(--duration-ui) var(--ease-ui-out)}@media (hover:hover) and (pointer:fine){.projects-archive-back:hover{color:var(--mint)}}