.portfolio-detail-layout{position:relative;width:100%;min-height:100vh;overflow-x:clip;background-color:var(--color-bg-dark);display:flex;flex-direction:column}.portfolio-detail-layout:before{content:"";background-image:linear-gradient(rgba(255,255,255,.01) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 0);background-size:80px 80px}.portfolio-detail-layout .particles-container,.portfolio-detail-layout:before{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.portfolio-detail-layout .particles-container{overflow:hidden}.portfolio-detail-layout .particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45) 0,rgba(213,18,114,.2) 60%,transparent 100%);box-shadow:0 0 12px rgba(213,18,114,.15);opacity:0;animation:driftParticles linear infinite}.portfolio-detail-layout .glow-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(213,18,114,.1) 0,rgba(0,0,0,0) 70%);filter:blur(85px);pointer-events:none;z-index:0;animation:driftOrb 24s ease-in-out infinite alternate}.portfolio-detail-layout .glow-orb-cyan{background:radial-gradient(circle,rgba(0,208,180,.06) 0,rgba(0,0,0,0) 70%);animation:driftOrb 28s ease-in-out infinite alternate-reverse}.portfolio-detail-hero{padding:160px 0 30px;z-index:2;position:relative;text-align:center}.portfolio-detail-hero-content{max-width:900px;margin:0 auto}.portfolio-detail-badge{display:inline-flex;align-items:center;background:rgba(213,18,114,.1);border:1px solid rgba(213,18,114,.2);color:var(--color-primary);padding:8px 18px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;box-shadow:0 4px 12px rgba(213,18,114,.05)}.portfolio-detail-title{font-size:56px;font-weight:850;line-height:1.15;margin-bottom:16px;letter-spacing:-1.5px;color:#fff}.portfolio-detail-desc{font-size:18px;color:var(--color-text-muted);line-height:1.6;max-width:700px;margin:0 auto}.portfolio-detail-content-section{padding:20px 0 80px;z-index:2;position:relative}.portfolio-detail-main-wrap{display:flex;flex-direction:column;gap:40px}.portfolio-visual-showcase-wrap{width:100%;height:480px;border-radius:24px;overflow:hidden;position:relative;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border)}.portfolio-detail-cover-img{width:100%;height:100%;object-fit:cover}.portfolio-visual-showcase-wrap:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 40%,rgba(10,8,15,.85));pointer-events:none}.portfolio-metadata-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:30px 40px}.metadata-item{display:flex;flex-direction:column;gap:6px}.metadata-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-dim)}.metadata-value{font-size:16px;font-weight:600;color:#fff}.portfolio-overview-card{padding:45px 50px}.overview-card-title{font-size:28px;font-weight:800;color:#fff;margin-bottom:18px;letter-spacing:-.5px}.overview-card-text{font-size:16px;color:var(--color-text-main);line-height:1.75;font-weight:500;margin-bottom:20px}.overview-divider{width:100%;height:1px;background:rgba(255,255,255,.06);margin:30px 0}.outcome-wrap{display:flex;flex-direction:column;gap:8px}.outcome-title{font-size:17px;font-weight:700;color:#fff}.outcome-text{font-size:15px;color:var(--color-text-muted);line-height:1.6}.case-study-split-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px}.case-study-section-card{padding:40px;height:100%}.case-study-card-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:24px;letter-spacing:-.4px;display:flex;align-items:center;gap:12px}.title-underline-pink{border-bottom:2px solid var(--color-primary)}.title-underline-cyan{border-bottom:2px solid var(--color-secondary)}.challenge-items-list{display:flex;flex-direction:column;gap:20px;list-style:none}.challenge-item{display:flex;gap:16px;align-items:flex-start}.challenge-marker{width:22px;height:22px;background:rgba(213,18,114,.08);border:1px solid rgba(213,18,114,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:12px;font-weight:700;flex-shrink:0;margin-top:2px}.challenge-text-content{display:flex;flex-direction:column}.challenge-text{font-size:14.5px;color:var(--color-text-muted);line-height:1.55}.solution-items-list{display:flex;flex-direction:column;gap:20px;list-style:none}.solution-item{display:flex;gap:16px;align-items:flex-start}.solution-marker{width:22px;height:22px;background:rgba(0,208,180,.06);border:1px solid rgba(0,208,180,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-secondary);font-size:12px;font-weight:700;flex-shrink:0;margin-top:2px}.solution-text-content{display:flex;flex-direction:column;gap:4px}.solution-title-name{font-size:15.5px;font-weight:700;color:#fff}.solution-desc-text{font-size:14px;color:var(--color-text-muted);line-height:1.55}.portfolio-testimonial-card{padding:40px 50px;border-left:4px solid var(--color-primary);position:relative}.quote-icon-wrap{position:absolute;top:25px;right:40px;opacity:.05;color:#fff}.testimonial-quote-text{font-size:18px;font-style:italic;line-height:1.7;color:rgba(255,255,255,.95);font-weight:500;margin-bottom:24px}.testimonial-author-block{display:flex;align-items:center;gap:16px}.testimonial-avatar{width:46px;height:46px;border-radius:50%;background:var(--gradient-pink-purple);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 4px 10px rgba(213,18,114,.2);font-size:16px}.author-info{display:flex;flex-direction:column}.author-name{font-size:15.5px;font-weight:700;color:#fff}.author-role{font-size:13px;color:var(--color-text-muted)}.related-projects-section{padding:40px 0 80px;z-index:2;position:relative}.related-section-title{font-size:26px;font-weight:800;color:#fff;margin-bottom:24px;letter-spacing:-.4px}.related-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.related-project-mini-card{display:flex;flex-direction:column;overflow:hidden;height:100%}.mini-card-image-wrap{width:100%;height:180px;overflow:hidden;position:relative;border-top-left-radius:15px;border-top-right-radius:15px}.mini-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.related-project-mini-card:hover .mini-card-img{transform:scale(1.08)}.mini-card-body{padding:20px 24px;display:flex;flex-direction:column;flex-grow:1}.mini-card-category{font-size:11px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.mini-card-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:12px}.mini-card-link{margin-top:auto;display:flex;align-items:center;gap:6px;color:var(--color-primary);font-weight:600;font-size:13.5px;transition:all .3s ease}.mini-card-arrow{transition:transform .3s ease}.related-project-mini-card:hover .mini-card-link{color:#fff}.related-project-mini-card:hover .mini-card-arrow{transform:translateX(4px)}@media (max-width:1024px){.portfolio-detail-title{font-size:46px}.portfolio-metadata-grid{grid-template-columns:repeat(2,1fr);padding:24px 30px;gap:20px}.case-study-split-grid{grid-template-columns:1fr;gap:24px}.related-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.portfolio-detail-hero{padding:130px 0 30px}.portfolio-detail-title{font-size:34px;letter-spacing:-1px}.portfolio-detail-desc{font-size:16px}.portfolio-visual-showcase-wrap{height:280px}.portfolio-metadata-grid{grid-template-columns:1fr;padding:20px;gap:16px}.portfolio-overview-card{padding:30px 24px}.overview-card-title{font-size:22px}.case-study-section-card,.portfolio-testimonial-card{padding:30px 24px}.testimonial-quote-text{font-size:16px}.related-projects-grid{grid-template-columns:1fr;gap:20px}}