.project-page{background:#080808;padding:40px 0 120px;position:relative;overflow:hidden}.project-nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.project-breadcrumb{color:#888;letter-spacing:.5px;align-items:center;gap:8px;font-size:11px;display:flex}.project-breadcrumb a{color:#aaa;text-decoration:none;transition:color .2s}.project-breadcrumb a:hover{color:var(--orange)}.project-breadcrumb span{color:var(--orange);font-weight:700}.project-back-btn{color:var(--orange);background:#f36b0b14;border:1px solid #f36b0b40;border-radius:40px;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.project-back-btn:hover{background:var(--orange);color:#111;transform:translate(-3px);box-shadow:0 4px 16px #f36b0b59}.project-header{margin-bottom:45px}.project-badges{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.badge-category{background:var(--orange);color:#170e08;text-transform:uppercase;letter-spacing:1px;border-radius:50px;padding:5px 16px;font-size:11px;font-weight:800}.badge-meta{color:#ccc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:7px;padding:5px 14px;font-size:12px;display:inline-flex}.badge-meta svg{color:var(--orange);width:14px;height:14px}.project-title{letter-spacing:-2.5px;color:#fff;max-width:980px;margin:0 0 20px;font:800 clamp(36px,5.5vw,64px)/1.05 Manrope,sans-serif}.project-title em{color:var(--orange);font-style:normal}.project-summary{color:#d8d5d0;max-width:820px;margin:0;font-size:clamp(16px,1.8vw,20px);font-weight:400;line-height:1.7}.project-media-wrap{aspect-ratio:16/9;background:#111;border:1px solid #ffffff24;border-radius:24px;margin-bottom:75px;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000d9,0 0 50px #f36b0b1f}.project-media-overlay{pointer-events:none;z-index:1;background:linear-gradient(#00000080 0%,#0000 40% 60%,#080808e6 100%);position:absolute;inset:0}.media-live-tag{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:1.2px;text-transform:uppercase;color:#fff;background:#0e0e0ed9;border:1px solid #ffffff29;border-radius:40px;align-items:center;gap:8px;padding:6px 16px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:24px;left:24px}.media-live-tag i{background:#f36b0b;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 12px #f36b0b}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.media-bottom-info{z-index:2;color:#eee;text-shadow:0 2px 10px #000c;justify-content:space-between;align-items:flex-end;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.media-bottom-info span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.project-content-grid{grid-template-columns:1.35fr 1fr;align-items:start;gap:45px;margin-bottom:95px;display:grid}.narrative-card{flex-direction:column;gap:32px;display:flex}.narrative-header label{color:var(--orange);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.narrative-header label i{background:var(--orange);width:6px;height:6px;box-shadow:0 0 10px var(--orange);border-radius:50%}.narrative-header h2{letter-spacing:-1.5px;color:#fff;margin:12px 0 18px;font:800 clamp(26px,3.2vw,36px)/1.18 Manrope,sans-serif}.narrative-header h2 em{color:var(--orange);font-style:normal}.narrative-lead{border-left:3px solid var(--orange);color:#e2dfda;background:#f36b0b08;border-radius:0 8px 8px 0;margin:0 0 18px;padding-top:10px;padding-bottom:10px;padding-left:20px;font-size:16px;line-height:1.85}.narrative-quote{color:#ccc;background:linear-gradient(145deg,#181818b3,#0e0e0ee6);border:1px solid #ffffff14;border-radius:18px;padding:22px 24px;font-size:14px;line-height:1.7;position:relative}.narrative-quote strong{color:var(--orange)}.metrics-section-title{letter-spacing:1.2px;text-transform:uppercase;color:#888;align-items:center;gap:8px;margin-bottom:14px;font:800 13px Manrope,sans-serif;display:flex}.metrics-section-title span{background:var(--orange);width:24px;height:1px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.metric-card{background:linear-gradient(145deg,#1c1c1cd9,#0f0f0ff2);border:1px solid #ffffff17;border-radius:20px;padding:24px 22px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.metric-card:hover{border-color:#f36b0b8c;transform:translateY(-4px);box-shadow:0 16px 40px #000000a6,0 0 30px #f36b0b26}.metric-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f36b0b26 0%,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;top:-20px;right:-20px}.metric-value{letter-spacing:-1.2px;color:var(--orange);filter:drop-shadow(0 2px 10px #f36b0b4d);margin-bottom:8px;font:900 clamp(28px,3vw,36px)/1 Manrope,sans-serif}.metric-label{color:#bbb;font-size:13px;font-weight:500;line-height:1.5}.sidebar-card{background:#111;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:26px;padding:34px 28px;display:flex;position:sticky;top:95px;box-shadow:0 30px 70px #000c,inset 0 1px #ffffff14}.sidebar-section-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.sidebar-icon-wrap{width:38px;height:38px;color:var(--orange);background:#f36b0b1f;border:1px solid #f36b0b47;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.sidebar-icon-wrap svg{width:19px;height:19px}.sidebar-section-title h3{color:#fff;letter-spacing:.2px;margin:0;font:800 16px Manrope,sans-serif}.deliverables-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.deliverables-list li{color:#d0ceca;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.55;display:flex}.deliverables-check{width:18px;height:18px;color:var(--orange);background:#f36b0b26;border:1px solid #f36b0b66;border-radius:50%;flex-shrink:0;place-items:center;margin-top:2px;font-size:11px;font-weight:800;display:grid}.tech-pills-wrap{flex-wrap:wrap;gap:8px;display:flex}.tech-pill{color:#fa5;background:#ffffff0a;border:1px solid #f36b0b40;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.tech-pill:hover{border-color:var(--orange);color:#fff;background:#f36b0b26}.sidebar-divider{border-top:1px solid #ffffff14;margin:0}.sidebar-cta-btn{background:var(--orange);color:#170e08;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:14px;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #f36b0b59}.sidebar-cta-btn:hover{background:#ff8522;transform:translateY(-2px);box-shadow:0 12px 30px #f36b0b80}.sidebar-note{color:#888;text-align:center;letter-spacing:.2px;margin-top:-10px;font-size:11px}.related-section{border-top:1px solid #ffffff1a;padding-top:75px}.related-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:35px;display:flex}.related-head h2{letter-spacing:-1.5px;color:#fff;margin:10px 0 0;font:800 clamp(28px,3.5vw,42px) Manrope,sans-serif}.related-head h2 em{color:var(--orange);font-style:normal}@media (max-width:950px){.project-content-grid{grid-template-columns:1fr;gap:50px}.sidebar-card{position:static}}@media (max-width:600px){.metrics-grid{grid-template-columns:1fr}.project-media-wrap{border-radius:16px}.sidebar-card{border-radius:20px;padding:26px 20px}.badge-meta{font-size:11px}}