:root{--bg:#050505;--text-primary:#f5f7f7;--text-secondary:rgba(245,247,247,.68);--border-color:rgba(255,255,255,.08);--accent-primary:#0fe;--accent-secondary:#00bfff;--spacing-x:clamp(1rem,5vw,4rem)}.project-detail{background:var(--bg);color:var(--text-primary);position:relative;overflow-x:hidden}.project-hero{min-height:100vh;padding:8rem var(--spacing-x)5rem;align-items:flex-end;display:flex;position:relative;overflow:hidden}.project-hero__video{object-fit:cover;z-index:1;filter:brightness(.35)contrast(1.05)saturate(1.05);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.project-hero__overlay{z-index:2;background:linear-gradient(rgba(5,5,5,.35) 0%,rgba(5,5,5,.72) 55%,rgba(5,5,5,.98) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.project-hero__grid{z-index:3;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:90px 90px;position:absolute;top:0;bottom:0;left:0;right:0}.project-hero__content{z-index:5;max-width:900px;position:relative}.project-back{color:rgba(255,255,255,.72);margin-bottom:2rem;text-decoration:none;transition:all .3s;display:inline-flex}.project-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.78rem;display:inline-flex}.project-description{max-width:700px;color:var(--text-secondary);margin-bottom:2rem;font-size:max(1rem,min(1.3vw,1.15rem));line-height:1.9}.project-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.project-website-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#050505;align-items:center;gap:.8rem;padding:1rem 1.4rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.project-website-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(0,255,238,.18)}.project-metrics{padding:5rem var(--spacing-x)}.project-metrics__grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;margin:0 auto;display:grid}.metric-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:2rem;transition:all .4s;position:relative;overflow:hidden}.metric-card:hover{background:rgba(255,255,255,.05);border-color:rgba(0,255,238,.22);transform:translateY(-6px)}.metric-card span{text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.55);margin-bottom:.8rem;font-size:.8rem;display:block}.metric-card h3{color:#fff;margin:0;font-size:max(2rem,min(3vw,3rem));font-weight:700}.project-content{padding:6rem var(--spacing-x)}.project-content__grid{grid-template-columns:repeat(2,1fr);gap:4rem;max-width:1400px;margin:0 auto;display:grid}.content-block{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);padding:3rem}.content-block span{color:var(--accent-primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.8rem;display:inline-flex}.content-block h2{letter-spacing:-.05em;margin:0 0 1.5rem;font-size:max(2rem,min(3vw,3rem));line-height:1}.content-block p{color:var(--text-secondary);line-height:1.9}.project-image-section{padding:2rem var(--spacing-x)6rem}.project-image-card{border:1px solid rgba(255,255,255,.08);max-width:1500px;margin:0 auto;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}.project-image{object-fit:cover;width:100%;height:auto;display:block}.section-heading{text-align:center;max-width:900px;margin:0 auto 4rem}.section-heading span{color:var(--accent-primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem;display:inline-flex}.section-heading h2{letter-spacing:-.07em;margin:0;font-size:max(2.5rem,min(5vw,5rem));line-height:.95}.project-results{padding:6rem var(--spacing-x)}.results-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px;margin:0 auto;display:grid}.result-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);gap:1.2rem;padding:2rem;display:flex}.result-icon{width:42px;height:42px;color:var(--accent-primary);background:rgba(0,255,238,.12);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.result-card p{color:var(--text-secondary);margin:0;line-height:1.8}.project-highlights{padding:6rem var(--spacing-x)}.highlights-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px;margin:0 auto;display:grid}.highlight-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);gap:1.5rem;padding:2rem;transition:all .3s;display:flex}.highlight-card:hover{border-color:rgba(0,255,238,.22);transform:translateY(-5px)}.highlight-card span{color:rgba(0,255,238,.5);font-size:2rem;font-weight:700;line-height:1}.highlight-card p{color:var(--text-secondary);margin:0;line-height:1.8}.project-full-content{padding:4rem var(--spacing-x)7rem}.project-full-content__inner{text-align:center;max-width:1000px;margin:0 auto}.project-full-content p{color:var(--text-secondary);font-size:max(1.1rem,min(1.4vw,1.3rem));line-height:2}.project-cta{padding:0 var(--spacing-x)7rem}.project-cta__card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);max-width:1100px;margin:0 auto;padding:4rem}.project-cta__card h2{letter-spacing:-.07em;margin:0 0 1rem;font-size:max(2.5rem,min(5vw,5rem));line-height:.95}.project-cta__card p{max-width:700px;color:var(--text-secondary);margin:0 auto 2rem;line-height:1.9}.project-cta__btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#050505;padding:1rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .3s;display:inline-flex}.project-cta__btn:hover{transform:translateY(-3px)}.project-detail-error{color:#fff;background:#050505;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;display:flex}.project-detail-error a{color:var(--accent-primary)}.fade-in-up{opacity:0;transform:translateY(30px)}.project-detail.visible .fade-in-up{animation:.8s forwards fadeUp}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.15s}.stagger-3{animation-delay:.25s}.stagger-4{animation-delay:.35s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.project-content__grid,.results-grid,.highlights-grid,.project-metrics__grid{grid-template-columns:1fr}.project-title{font-size:4rem}}@media (max-width:768px){.project-hero{min-height:85vh;padding:7rem 1rem 3rem}.project-title{font-size:3rem}.project-description{font-size:1rem}.project-metrics,.project-content,.project-results,.project-highlights,.project-full-content{padding:4rem 1rem}.project-cta{padding:0 1rem 5rem}.content-block,.metric-card,.highlight-card,.result-card{padding:1.5rem}.project-cta__card{padding:2rem}}@media (max-width:480px){.project-title{font-size:2.5rem}.section-heading h2,.content-block h2,.project-cta__card h2{font-size:2rem}.project-pill{width:100%}.project-website-btn{justify-content:center;width:100%}}.project-hero{padding:9rem var(--spacing-x)6rem;position:relative;overflow:hidden}.project-hero__container{grid-template-columns:.9fr 1.1fr;align-items:center;gap:max(3rem,min(6vw,7rem));max-width:1500px;margin:0 auto;display:grid}.project-hero__left{max-width:620px}.project-back{color:rgba(255,255,255,.7);margin-bottom:2rem;transition:all .3s;display:inline-flex}.project-back:hover{color:var(--accent-primary);transform:translate(-4px)}.project-pill{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.75rem;display:inline-flex}.project-title{letter-spacing:-.08em;margin:0 0 1.5rem;font-size:max(3.5rem,min(7vw,7rem));font-weight:700;line-height:.9}.project-description{color:rgba(255,255,255,.68);margin-bottom:2rem;font-size:max(1rem,min(1.2vw,1.1rem));line-height:1.9}.project-actions{margin-bottom:2rem;display:flex}.project-website-btn{color:#050505;background:linear-gradient(135deg,#0fe,#00bfff);align-items:center;gap:.7rem;padding:1rem 1.4rem;font-weight:600;transition:transform .3s;display:inline-flex}.project-website-btn:hover{transform:translateY(-3px)}.project-services{flex-wrap:wrap;gap:1rem;display:flex}.project-service{color:rgba(255,255,255,.82);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:.9rem 1.2rem;font-size:.9rem}.project-showcase{position:relative}.project-showcase__window{background:#0a0a0a;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.35)}.project-showcase__topbar{background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06);justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.project-showcase__dots{gap:.45rem;display:flex}.project-showcase__dots span{background:rgba(255,255,255,.5);width:10px;height:10px}.project-showcase__url{color:rgba(255,255,255,.55);font-size:.78rem}.project-showcase__video{object-fit:cover;background:#000;width:100%;height:720px;display:block}.project-showcase__tag{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;background:rgba(10,10,10,.82);border:1px solid rgba(255,255,255,.08);padding:.8rem 1rem;font-size:.82rem;position:absolute;bottom:1.5rem;left:1.5rem}.project-floating-card{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(10,10,10,.92);border:1px solid rgba(255,255,255,.08);padding:1.2rem 1.4rem;position:absolute;bottom:-4%;right:-5%;box-shadow:0 20px 40px rgba(0,0,0,.3)}.project-floating-card span{letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:.4rem;font-size:.72rem;display:block}.project-floating-card strong{color:#fff;font-size:1rem}@media (max-width:1100px){.project-hero__container{grid-template-columns:1fr}.project-showcase__video{height:560px}.project-floating-card{display:none}}@media (max-width:768px){.project-hero{padding:7rem 1rem 4rem}.project-title{font-size:3rem}.project-showcase__video{height:420px}.project-services{gap:.7rem}.project-service{font-size:.82rem}}