.project-detail-hero-image{padding:0 0 3rem}.hero-image-wrapper{border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.hero-image{object-fit:cover;width:100%;height:400px}.hero-image-overlay{opacity:.25;position:absolute;inset:0}@media (min-width:768px){.hero-image{height:500px}}.hero-category{background:hsl(var(--primary));color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:10;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:1.5rem;left:1.5rem}.hero-featured{color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:10;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:9999px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:1.5rem;right:1.5rem}.project-detail-info{border-bottom:1px solid hsl(var(--border));padding:2rem 0}.info-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (min-width:768px){.info-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.info-item{align-items:center;gap:1rem;display:flex}.info-icon{background:hsl(var(--primary)/.1);width:40px;height:40px;color:hsl(var(--primary));border-radius:12px;flex-shrink:0;padding:10px}.info-label{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500;display:block}.info-value{color:hsl(var(--foreground));font-size:.9375rem;font-weight:600;display:block}.section-badge{background:hsl(var(--primary)/.1);color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:1rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.section-title{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.2}@media (min-width:768px){.section-title{font-size:2.5rem}}.project-detail-overview{padding:4rem 0}.overview-line{background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary)/.5));border-radius:2px;width:60px;height:4px;margin:1.5rem 0}.overview-text{color:hsl(var(--muted-foreground));max-width:800px;font-size:1.125rem;line-height:1.8}.project-detail-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.project-detail-grid{opacity:.02;background-image:linear-gradient(hsl(var(--foreground))1px,transparent 1px),linear-gradient(90deg,hsl(var(--foreground))1px,transparent 1px);background-size:60px 60px;position:absolute;inset:0}.project-detail-features-achievements{background:hsl(var(--bg-foreground)/.03);padding:4rem 0;position:relative}.features-achievements-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.features-achievements-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}.features-card,.achievements-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:1.25rem;padding:2rem;transition:all .3s}.features-card:hover,.achievements-card:hover{border-color:hsl(var(--primary)/.3);box-shadow:0 10px 40px hsl(var(--primary)/.1);transform:translateY(-2px)}.card-header{border-bottom:1px solid hsl(var(--border));align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-header h3{color:hsl(var(--foreground));font-size:1.5rem;font-weight:700}.card-icon{border-radius:12px;flex-shrink:0;width:48px;height:48px;padding:12px}.features-header .card-icon{background:hsl(var(--primary)/.1);color:hsl(var(--primary))}.achievements-header .card-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.card-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.card-list li{color:hsl(var(--muted-foreground));align-items:flex-start;gap:.75rem;font-size:.9375rem;line-height:1.6;display:flex}.list-bullet{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.5rem}.features-bullet{background:hsl(var(--primary))}.achievements-bullet{background:#10b981}.project-detail-tech{padding:4rem 0}.tech-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin:0 auto;display:flex}.tech-item{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));cursor:default;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .3s;display:flex}.tech-item:hover{border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.1);color:hsl(var(--primary))}.tech-icon{width:18px;height:18px}.project-detail-links{background:hsl(var(--bg-foreground)/.03);padding:4rem 0;position:relative}.links-card{border:1px solid hsl(var(--border));background:hsl(var(--card));text-align:center;border-radius:1.5rem;max-width:700px;margin:0 auto;padding:3rem}.links-title{color:hsl(var(--foreground));margin-bottom:1rem;font-size:1.75rem;font-weight:700}.links-description{color:hsl(var(--muted-foreground));margin-bottom:2rem;font-size:1rem;line-height:1.6}.links-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.link-button{cursor:pointer;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.primary-button{background:hsl(var(--primary));color:#fff;border:1px solid hsl(var(--primary))}.primary-button:hover{background:hsl(var(--primary)/.9);box-shadow:0 10px 30px hsl(var(--primary)/.3);transform:translateY(-2px)}.secondary-button{color:hsl(var(--foreground));border:1px solid hsl(var(--border));background:0 0}.secondary-button:hover{background:hsl(var(--muted)/.5);border-color:hsl(var(--primary));color:hsl(var(--primary));transform:translateY(-2px)}.project-detail-stats{padding:4rem 0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.stat-card{text-align:center;border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:1.25rem;padding:2rem 1.5rem;transition:all .3s}.stat-card:hover{border-color:hsl(var(--primary)/.3);box-shadow:0 10px 40px hsl(var(--primary)/.1);transform:translateY(-5px)}.stat-icon{background:hsl(var(--primary)/.1);width:40px;height:40px;color:hsl(var(--primary));border-radius:12px;margin:0 auto 1rem;padding:10px}.stat-value{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary)/.7));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800;display:block}.stat-label{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;display:block}@media (max-width:640px){.project-detail-overview,.project-detail-features-achievements,.project-detail-tech,.project-detail-links,.project-detail-stats{padding:3rem 0}.features-card,.achievements-card{padding:1.5rem}.links-card{padding:2rem 1.5rem}.section-title{font-size:1.75rem}.links-title{font-size:1.5rem}.card-header h3{font-size:1.25rem}.stat-value{font-size:1.75rem}.links-buttons{flex-direction:column}.link-button{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){.hero-image-wrapper{box-shadow:0 25px 50px -12px #00000080}.features-card:hover,.achievements-card:hover,.stat-card:hover{box-shadow:0 10px 40px hsl(var(--primary)/.2)}.tech-item{background:hsl(var(--card)/.8)}.links-card{background:hsl(var(--card)/.95)}}@media (prefers-color-scheme:light){.project-detail-features-achievements,.project-detail-links{background:hsl(var(--muted)/.2)}.features-card,.achievements-card,.stat-card,.tech-item,.links-card{background:#fff}}