.project-detail-container{color:#fff;box-sizing:border-box;background-color:#0c0101;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow-x:hidden}.project-detail-hero-wrapper{box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;position:relative}.project-detail-hero-overlay{z-index:0;pointer-events:none;background:linear-gradient(#0c010166 0%,#0c01011a 40%,#0c010133 75%,#0c0101 100%),radial-gradient(circle,#0c010126 0%,#0c0101d9 100%);position:absolute;inset:0}.project-detail-container .navbar{z-index:2;position:relative}.project-hero-section{z-index:1;box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:156px 80px 40px;position:relative}.back-link-btn{color:#fff9;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:44px;padding:0;font-size:16px;font-weight:500;transition:color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.back-link-btn:hover{color:#fff;transform:translate(-4px)}.back-link-btn .arrow{font-size:18px}.project-hero-grid{grid-template-columns:1.25fr 1fr;align-items:center;gap:80px;display:grid}.project-hero-left{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.project-hero-date{color:#fffc;letter-spacing:.5px;font-size:16px;font-weight:500}.project-hero-title{letter-spacing:-2.5px;color:#fff;margin:0;font-size:clamp(48px,6.2vw,84px);font-weight:600;line-height:1.05}.project-hero-description{color:#ffffffb3;max-width:580px;margin:0;font-size:clamp(16px,1.8vw,19px);line-height:1.6}.project-tags-container{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.project-tag-pill{color:#ffffffe6;letter-spacing:.2px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;padding:8px 18px;font-size:13px;font-weight:500}.project-hero-right{justify-content:flex-end;width:100%;display:flex}.project-meta-glass-card{-webkit-backdrop-filter:blur(24px);box-sizing:border-box;background:#0f010159;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:28px;width:100%;max-width:480px;padding:44px;display:flex;box-shadow:0 30px 60px #00000080}.project-meta-group{flex-direction:column;gap:8px;display:flex}.project-meta-label{text-transform:uppercase;letter-spacing:1px;color:#ffffff80;font-size:13px;font-weight:500}.project-meta-value{color:#fff;font-size:18px;font-weight:500}.btn-view-live{color:#000;background-color:#fff;border:none;border-radius:99px;justify-content:center;align-items:center;width:max-content;margin-top:12px;padding:16px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 20px #ffffff1a}.btn-view-live:hover{opacity:.9;background-color:#fff;transform:translateY(-2px);box-shadow:0 12px 25px #fff3}.internal-use-badge{color:#ffffff80;letter-spacing:-.1px;background:#ffffff0a;border:1px dashed #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:max-content;margin-top:12px;padding:14px 28px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:inset 0 1px 1px #ffffff05}.btn-view-live.disabled,.btn-view-live:disabled{color:#ffffff4d!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;background-color:#ffffff0d!important;border:1px solid #ffffff1a!important;transform:none!important}.internal-project-note{color:#fff6;max-width:320px;margin-top:10px;font-size:13px;line-height:1.4}.project-showcase-section{box-sizing:border-box;z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:20px 80px 100px;position:relative}.project-showcase-wrapper{background:#120303;border:1px solid #ffffff14;border-radius:24px;width:100%;padding-top:36px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 40px 80px #0009}.project-showcase-wrapper:before{content:"";-webkit-backdrop-filter:blur(12px);z-index:10;pointer-events:none;background:#ffffff08;border-bottom:1px solid #ffffff14;height:36px;position:absolute;top:0;left:0;right:0}.project-showcase-wrapper:after{content:"";z-index:11;pointer-events:none;background:#ff5f56;border-radius:50%;width:10px;height:10px;position:absolute;top:13px;left:20px;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}.project-showcase-wrapper:hover{border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 45px 90px #9e24112e}.project-showcase-img{width:100%;height:auto;display:block}.project-detail-section{box-sizing:border-box;z-index:1;flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:0 80px 100px;display:flex;position:relative}.section-title{letter-spacing:-1.5px;color:#fff;border-bottom:1px solid #ffffff14;width:100%;margin:0;padding-bottom:24px;font-size:clamp(28px,3.5vw,48px);font-weight:500}.section-content{flex-direction:column;gap:28px;max-width:900px;padding-top:40px;display:flex}.section-paragraph{color:#ffffffd9;margin:0;font-size:clamp(16px,1.8vw,19px);line-height:1.65}.project-brief-images-grid{grid-template-columns:1fr 1fr;gap:32px;width:100%;margin-top:60px;display:grid}.brief-img-card{background:#120303;border:1px solid #ffffff14;border-radius:20px;width:100%;padding-top:28px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 25px 50px #0006}.brief-img-card:before{content:"";-webkit-backdrop-filter:blur(12px);z-index:10;pointer-events:none;background:#ffffff08;border-bottom:1px solid #ffffff14;height:28px;position:absolute;top:0;left:0;right:0}.brief-img-card:after{content:"";z-index:11;pointer-events:none;background:#ff5f56;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:14px;box-shadow:16px 0 #ffbd2e,32px 0 #27c93f}.brief-img-card:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 35px 70px #9e241126}.brief-showcase-img{width:100%;height:auto;display:block}.project-challenge-image-wrapper{background:#120303;border:1px solid #ffffff14;border-radius:20px;width:100%;margin-top:60px;padding-top:32px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 35px 70px #00000080}.project-challenge-image-wrapper:before{content:"";-webkit-backdrop-filter:blur(12px);z-index:10;pointer-events:none;background:#ffffff08;border-bottom:1px solid #ffffff14;height:32px;position:absolute;top:0;left:0;right:0}.project-challenge-image-wrapper:after{content:"";z-index:11;pointer-events:none;background:#ff5f56;border-radius:50%;width:10px;height:10px;position:absolute;top:11px;left:16px;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f}.project-challenge-image-wrapper:hover{border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 40px 80px #9e24112e}.challenge-showcase-img{width:100%;height:auto;display:block}.approach-results-conclusion-section{flex-direction:column;gap:100px;display:flex}.sub-section{flex-direction:column;width:100%;display:flex}.section-bullet-list{flex-direction:column;gap:16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.bullet-item{color:#fffc;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5;display:flex}.bullet-icon{color:#ffffff4d;font-size:18px;line-height:1.3}.bullet-text{flex:1}.metric-list .metric-item{color:#fff;font-size:clamp(16px,1.8vw,19px);font-weight:500}.metric-list .bullet-icon{color:#fff6}.detail-cta-section{text-align:center;z-index:1;box-sizing:border-box;background:radial-gradient(circle,#fe77010a 0%,#0000 60%);width:100%;padding:120px 80px;position:relative}.cta-container{max-width:800px;margin:0 auto}.cta-title{letter-spacing:-2px;color:#fff;margin:0 0 16px;font-size:clamp(36px,4.5vw,64px);font-weight:600}.cta-subtitle{color:#fff9;margin:0 0 44px;font-size:clamp(16px,1.8vw,20px);line-height:1.6}.cta-btn{color:#0d0101;background-color:#fff;border-radius:99px;padding:18px 40px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-block;box-shadow:0 8px 24px #ffffff1a}.cta-btn:hover{opacity:.9;background-color:#fff;transform:translateY(-2px);box-shadow:0 15px 30px #fff3}@media (width<=1100px){.project-hero-grid{grid-template-columns:1fr;gap:48px}.project-hero-right{justify-content:flex-start}.project-meta-glass-card{max-width:100%}.project-hero-left{gap:16px}}@media (width<=1024px){.project-hero-section,.project-showcase-section,.project-detail-section,.detail-cta-section{padding-left:48px;padding-right:48px}}@media (width<=768px){.project-hero-section{padding-top:136px;padding-bottom:20px}.project-hero-section,.project-showcase-section,.project-detail-section,.detail-cta-section{padding-left:24px;padding-right:24px}.project-hero-title{letter-spacing:-1.5px;font-size:clamp(38px,9vw,54px)}.project-meta-glass-card{padding:32px}.project-brief-images-grid{grid-template-columns:1fr;gap:20px}.project-showcase-section,.project-detail-section{padding-bottom:60px}}.project-detail-not-found{color:#fff;text-align:center;background-color:#0c0101;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Inter,sans-serif;display:flex}.not-found-content h1{letter-spacing:-2px;margin-bottom:16px;font-size:clamp(32px,5vw,64px);font-weight:700}.not-found-content p{color:#fff9;max-width:500px;margin:0 auto 32px;font-size:18px}.btn-back-home{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:99px;padding:16px 36px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-block;box-shadow:0 8px 20px #ffffff1a}.btn-back-home:hover{opacity:.9;background-color:#fff;transform:translateY(-2px);box-shadow:0 12px 25px #fff3}