*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #010d0d;--bg2: #021212;--bg3: #031818;--teal: #2dd4bf;--teal-light: #5eead4;--mint: #99f6e4;--teal-glow: rgba(45,212,191,.2);--teal-faint: rgba(20,184,166,.06);--text: #e8faf7;--text-dim: rgba(232,250,247,.7);--border: rgba(20,184,166,.15);--border-bright: rgba(45,212,191,.35);--font: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;overflow-x:hidden}.blueprint-grid{position:fixed;inset:0;background-image:radial-gradient(ellipse at 50% 50%,rgba(20,184,166,.05) 0%,transparent 70%);pointer-events:none;z-index:0}#neural-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.7}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#010d0ded;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 2.5rem;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-weight:800;font-size:1.3rem;color:#fff;text-decoration:none;letter-spacing:-.02em}.nav-logo span{color:var(--teal)}.nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center}.nav-links a{font-size:.85rem;font-weight:500;color:var(--text-dim);text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--teal);transform:scaleX(0);transition:transform .2s}.nav-links a:hover{color:var(--teal-light)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a.active{color:var(--teal-light)}.nav-links a.active:after{transform:scaleX(1)}.nav-lang{font-size:.75rem!important;font-weight:600!important;border:1px solid var(--border)!important;padding:.3rem .65rem;border-radius:4px;letter-spacing:.05em}.nav-lang:hover{color:var(--teal)!important;border-color:var(--border-bright)!important}.nav-cta{font-size:.85rem;font-weight:500;color:var(--teal);text-decoration:none;border:1px solid var(--border-bright);padding:.45rem 1.2rem;transition:all .2s;border-radius:20px}.nav-cta:hover{background:var(--teal-faint);box-shadow:0 0 16px var(--teal-glow)}section{position:relative;z-index:1}.container{max-width:1140px;margin:0 auto;padding:0 2.5rem}.page-header{padding:8rem 0 4rem}.section-tag{font-size:.7rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-tag:before{content:"";display:block;width:20px;height:1px;background:var(--teal)}.page-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem;color:#fff}.page-intro{font-size:1.05rem;font-weight:300;color:var(--text-dim);max-width:560px;line-height:1.8}.featured-section{padding:1rem 0 5rem}.featured-project{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:4rem}.featured-project:last-child{margin-bottom:0}.featured-info{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.card-badges{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge-type{font-size:.7rem;font-weight:600;padding:.2rem .65rem;border-radius:20px}.badge-personal{background:#4f46e526;color:#a5b4fc;border:1px solid rgba(79,70,229,.3)}.badge-client{background:#2dd4bf1a;color:var(--teal-light);border:1px solid var(--border)}.badge-category{font-size:.72rem;color:var(--text-dim)}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.card-tag{font-size:.68rem;font-weight:500;padding:.2rem .65rem;border-radius:20px;background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.featured-name{font-size:1.75rem;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.02em}.featured-desc{font-size:.95rem;color:var(--text-dim);line-height:1.75}.featured-outcome{padding:1rem 1.25rem;background:var(--teal-faint);border-left:2px solid var(--teal);border-radius:0 8px 8px 0;font-size:.9rem;color:var(--text);font-weight:500;line-height:1.5}.card-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:var(--teal);text-decoration:none;transition:color .2s}.card-link:hover{color:var(--teal-light)}.featured-gallery{display:flex;flex-direction:column;gap:.75rem}.gallery-main{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#000;aspect-ratio:16/10}.gallery-main img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s ease}.gallery-counter{position:absolute;bottom:.75rem;right:.75rem;background:#010d0dbf;backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:20px;padding:.2rem .65rem;font-size:.72rem;font-weight:500;color:var(--text-dim)}.gallery-thumbs{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.gallery-thumbs::-webkit-scrollbar{display:none}.gallery-thumb{flex-shrink:0;width:72px;height:46px;border-radius:6px;overflow:hidden;border:1.5px solid var(--border);cursor:pointer;transition:border-color .2s,opacity .2s;opacity:.6}.gallery-thumb:hover{opacity:.85;border-color:var(--border-bright)}.gallery-thumb.active{opacity:1;border-color:var(--teal)}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#010d0da6;backdrop-filter:blur(4px);border:1px solid var(--border);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:all .2s;opacity:0;padding:0}.gallery-main:hover .gallery-nav{opacity:1}.gallery-nav:hover{background:#2dd4bf33;border-color:var(--border-bright);color:var(--teal)}.gallery-nav-prev{left:.75rem}.gallery-nav-next{right:.75rem}.compact-section{padding:0 0 5rem}.compact-header{margin-bottom:2rem}.compact-header h2{font-size:1.1rem;font-weight:700;color:var(--text-dim)}.compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.compact-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:all .3s}.compact-card:hover{border-color:var(--border-bright);box-shadow:0 0 24px #14b8a60f;transform:translateY(-2px)}.compact-card.placeholder{opacity:.5}.compact-name{font-size:1rem;font-weight:700;color:#fff;margin:.5rem 0}.compact-desc{font-size:.82rem;color:var(--text-dim);line-height:1.6;flex:1}.compact-outcome{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text);font-weight:500;line-height:1.5}.cta-strip{padding:5rem 0;background:var(--bg2);border-top:1px solid var(--border);text-align:center}.cta-strip p{color:var(--text-dim);margin-bottom:1.5rem;font-size:1.05rem;font-weight:300}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#011a1a;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-light) 100%);padding:.875rem 2rem;border:none;cursor:pointer;text-decoration:none;border-radius:50px;transition:all .3s}.btn-primary:hover{box-shadow:0 8px 30px #2dd4bf66;transform:translateY(-1px)}footer{border-top:1px solid var(--border);padding:2.5rem 0;background:var(--bg2);position:relative;z-index:1}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-logo{font-size:1.1rem;font-weight:800;color:#fff}.footer-logo span{color:var(--teal)}.footer-tagline{font-size:.8rem;color:var(--text-dim)}.footer-right{display:flex;align-items:center;gap:1.5rem}.footer-link{font-size:.75rem;color:var(--text-dim);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--teal)}.footer-copy{font-size:.75rem;color:var(--text-dim)}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.fade-up.visible{opacity:1;transform:none}@media(max-width:900px){.featured-project{grid-template-columns:1fr;gap:2rem}.compact-grid{grid-template-columns:1fr}.nav-links,.nav-cta{display:none}.container{padding:0 1.25rem}}@media(min-width:901px)and (max-width:1100px){.compact-grid{grid-template-columns:repeat(2,1fr)}}