.projet-page{background:var(--paper);color:var(--ink);min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.projet-page ::selection{background:var(--blue);color:var(--paper)}.projet-logo{text-align:center;padding:40px 24px 0}.projet-logo a{display:inline-block}.projet-logo-mark{display:block;height:80px;width:auto;color:var(--ink)}.projet-nav{max-width:740px;margin:0 auto;padding:24px 24px 0}.projet-back{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-family:var(--font-space-mono),ui-monospace,monospace;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:var(--line);padding:9px 16px;background:transparent;transition:background .2s,color .2s}.projet-back:hover{background:var(--ink);color:var(--paper)}.projet-header{max-width:740px;margin:0 auto;padding:64px 24px 48px}.projet-header h1{font-family:Metropolis,Archivo Black,system-ui,sans-serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;margin-bottom:16px;color:var(--ink)}.projet-description{color:var(--muted);font-size:1.1rem;line-height:1.7}.projet-live-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:12px 22px;font-family:var(--font-space-mono),ui-monospace,monospace;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--paper);background:var(--blue);border:var(--line);box-shadow:5px 5px 0 var(--ink);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .2s}.projet-live-link:hover{background:var(--ink);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--blue)}.projet-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.projet-tag{font-family:var(--font-space-mono),ui-monospace,monospace;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);background:var(--sky);border:2px solid var(--ink);padding:3px 10px;border-radius:0}.projet-screenshot{max-width:740px;margin:0 auto;padding:0 24px 24px}.projet-screenshot-img{width:100%;height:auto;border-radius:0;border:var(--line)}.projet-screenshots{margin-bottom:24px}.projet-content{max-width:740px;margin:0 auto;padding:0 24px 64px}.projet-content h2{font-size:1.6rem;line-height:1;margin:44px 0 16px}.projet-content h2,.projet-content h3{font-family:Metropolis,Archivo Black,system-ui,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;color:var(--ink)}.projet-content h3{font-size:1.2rem;margin:32px 0 12px}.projet-content p{color:var(--muted);font-size:.95rem;line-height:1.8;margin-bottom:16px}.projet-content ul{list-style:none;padding:0;margin:0 0 20px}.projet-content li{position:relative;padding-left:22px;margin-bottom:10px;color:var(--muted);font-size:.95rem;line-height:1.7}.projet-content li:before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:0;background:var(--blue)}.projet-content strong{color:var(--ink);font-weight:700}.projet-content a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}.projet-content a:hover{color:var(--blue-deep)}.projet-entre-autres{display:flex;align-items:center;gap:20px;color:var(--muted);font-family:var(--font-space-mono),ui-monospace,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:16px 0 0}.projet-entre-autres:after,.projet-entre-autres:before{content:"";flex:1;height:0;border-top:var(--line)}.projet-footer{border-top:var(--line);background:var(--ink)}.projet-cta{max-width:740px;margin:0 auto;padding:72px 24px;text-align:center}.projet-cta h2{font-family:Metropolis,Archivo Black,system-ui,sans-serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;margin-bottom:14px;color:var(--paper)}.projet-cta p{color:#aeb8cc;font-size:.95rem;margin-bottom:28px}.projet-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--blue);color:var(--paper);font-family:var(--font-space-mono),ui-monospace,monospace;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:3px solid var(--paper);border-radius:0;text-decoration:none;box-shadow:6px 6px 0 var(--sky);transition:transform .15s ease,box-shadow .15s ease,background .2s,color .2s;cursor:pointer}.projet-cta-btn:hover{background:var(--paper);color:var(--ink);transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--blue)}.projet-cta-btn:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--sky)}.projet-cta-guide{font-size:.85rem;color:#aeb8cc;margin-top:26px}.projet-cta-guide a{color:var(--sky);font-weight:700;text-decoration:underline;text-underline-offset:2px}.projet-cta-guide a:hover{color:var(--paper)}.projet-others{max-width:740px;margin:0 auto;padding:0 24px 48px}.projet-others h2{font-family:Metropolis,Archivo Black,system-ui,sans-serif;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:24px;color:var(--ink)}.projet-others-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.projet-others-card{display:block;padding:24px;background:var(--paper);border:var(--line);border-radius:0;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.projet-others-card:hover{transform:translate(-5px,-5px);box-shadow:10px 10px 0 var(--blue)}.projet-others-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.projet-others-card h3{font-family:Metropolis,Archivo Black,system-ui,sans-serif;font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}.projet-others-card p{font-size:.85rem;color:var(--muted);line-height:1.6;margin:0}.projet-index-grid{max-width:740px;margin:0 auto;padding:0 24px 48px;display:grid;gap:16px}.projet-index-card{display:block;padding:28px;background:var(--paper);border:var(--line);border-radius:0;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.projet-index-card:hover{transform:translate(-5px,-5px);box-shadow:10px 10px 0 var(--blue)}.projet-index-card h2{font-family:Metropolis,Archivo Black,system-ui,sans-serif;font-size:1.4rem;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1;color:var(--ink);margin:6px 0 8px}.projet-index-card p{font-size:.9rem;color:var(--muted);line-height:1.6;margin:0 0 18px}.projet-index-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-space-mono),ui-monospace,monospace;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);transition:gap .2s,color .2s}.projet-index-card:hover .projet-index-link{gap:12px;color:var(--blue)}@media (max-width:768px){.projet-header{padding:48px 20px 32px}.projet-content{padding:0 20px 48px}.projet-logo-mark{height:64px}}