.projects-page{min-height:100vh;background:linear-gradient(135deg,#230508 0%,#1a0406 50%,var(--text-dark) 100%);color:var(--text)}.projects-hero{padding:120px 2rem 80px;text-align:center;background:linear-gradient(135deg,#bf1e2e1a,#230508cc);position:relative;overflow:hidden}.projects-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(191,30,46,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.hero-title{font-family:Unbounded Variable,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#fff,#bf1e2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6;opacity:.9;max-width:600px;margin:0 auto}.projects-content{max-width:1200px;margin:0 auto;padding:4rem 2rem}.project-section{margin-bottom:5rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-family:Unbounded Variable,sans-serif;font-size:clamp(2rem,4vw,2.5rem);font-weight:600;margin:0 0 1rem;color:#fff}.section-description{font-size:1.1rem;line-height:1.6;opacity:.8;max-width:600px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{position:relative;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;transition:all .3s ease;box-shadow:0 8px 32px #0000004d;transform:translateY(0)}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #bf1e2e66}.project-card.clickable:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 24px 70px #bf1e2e80}.project-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:2rem 1.5rem 1.5rem;color:#fff;transition:all .3s ease}.project-card:hover .project-card-overlay{background:linear-gradient(transparent,#000000f2)}.project-card-title{font-family:Unbounded Variable,sans-serif;font-size:1.4rem;font-weight:600;margin:0 0 .5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.project-card-link{font-size:.9rem;opacity:.9;font-weight:500;transition:all .3s ease;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.project-card:hover .project-card-link{opacity:1;color:#ff6b6b;text-shadow:0 1px 2px rgba(0,0,0,.9)}.main-container{background-color:#bf1e2e;position:relative;padding:120px 20px 20px}.content-container{display:flex;margin:auto;width:85%;align-items:center;max-width:1600px;flex-wrap:wrap}.description{flex:0 0 40%;z-index:1}.title{font-family:Unbounded Variable,sans-serif}.short-description{font-family:Unbounded Variable,sans-serif;font-size:2em;opacity:90%}.stats{display:flex;flex-wrap:1;gap:20px;margin:20px 0}.stats div{width:50%}.stats img{height:30px;width:30px}.stats h2{font-family:Unbounded Variable,sans-serif}.stats span{font-family:Unbounded Variable,sans-serif;font-size:1.2em}.image-container{padding:1em;flex:1;display:flex;justify-content:center;z-index:0}.main-image{height:auto;object-fit:cover;border-radius:20px}.history-section{width:85%;margin:auto;background-color:#d9d9d9;color:#000;border-radius:20px;padding:20px;max-width:1600px}.history-title{font-family:Mashine,sans-serif;font-weight:700;color:#bf1e2e;padding-top:20px}.history-text{padding-top:20px;font-size:1.2em}@media (max-width: 768px){.projects-hero{padding:100px 1rem 60px}.projects-content{padding:3rem 1rem}.project-section{margin-bottom:4rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.section-header{margin-bottom:2rem}.main-container{padding:120px 0 0}.content-container{flex-direction:column;align-items:flex-start;width:100%;padding:20px}.description{width:100%;margin-bottom:20px}.short-description{font-size:1.8em}.history-section{width:100%}.history-text{font-size:1.2em}.stats div{width:100%}.history-section{width:100%;border-radius:0}}@media (max-width: 480px){.projects-hero{padding:80px 1rem 40px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.8rem}.section-description{font-size:1rem}.project-card-overlay{padding:1.5rem 1rem 1rem}.project-card-title{font-size:1.2rem}.main-container{padding:120px 0 0}.short-description{font-size:1.2em}.history-text{font-size:1em}.stats div,.history-section{width:100%}.history-image{height:auto;max-height:18rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:fadeInUp .6s ease forwards}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}