.projets-page-container{text-align:center}.projets-page-container>h1{text-align:center;color:var(--foreground);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.projets-page-container>p{text-align:center;color:var(--foreground);opacity:.8;margin-bottom:3rem;font-size:1.2rem}.projets-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2.5rem;display:grid}.history-logo-card{text-align:center;color:var(--foreground);background-color:var(--secondground);border-radius:1rem;padding:2rem;text-decoration:none;transition:all .3s;display:block;box-shadow:0 2px 8px #0000001a}.history-logo-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00000026}.history-logo-card .logo-wrapper{border:4px solid var(--background);background-color:var(--background);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 1.5rem;transition:all .3s;display:flex;overflow:hidden}.history-logo-card:hover .logo-wrapper{border-color:#245fff;transform:scale(1.05)}.history-logo-card .history-logo-image{object-fit:contain;width:100%;height:100%}.history-logo-card .logo-placeholder{color:var(--foreground);font-size:1.2rem;font-weight:600}.history-logo-card .project-name{color:var(--foreground);margin:0;font-size:1.3rem;font-weight:600;transition:color .3s}.site-version-layout{background-color:var(--secondground);border:5px solid var(--secondground);border-radius:1rem;min-height:100vh;display:flex;overflow:hidden}.site-version-layout>aside{background-color:var(--background);border-right:1px solid var(--secondground);border-radius:1rem;width:280px;height:100vh;padding:2rem 1.5rem;position:sticky;top:0;overflow-y:auto}.site-version-layout>aside>div:first-child{margin-bottom:2rem}.site-version-layout>aside nav h3{color:var(--foreground);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.site-version-layout>aside nav ul{margin:0;padding:0;list-style:none}.site-version-layout>aside nav li{margin-bottom:.5rem}.site-version-layout>aside nav a{color:var(--foreground);border:1px solid #0000;border-radius:.75rem;padding:1rem;text-decoration:none;transition:all .2s;display:block}.site-version-layout>aside nav a:hover{background-color:var(--secondground);color:var(--foreground)}.site-version-layout>aside nav a.active{color:#fff;background-color:#245fff;border-color:#245fff}.site-version-layout>aside nav a>div{flex-direction:column;gap:.25rem;display:flex}.site-version-layout>aside nav a>div>span:first-child{font-size:1rem;font-weight:600}.site-version-layout>aside nav a>div>span:last-child{opacity:.8;font-size:.85rem}.mobile-nav{background-color:var(--background);border-bottom:1px solid var(--secondground);flex-direction:column;gap:1rem;display:none}.mobile-nav>div:first-child{align-items:center;gap:1rem;padding:1rem;display:flex}.mobile-nav>div:first-child>div{color:var(--foreground);flex:1;font-weight:600}.mobile-nav>div:last-child{-webkit-overflow-scrolling:touch;padding:0 1rem 1rem;overflow-x:auto}.mobile-nav>div:last-child::-webkit-scrollbar{height:4px}.mobile-nav>div:last-child::-webkit-scrollbar-track{background:var(--secondground);border-radius:2px}.mobile-nav>div:last-child::-webkit-scrollbar-thumb{background:#245fff;border-radius:2px}.mobile-nav>div:last-child>div{gap:1rem;padding-bottom:.5rem;display:flex}.mobile-nav>div:last-child>div>div{background-color:var(--secondground);border-radius:.75rem;min-width:max-content;transition:all .2s;overflow:hidden}.mobile-nav>div:last-child>div>div:hover,.mobile-nav>div:last-child>div>div.active{background-color:#245fff}.mobile-nav>div:last-child>div>div>a{color:var(--foreground);white-space:nowrap;padding:1rem 1.5rem;text-decoration:none;transition:color .2s;display:block}.mobile-nav>div:last-child>div>div:hover>a,.mobile-nav>div:last-child>div>div.active>a{color:#fff}.mobile-nav>div:last-child>div>div>a>div:first-child{margin-bottom:.25rem;font-size:1rem;font-weight:600}.mobile-nav>div:last-child>div>div>a>div:last-child{opacity:.8;font-size:.85rem}.site-version-content{flex:1;padding:2rem}.site-version-header{text-align:center;border-bottom:1px solid var(--secondground);margin-bottom:3rem;padding-bottom:2rem}.site-version-logo-wrapper{border:4px solid var(--background);background-color:var(--background);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1.5rem;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.site-version-logo-wrapper img{object-fit:contain;width:100%;height:100%}.logo-placeholder{color:var(--foreground);font-size:1rem;font-weight:600}.site-version-name{color:var(--foreground);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.site-version-period{color:var(--foreground);opacity:.7;margin-bottom:.5rem;font-size:1.1rem}.project-header-meta{justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.site-version-status{color:#245fff;background-color:#245fff1a;border:1px solid #245fff33;border-radius:2rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.project-category-badge{color:#00d4ff;background-color:#00d4ff1a;border:1px solid #00d4ff33;border-radius:2rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.project-links{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.project-link-btn{border-radius:.75rem;justify-content:center;align-items:center;min-width:140px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.project-link-btn.github{color:#fff;background-color:#24292e;border:1px solid #ffffff1a}.project-link-btn.github:hover{background-color:#333;transform:translateY(-2px)}.project-link-btn.live{color:#fff;background:linear-gradient(135deg,#245fff,#00d4ff);box-shadow:0 4px 12px #245fff4d}.project-link-btn.live:hover{transform:translateY(-2px);box-shadow:0 6px 16px #245fff66}.site-version-section-title{color:var(--foreground);align-items:center;gap:.75rem;margin-top:3rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;display:flex}.project-tech-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.tech-card{background-color:var(--secondground);border:1px solid rgba(var(--foreground-rgb),.1);text-align:center;border-radius:.9rem;padding:.9rem .75rem;transition:all .2s}.tech-card:hover{background-color:rgba(var(--foreground-rgb),.05);border-color:#245fff;transform:translateY(-2px)}.tech-card-logo{border:1px solid rgba(var(--foreground-rgb),.12);background:rgba(var(--foreground-rgb),.04);border-radius:.75rem;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto .6rem;display:flex;overflow:hidden}.tech-card-logo img{object-fit:contain;width:100%;height:100%}.tech-card-fallback{color:#245fff;background:#245fff14;justify-content:center;align-items:center;width:100%;height:100%;font-weight:800;display:flex}.tech-card-name{color:var(--foreground);word-break:break-word;font-size:.9rem;font-weight:600;line-height:1.15}.site-version-description,.site-version-features ul,.site-version-reason{color:var(--foreground);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.site-version-features ul{padding-left:1.5rem;list-style:outside}.site-version-features li{margin-bottom:.5rem}.site-version-screenshots{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.site-version-screenshots.is-single{display:block}.site-version-screenshots.is-single .screenshot-thumbnail{max-width:600px;margin:0 auto}.site-version-screenshots img{border:1px solid var(--background);border-radius:.75rem;max-width:100%;height:auto;transition:transform .2s;box-shadow:0 2px 8px #0000001a}.site-version-screenshots img:hover{transform:scale(1.02)}@media (max-width:1024px){.site-version-layout{flex-direction:column}.site-version-sidebar{display:none}.mobile-nav{display:flex}.site-version-content{max-width:none;padding:1.5rem}}@media (max-width:768px){.projets-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.site-version-content{padding:1rem}.site-version-name{font-size:2rem}.timeline-container{margin-left:0!important;padding-left:0!important}}.history-logo-card{isolation:isolate;position:relative;overflow:hidden}.history-logo-card.has-cover{border:none}.history-logo-card.has-cover .card-content{z-index:2;text-shadow:0 2px 4px #00000080;position:relative}.history-logo-card.has-cover p{color:#fff}.card-cover{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.cover-image{object-fit:cover;transition:transform .5s}.history-logo-card:hover .cover-image{transform:scale(1.1)}.cover-overlay{z-index:1;background:linear-gradient(#0000004d,#000c);width:100%;height:100%;position:absolute;top:0;left:0}.project-cover-header{background:var(--background);border-radius:1rem;margin-bottom:3rem;position:relative;overflow:hidden}.project-cover-container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.project-cover-image{object-fit:cover}.project-cover-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.project-header-content{z-index:1;text-align:center;padding:4rem 2rem;position:relative}.project-header-content.has-cover .site-version-name,.project-header-content.has-cover .site-version-period,.project-header-content.has-cover .site-version-status,.project-header-content.has-cover .logo-placeholder{color:#fff;text-shadow:0 2px 10px #00000080}.timeline-container{border-left:2px solid rgba(var(--foreground-rgb),.2);flex-direction:column;gap:2rem;margin-left:1rem;padding-top:1rem;padding-bottom:1rem;padding-left:2rem;display:flex}.timeline-item{position:relative}.timeline-item:before{content:"";border:4px solid var(--secondground);background:#245fff;border-radius:50%;width:1rem;height:1rem;position:absolute;top:.4rem;left:-2.6rem}.timeline-date{color:#245fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.timeline-title{color:var(--foreground);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.timeline-description{color:var(--foreground);opacity:.8;line-height:1.6}.markdown-content{line-height:1.8}.markdown-content p{margin-bottom:1rem}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--foreground);margin-top:1.5rem;margin-bottom:1rem}.markdown-content a{color:#245fff;text-decoration:underline}.markdown-content blockquote{opacity:.8;border-left:4px solid #245fff;margin:1.5rem 0;padding-left:1rem;font-style:italic}