:root{--bg-color:hsl(var(--background));--text-color:hsl(var(--foreground));--border-color:hsl(var(--border));--border-active:hsl(var(--primary));--code-bg:hsl(var(--muted));--font-tech:var(--font-body);--font-body:var(--font-body);--font-display:var(--font-headline);--nav-height:60px}.nav-bread{height:var(--nav-height);border-bottom:1px solid var(--border-color);font-family:var(--font-tech);color:hsl(var(--muted-foreground));background:hsla(var(--background)/.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:0 40px;font-size:.8rem;display:flex;position:fixed;top:0;left:0}.nav-bread a:hover{color:var(--text-color)}.project-hero{min-height:calc(80vh - var(--nav-height));border-bottom:1px solid var(--border-color);grid-template-columns:repeat(12,1fr);display:grid}.hero-content{border-right:1px solid var(--border-color);flex-direction:column;grid-column:span 12/span 12;justify-content:center;padding:80px 40px;display:flex}@media (min-width:768px){.hero-content{grid-column:span 5/span 5}}.hero-meta{font-family:var(--font-tech);color:hsl(var(--muted-foreground));text-transform:uppercase;margin-bottom:20px;font-size:.8rem}.project-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-1px;max-width:1200px;margin-bottom:20px;font-size:4rem;font-weight:700;line-height:1}.project-subtitle{color:hsl(var(--muted-foreground));max-width:500px;font-size:1.1rem}.hero-image-wrapper{grid-column:span 12/span 12;min-height:300px;position:relative}@media (min-width:768px){.hero-image-wrapper{grid-column:span 7/span 7}}.hero-image{object-fit:contain;width:100%;height:100%}.project-body-grid{border-bottom:1px solid var(--border-color);grid-template-columns:repeat(12,1fr);display:grid}.main-content{border-right:1px solid var(--border-color);grid-column:span 12/span 12;padding:60px 40px}.sidebar-specs{grid-column:span 12/span 12;padding:60px 40px}@media (min-width:1024px){.main-content{grid-column:span 8/span 8}.sidebar-specs{grid-column:span 4/span 4}}.section-title{font-family:var(--font-display);text-transform:uppercase;border-bottom:1px solid var(--border-color);margin-bottom:30px;padding-bottom:15px;font-size:2rem}.project-long-description{color:hsl(var(--muted-foreground));margin-bottom:60px;font-size:1.1rem;line-height:1.7}.features-list{grid-template-columns:1fr;gap:20px;padding:0;list-style:none;display:grid}.features-list li{align-items:center;gap:15px;font-size:1.1rem;display:flex}@media (min-width:768px){.features-list{grid-template-columns:repeat(2,1fr)}}.specs-card{background:hsl(var(--background));border:1px solid var(--border-color);padding:30px;position:sticky;top:100px}.specs-title{font-family:var(--font-display);border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:15px;font-size:1.5rem}.specs-grid{font-family:var(--font-tech);grid-template-columns:1fr;gap:15px;display:grid}.spec-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:10px;font-size:.9rem;display:flex}.spec-key{color:hsl(var(--muted-foreground))}.spec-value{color:hsl(var(--foreground));font-weight:700}.gallery-section{border-bottom:1px solid var(--border-color);padding:80px 40px}.gallery-grid{grid-template-columns:1fr;gap:20px;margin-top:40px;display:grid}.gallery-item{border:1px solid var(--border-color);background:var(--bg-color);position:relative}.gallery-image{object-fit:contain;aspect-ratio:16/9;width:100%;height:auto;display:block}.gallery-caption{background:hsla(var(--background)/.7);color:hsl(var(--muted-foreground));padding:8px 12px;font-size:.8rem;position:absolute;bottom:10px;right:10px}.recommendation-section{border-bottom:1px solid var(--border-color);padding:80px 40px}.rec-title{font-family:var(--font-display);text-transform:uppercase;text-align:center;margin-bottom:40px;font-size:2.5rem}.rec-grid{background-color:var(--border-color);border:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.project-card{background:hsl(var(--background));border:none;flex-direction:column;transition:all .3s;display:flex;position:relative}.project-card:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.project-card:hover .art-meta{color:hsl(var(--primary-foreground),.7)}.art-img-wrapper{border-bottom:1px solid var(--border-color);height:250px;position:relative;overflow:hidden}.art-img{object-fit:cover;width:100%;height:100%;transition:all .5s}.art-body{flex-direction:column;flex-grow:1;padding:30px;display:flex}.art-meta{color:#666;border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:15px;padding-bottom:15px;font-size:.7rem;transition:all .3s;display:flex}.art-title{font-family:var(--font-display);text-transform:uppercase;margin-bottom:15px;font-size:1.5rem;font-weight:700;line-height:1.1}.art-footer{margin-top:auto;font-size:.8rem;font-weight:700}@media (max-width:768px){.nav-bread{padding:0 20px}.project-hero{grid-template-columns:1fr}.hero-content{border-right:none;border-bottom:1px solid var(--border-color);padding:40px 20px}.project-title{font-size:3rem}.project-body-grid{grid-template-columns:1fr}.main-content{border-right:none;padding:40px 20px}.sidebar-specs{padding:40px 20px}.gallery-section{padding:60px 20px}.rec-grid{grid-template-columns:1fr}}