html[data-theme=dark] body[data-route=projects]{--bg:#04060f;--bg2:#070a18;--bg3:#0c101e;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--text:#F0F4FF;--text2:rgba(240,244,255,0.52);--text3:rgba(240,244,255,0.22);--orange:#FF6B35;--nav-bg:rgba(4,6,15,0.82);--btn-ghost:rgba(255,255,255,0.05)}html[data-theme=light] body[data-route=projects]{--bg:#F0F2FA;--bg2:#FFF;--bg3:#E6E9F2;--border:rgba(0,0,0,0.07);--border2:rgba(0,0,0,0.14);--text:#0D0F1F;--text2:rgba(13,15,31,0.52);--text3:rgba(13,15,31,0.28);--orange:#E85D20;--nav-bg:rgba(240,242,250,0.82);--btn-ghost:rgba(0,0,0,0.04)}body[data-route=projects]{background:var(--bg);color:var(--text)}.pj-hero{position:relative;padding:130px 80px 0;background:var(--bg2);overflow:hidden;min-height:400px}.pj-hero:before{inset:0;background-image:radial-gradient(circle,rgba(255,107,53,.12) 1px,transparent 0);background-size:32px 32px;background-position:16px 16px;opacity:.55}.pj-hero:after,.pj-hero:before{content:"";position:absolute;pointer-events:none}.pj-hero:after{top:-40%;right:-10%;width:55%;height:140%;background:conic-gradient(from 200deg at 60% 40%,rgba(255,107,53,.07) 0deg,transparent 60deg,rgba(71,169,255,.05) 120deg,transparent 180deg);transform:skewX(-15deg)}.pj-hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;padding-bottom:80px;grid-gap:60px;gap:60px}.pj-eyebrow{font-family:SF Mono,monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--orange);opacity:.8;margin-bottom:20px;display:flex;align-items:center;gap:12px}.pj-eyebrow:before{content:"";width:28px;height:1px;background:var(--orange)}.pj-hero h1{font-size:clamp(52px,6.5vw,88px);font-weight:700;line-height:.98;letter-spacing:-.04em;margin-bottom:24px}.pj-hero h1 em{font-style:normal;color:var(--orange)}.pj-hero p{font-size:15px;color:var(--text2);font-weight:300;line-height:1.75;max-width:480px;margin-bottom:36px}.pj-stats{display:flex;align-items:stretch;border:1px solid var(--border2)}.pj-stat{padding:14px 28px;display:flex;flex-direction:column;gap:3px;border-right:1px solid var(--border2)}.pj-stat:last-child{border-right:none}.pj-stat-n{font-size:22px;font-weight:700;letter-spacing:-.03em}.pj-stat-l{font-family:SF Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}.pj-hero-counter{font-size:clamp(80px,11vw,160px);font-weight:900;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,107,53,.18);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.pj-hero-counter:after{content:"DEMOS";position:absolute;bottom:-10px;right:0;font-family:SF Mono,monospace;font-size:10px;letter-spacing:.22em;color:var(--text3);font-weight:400;-webkit-text-stroke:0}.pj-wave{position:relative;z-index:3;margin-top:-1px;line-height:0}.pj-divider svg,.pj-wave svg{display:block;width:100%}.pj-case{position:relative;overflow:hidden;padding:96px 0 0}.pj-case-inner{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:42fr 58fr;align-items:center;grid-gap:72px;gap:72px;padding:0 80px 96px}.pj-case.rev .pj-case-inner{grid-template-columns:58fr 42fr}.pj-case.rev .pj-case-text{order:2}.pj-case.rev .pj-case-shot{order:1}.pj-case-num{font-size:10px;letter-spacing:.22em;opacity:.35;margin-bottom:6px}.pj-case-cat,.pj-case-num{font-family:SF Mono,monospace;text-transform:uppercase}.pj-case-cat{font-size:9.5px;letter-spacing:.2em;margin-bottom:18px;display:flex;align-items:center;gap:8px}.pj-case-cat-dot{width:6px;height:6px;border-radius:50%}.pj-case h2{font-size:clamp(32px,3.8vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:18px}.pj-case-desc{font-size:14px;color:var(--text2);line-height:1.85;font-weight:300;margin-bottom:28px;max-width:400px}.pj-case-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:32px}.pj-case-tag{font-size:8.5px;letter-spacing:.12em;padding:5px 11px;border:1px solid;-webkit-clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.pj-case-cta,.pj-case-tag{font-family:SF Mono,monospace;text-transform:uppercase}.pj-case-cta{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.1em;text-decoration:none;color:#fff;padding:13px 30px;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:filter .2s,gap .15s}.pj-case-cta:hover{filter:brightness(1.12)}.pj-case-cta span{transition:transform .15s}.pj-case-cta:hover span{transform:translateX(4px)}.pj-case-frame,.pj-case-shot{position:relative}.pj-case-frame{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .55s cubic-bezier(.22,1,.36,1);transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);box-shadow:0 32px 80px rgba(0,0,0,.55),-24px 0 60px rgba(0,0,0,.2)}.pj-case.rev .pj-case-frame{transform:perspective(1600px) rotateY(5deg) rotateX(2deg);box-shadow:0 32px 80px rgba(0,0,0,.55),24px 0 60px rgba(0,0,0,.2)}.pj-case-frame:hover{transform:perspective(1600px) rotateY(0deg) rotateX(0deg)!important}.pj-frame-chrome{background:#0f1420;border-bottom:1px solid rgba(255,255,255,.07);padding:9px 14px;display:flex;align-items:center;gap:7px}.pj-chrome-dots{display:flex;gap:5px}.pj-chrome-dots span{width:9px;height:9px;border-radius:50%;display:block}.pj-frame-url{flex:1 1;height:20px;background:rgba(255,255,255,.05);border-radius:3px;display:flex;align-items:center;padding:0 10px;font-family:SF Mono,monospace;font-size:9px;color:rgba(255,255,255,.28);letter-spacing:.02em}.pj-frame-img{display:block;width:100%;height:auto}.pj-case-shot:before{content:"";position:absolute;inset:8% 5%;z-index:-1;border-radius:50%;filter:blur(40px);opacity:.55}.pj-divider{line-height:0;position:relative;z-index:2}@media (max-width:1000px){.pj-case-inner,.pj-hero-inner{grid-template-columns:1fr!important}.pj-case.rev .pj-case-shot,.pj-case.rev .pj-case-text{order:0}.pj-case-inner,.pj-hero{padding-left:24px;padding-right:24px}.pj-hero-counter{display:none}}