@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Mono:wght@400;500&family=Playfair+Display:ital@1&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}:root{--bg:#080808;--bg2:#0d0d0d;--surface:#111;--border:#1c1c1c;--border2:#252525;--text:#e2e2e2;--muted:#555;--muted2:#777;--accent:#5bc8c0;--accent2:#3a9e97;--glow:#5bc8c01f;--white:#f0f0f0;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:80px;--s8:120px;--gutter:clamp(20px,5vw,64px);--max-w:1200px}body{background:var(--bg);color:var(--text);font-family:DM Mono,monospace;font-size:clamp(13px,1.5vw,14px);line-height:1.65;overflow-x:hidden}.cursor{background:var(--accent);pointer-events:none;z-index:9999;width:10px;height:10px;box-shadow:0 0 14px var(--accent),0 0 4px var(--accent);will-change:left,top;border-radius:50%;display:none;position:fixed;top:-40px;left:-40px}.cursor-ring{pointer-events:none;z-index:9998;will-change:left,top;border:1px solid #5bc8c073;border-radius:50%;width:34px;height:34px;display:none;position:fixed;top:-60px;left:-60px}.has-cursor .cursor,.has-cursor .cursor-ring{display:block}.has-cursor,.has-cursor *{cursor:none!important}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2)}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 6px #3ddc84}50%{opacity:.5;box-shadow:0 0 14px #3ddc84}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes scan-down{0%{opacity:0;top:-3px}5%{opacity:1}95%{opacity:1}to{opacity:0;top:100%}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glitch-1{0%,89%,to{clip-path:inset(0 0 99%);transform:translate(0)}90%{clip-path:inset(15% 0 60%);transform:translate(-3px,1px)}92%{clip-path:inset(50% 0 30%);transform:translate(3px,-1px)}94%{clip-path:inset(70% 0 10%);transform:translate(-2px)}96%{clip-path:inset(30% 0 55%);transform:translate(2px,1px)}}@keyframes glitch-2{0%,87%,to{clip-path:inset(0 0 99%);transform:translate(0)}88%{clip-path:inset(55% 0 20%);transform:translate(3px,-1px)}90%{clip-path:inset(10% 0 70%);transform:translate(-3px,1px)}93%{clip-path:inset(40% 0);transform:translate(2px,-1px)}95%{clip-path:inset(75% 0 5%);transform:translate(-2px)}}@keyframes draw-line{0%{width:0}to{width:100%}}@keyframes statPop{0%{opacity:0;transform:translateY(28px)scale(.7)}60%{opacity:1;transform:translateY(-4px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes border-pulse{0%,to{box-shadow:0 0 #5bc8c000}50%{box-shadow:0 0 0 6px #5bc8c014}}.lang-toggle{z-index:300;border:1px solid var(--border2);display:flex;position:fixed;top:20px;right:20px;overflow:hidden}@media (max-width:767px){.lang-toggle{top:18px;right:64px}}.lang-btn{color:var(--muted2);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:7px 13px;font-family:DM Mono,monospace;font-size:10px;transition:all .2s}.lang-btn.active{background:var(--accent);color:var(--bg);font-weight:500}nav{z-index:200;padding:20px var(--gutter);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background .4s,padding .3s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(20px);border-color:var(--border);padding:14px var(--gutter);background:#080808f5}.logo{color:var(--white);letter-spacing:.05em;align-items:center;gap:8px;font-family:Syne,sans-serif;font-size:16px;font-weight:800;text-decoration:none;display:flex}.logo-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.nav-links{gap:var(--s5);margin-right:110px;list-style:none;display:none}.nav-links a{color:var(--muted2);letter-spacing:.1em;text-transform:uppercase;font-size:11px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}.hamburger{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:flex}.hamburger span{background:var(--text);width:22px;height:1px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(4px,4px)}.hamburger.open span:nth-child(2){opacity:0;transform:translate(-8px)}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}.nav-overlay{-webkit-backdrop-filter:blur(24px);z-index:190;justify-content:center;align-items:center;gap:var(--s5);opacity:0;pointer-events:none;background:#080808fa;flex-direction:column;transition:opacity .3s;display:flex;position:fixed;inset:0}.nav-overlay.open{opacity:1;pointer-events:all}.nav-overlay a{color:var(--text);letter-spacing:-.02em;-webkit-tap-highlight-color:transparent;font-family:Syne,sans-serif;font-size:clamp(28px,8vw,48px);font-weight:800;text-decoration:none;transition:color .2s}.nav-overlay a:hover,.nav-overlay a:active{color:var(--accent)}.hero{border-bottom:1px solid var(--border);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-photo-bg{filter:grayscale(20%)contrast(1.05);background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-photo-bg:after{content:"";background:linear-gradient(#080808e0 0%,#08080899 40%,#080808f0 80%,#080808 100%);position:absolute;inset:0}.hero-content{z-index:2;padding:calc(var(--s8) + 20px)var(--gutter)var(--s7);max-width:calc(var(--max-w) + var(--gutter)*2);flex-direction:column;flex:1;justify-content:flex-end;width:100%;display:flex;position:relative}.hero-eyebrow{align-items:center;gap:var(--s2);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s4);font-size:10px;display:flex}.eyebrow-line{background:var(--accent);opacity:.6;flex-shrink:0;width:24px;height:1px}.status-dot{background:#3ddc84;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite blink;box-shadow:0 0 6px #3ddc84}.hero-name{letter-spacing:-.03em;color:var(--white);margin-bottom:var(--s1);max-width:100%;font-family:Syne,sans-serif;font-size:clamp(34px,10vw,88px);font-weight:800;line-height:.95;position:relative}@media (max-width:480px){.hero-name{letter-spacing:-.04em;font-size:clamp(26px,8.5vw,34px)}}.hero-name .outline{color:#0000;-webkit-text-stroke:1px #e0e0e059;display:block}.hero-name .dot{background:linear-gradient(90deg,var(--accent)0%,#fff 40%,var(--accent)60%,var(--accent2)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.hero-name:before,.hero-name:after{content:attr(data-text);font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;white-space:pre-line;color:var(--white);pointer-events:none;opacity:0;position:absolute;inset:0}.hero-name:before{-webkit-text-stroke:0;color:#f44;mix-blend-mode:screen}.hero-name:after{-webkit-text-stroke:0;color:var(--accent);mix-blend-mode:screen}.hero-name:before,.hero-name:after{opacity:0}.hero-name.glitching:before{opacity:.42;animation:.45s step-end forwards glitch-1}.hero-name.glitching:after{opacity:.42;animation:.45s step-end 60ms forwards glitch-2}.hero-role{color:var(--muted2);margin:var(--s3)0 var(--s4);font-family:Playfair Display,serif;font-size:clamp(15px,2.5vw,20px);font-style:italic}.hero-desc{color:var(--muted2);max-width:480px;margin-bottom:var(--s5);border-left:1px solid var(--border2);padding-left:var(--s3);font-size:clamp(12px,1.8vw,13px);line-height:1.8}.hero-cta{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.btn-primary{background:var(--accent);color:var(--bg);letter-spacing:.08em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;white-space:nowrap;align-items:center;gap:10px;padding:15px 28px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--bg);z-index:0;transition:transform .35s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;transform:translate(-101%)}.btn-primary:hover:before{transform:translate(0)}.btn-primary:hover{color:var(--accent);box-shadow:0 0 28px #5bc8c040}.btn-primary:active{transform:scale(.98)}.btn-primary>*{z-index:1;position:relative}.btn-ghost{border:1px solid var(--border2);color:var(--muted2);letter-spacing:.08em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;white-space:nowrap;align-items:center;gap:10px;padding:15px 24px;font-family:DM Mono,monospace;font-size:12px;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost:active{transform:scale(.98)}.scroll-hint{align-items:center;gap:var(--s2);margin-top:var(--s5);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:10px;animation:2.5s ease-in-out infinite float-y;display:flex}.scroll-line{background:linear-gradient(to right,var(--accent),transparent);width:32px;height:1px}.stats-bar{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,1fr);display:grid}.stat{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:clamp(20px,4vw,40px) clamp(20px,4vw,48px);display:flex;position:relative;overflow:hidden}.stat:nth-child(2){border-right:none}.stat:nth-child(3){border-bottom:none}.stat:nth-child(4){border-bottom:none;border-right:none}.stat:after{content:"";background:linear-gradient(to right,transparent,var(--accent),transparent);height:1px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.stat:hover:after{transform:scaleX(1)}.stat-num{letter-spacing:-.03em;color:var(--white);margin-bottom:6px;font-family:Syne,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1}.stat-num em{color:var(--accent);font-style:normal}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px;line-height:1.5}.stat-num{transition:none}.stat-anim .stat-num{opacity:0;transform:translateY(28px)scale(.7)}.stat-anim.visible .stat-num{animation:.65s cubic-bezier(.34,1.56,.64,1) forwards statPop}.stat-anim:first-child.visible .stat-num{animation-delay:0s}.stat-anim:nth-child(2).visible .stat-num{animation-delay:.12s}.stat-anim:nth-child(3).visible .stat-num{animation-delay:.24s}.stat-anim:nth-child(4).visible .stat-num{animation-delay:.36s}.stat-anim .stat-label{opacity:0;transition:opacity .5s .6s}.stat-anim.visible .stat-label{opacity:1}.stat-num em{opacity:0;transition:opacity .3s .4s}.stat-anim.visible .stat-num em{opacity:1}.section{padding:clamp(56px,8vw,100px)var(--gutter);max-width:calc(var(--max-w) + var(--gutter)*2);width:100%;margin:0 auto}.section-alt{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{padding-bottom:var(--s4);border-bottom:1px solid var(--border);gap:var(--s2)var(--s4);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(40px,6vw,72px);display:flex}.section-meta{flex-direction:column;gap:6px;display:flex}.section-num{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:10px}.section-title{letter-spacing:-.02em;color:var(--white);font-family:Syne,sans-serif;font-size:clamp(26px,4vw,48px);font-weight:800;line-height:1;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(to right,var(--accent),transparent);width:0;height:1px;transition:width .9s cubic-bezier(.76,0,.24,1);position:absolute;bottom:-6px;left:0}.section-head.visible .section-title:after{width:100%}.section-sub{color:var(--muted);max-width:300px;font-size:12px;line-height:1.7}.services-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:1fr;gap:1px;display:grid}.service-card{background:var(--bg);padding:clamp(28px,5vw,48px) clamp(24px,4vw,36px);transition:background .3s;position:relative;overflow:hidden}.service-card:hover{background:var(--surface)}.service-card:before{content:"";background:linear-gradient(to right,transparent,var(--accent),transparent);transform-origin:0;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-num{color:var(--muted);letter-spacing:.15em;margin-bottom:var(--s4);font-size:11px;transition:transform .3s,color .3s;display:block}.service-card:hover .service-num{color:var(--accent);transform:scale(1.5)translate(4px)}.service-name{color:var(--white);margin-bottom:var(--s2);letter-spacing:-.01em;font-family:Syne,sans-serif;font-size:clamp(16px,3vw,20px);font-weight:700;line-height:1.2}.service-desc{color:var(--muted2);margin-bottom:var(--s4);font-size:12px;line-height:1.8}.service-tags{flex-wrap:wrap;gap:6px;display:flex}.s-tag{color:var(--muted);border:1px solid var(--border2);letter-spacing:.06em;padding:3px 8px;font-size:10px}.portfolio-list{background:var(--border);border:1px solid var(--border);flex-direction:column;gap:1px;display:flex}.project-card{background:var(--bg);color:inherit;gap:var(--s2)var(--s4);grid-template-columns:1fr;padding:clamp(24px,4vw,40px) clamp(20px,4vw,48px);text-decoration:none;transition:background .25s;display:grid;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--accent);transform-origin:top;width:2px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.project-card:hover{background:var(--surface)}.project-card:hover:before{transform:scaleY(1)}.proj-header{justify-content:space-between;align-items:flex-start;gap:var(--s2);display:flex}.proj-num{color:var(--muted);letter-spacing:.1em;flex-shrink:0;margin-top:4px;font-size:10px}.proj-title-wrap{flex:1}.proj-name{color:var(--white);letter-spacing:-.01em;align-items:center;gap:var(--s2);flex-wrap:wrap;font-family:Syne,sans-serif;font-size:clamp(18px,3.5vw,24px);font-weight:700;line-height:1.1;display:flex}.proj-badge{letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;font-family:DM Mono,monospace;font-size:9px;display:inline-block}.badge-live{color:var(--accent);background:#5bc8c00f;border:1px solid #5bc8c04d}.badge-soon{color:var(--muted);border:1px solid var(--border2)}.proj-sub{color:var(--muted2);margin-top:4px;font-size:11px}.proj-arrow{border:1px solid var(--border2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,border-color .2s;display:flex}.project-card:hover .proj-arrow{background:var(--accent);border-color:var(--accent)}.project-card:hover .proj-arrow svg{stroke:var(--bg)}.proj-desc{color:var(--muted2);font-size:12px;line-height:1.8}.proj-tags{flex-wrap:wrap;gap:6px;display:flex}.p-tag{color:var(--accent);letter-spacing:.06em;background:#5bc8c00a;border:1px solid #5bc8c033;padding:3px 8px;font-size:10px}.proj-screen{height:220px;margin-top:var(--s4);border:1px solid var(--border2);background:#080c0c;grid-column:1/-1;position:relative;overflow:hidden}.proj-screen-chrome{z-index:5;border-bottom:1px solid var(--border);pointer-events:none;background:#0a0a0afa;flex-shrink:0;align-items:center;gap:6px;height:30px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.chrome-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.chrome-dot:first-child{background:#ff5f57}.chrome-dot:nth-child(2){background:#febc2e}.chrome-dot:nth-child(3){background:#28c840}.chrome-url{border:1px solid var(--border);height:16px;color:var(--muted);letter-spacing:.05em;white-space:nowrap;background:#ffffff0a;border-radius:3px;flex:1;align-items:center;margin:0 10px;padding:0 8px;font-size:9px;transition:border-color .4s,color .4s;display:flex;overflow:hidden}.project-card:hover .chrome-url{color:var(--muted2);border-color:#5bc8c04d}.proj-screen-grid{z-index:1;background-image:linear-gradient(#5bc8c00a 1px,#0000 1px),linear-gradient(90deg,#5bc8c00a 1px,#0000 1px);background-size:40px 40px;transition:background-image .5s;position:absolute;inset:0}.project-card:hover .proj-screen-grid{background-image:linear-gradient(#5bc8c01a 1px,#0000 1px),linear-gradient(90deg,#5bc8c01a 1px,#0000 1px)}.proj-screen-label{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-top:30px;display:flex;position:absolute;inset:0}.proj-screen-label .ph-name{letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1px var(--border2);font-family:Syne,sans-serif;font-size:clamp(26px,4vw,48px);font-weight:800;transition:-webkit-text-stroke-color .5s}.project-card:hover .proj-screen-label .ph-name{-webkit-text-stroke-color:#5bc8c073}.proj-screen-label .ph-sub{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:10px;transition:color .4s}.project-card:hover .proj-screen-label .ph-sub{color:var(--accent)}.proj-screen-img{z-index:2;object-fit:cover;object-position:top center;transform-origin:top;filter:grayscale(25%)brightness(.8)saturate(.7);width:100%;height:100%;padding-top:30px;transition:transform .8s cubic-bezier(.25,.46,.45,.94),filter .6s;display:block;position:absolute;inset:0;transform:scale(1.07)}.project-card:hover .proj-screen-img{filter:grayscale(0%)brightness(1.05)saturate(1.15);transform:scale(1)}.proj-screen-vignette{z-index:3;pointer-events:none;background:radial-gradient(75% 85%,#0000 15%,#0808088c 55%,#080808e6 100%);transition:background .7s;position:absolute;inset:0}.project-card:hover .proj-screen-vignette{background:radial-gradient(130% 130%,#08080800 50%,#080808bf 100%)}.proj-screen-border{z-index:4;pointer-events:none;border:1px solid #0000;transition:border-color .5s,box-shadow .5s;position:absolute;inset:0}.project-card:hover .proj-screen-border{border-color:#5bc8c059;box-shadow:inset 0 0 40px #5bc8c00d}.proj-screen-scan{z-index:5;pointer-events:none;opacity:.25;background:linear-gradient(90deg,#0000 0%,#5bc8c000 20%,#5bc8c0b3 50%,#5bc8c000 80%,#0000 100%);height:3px;animation:5s linear infinite scan-down;position:absolute;top:-3px;left:0;right:0}.project-card:hover .proj-screen-scan{opacity:1;background:linear-gradient(90deg,#0000 0%,#5bc8c000 10%,#5bc8c0 50%,#5bc8c000 90%,#0000 100%);animation-duration:1.8s}.portfolio-cta{margin-top:var(--s5);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--s4);background:var(--surface);flex-wrap:wrap;padding:clamp(28px,5vw,48px) clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden}.portfolio-cta:before{content:"";background:linear-gradient(to right,transparent,var(--accent),transparent);height:1px;position:absolute;top:-1px;left:0;right:0}.portfolio-cta-text p:first-child{color:var(--white);letter-spacing:-.01em;margin-bottom:6px;font-family:Syne,sans-serif;font-size:clamp(16px,3vw,22px);font-weight:700}.portfolio-cta-text p:last-child{color:var(--muted2);font-size:12px;line-height:1.6}.case-study{background:var(--bg);color:inherit;padding:clamp(24px,4vw,40px) clamp(20px,4vw,48px);text-decoration:none;transition:background .25s;display:block;position:relative;overflow:hidden}.case-study:before{content:"";background:var(--accent);transform-origin:top;width:2px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.case-study:hover{background:var(--surface)}.case-study:hover:before{transform:scaleY(1)}.case-header{align-items:flex-start;gap:var(--s3);margin-bottom:var(--s4);display:flex}.case-num{color:var(--muted);letter-spacing:.1em;flex-shrink:0;margin-top:4px;font-size:10px}.case-title-wrap{flex:1}.case-name{color:var(--white);letter-spacing:-.01em;align-items:center;gap:var(--s2);flex-wrap:wrap;font-family:Syne,sans-serif;font-size:clamp(18px,3.5vw,24px);font-weight:700;line-height:1.1;display:flex}.case-type{color:var(--muted2);margin-top:4px;font-size:11px}.case-body{gap:var(--s3);margin-bottom:var(--s4);grid-template-columns:1fr;display:grid}.case-detail{flex-direction:column;gap:4px;display:flex}.case-label{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:500}.case-detail p{color:var(--muted2);font-size:12px;line-height:1.8}.case-study .proj-screen{margin-top:var(--s2)}.case-study:hover .chrome-url{color:var(--muted2);border-color:#5bc8c04d}.case-study:hover .proj-screen-vignette{background:radial-gradient(130% 130%,#08080800 50%,#080808bf 100%)}.case-study:hover .proj-screen-border{border-color:#5bc8c059;box-shadow:inset 0 0 40px #5bc8c00d}.case-study:hover .proj-screen-scan{opacity:1;background:linear-gradient(90deg,#0000 0%,#5bc8c000 10%,#5bc8c0 50%,#5bc8c000 90%,#0000 100%);animation-duration:1.8s}.case-study:hover .proj-screen-img{filter:grayscale(0%)brightness(1.05)saturate(1.15);transform:scale(1)}@media (min-width:640px){.case-body{grid-template-columns:1fr 1fr 1fr}}.companies-grid{background:var(--border);border:1px solid var(--border);margin-bottom:var(--s6);grid-template-columns:1fr;gap:1px;display:grid}.company-card{background:var(--bg);padding:clamp(20px,3vw,32px) clamp(16px,3vw,28px);transition:background .25s}.company-card:hover{background:var(--surface)}.company-name{color:var(--white);letter-spacing:-.01em;margin-bottom:4px;font-family:Syne,sans-serif;font-size:clamp(16px,3vw,20px);font-weight:700}.company-sub{color:var(--muted);font-family:DM Mono,monospace;font-size:12px;font-weight:400}.company-role{color:var(--accent);letter-spacing:.06em;margin-bottom:8px;font-size:11px}.company-desc{color:var(--muted2);font-size:12px;line-height:1.7}@media (min-width:640px){.companies-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.companies-grid{grid-template-columns:repeat(4,1fr)}}.testimonials{margin-bottom:var(--s6)}.testimonial-card{border:1px solid var(--border);background:var(--surface);padding:clamp(28px,4vw,48px);position:relative}.testimonial-card:before{content:"";background:linear-gradient(to right,transparent,var(--accent),transparent);height:1px;position:absolute;top:-1px;left:0;right:0}.testimonial-quote{color:var(--accent);opacity:.3;margin-bottom:-20px;font-family:Playfair Display,serif;font-size:clamp(48px,8vw,72px);font-style:italic;line-height:1}.testimonial-text{color:var(--text);margin-bottom:var(--s3);font-size:clamp(14px,2vw,16px);font-style:italic;line-height:1.8}.testimonial-author{align-items:center;gap:var(--s2);display:flex}.testimonial-name{color:var(--muted);letter-spacing:.06em;font-size:12px}.mid-cta{text-align:center;padding:clamp(48px,8vw,80px)var(--s4);border:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}.mid-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#5bc8c00f 0%,#0000 70%);width:min(500px,90vw);height:min(500px,90vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mid-cta-badge{border:1px solid var(--border2);color:var(--muted2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--s4);align-items:center;gap:8px;padding:6px 16px;font-size:10px;display:inline-flex}.mid-cta-title{color:var(--white);letter-spacing:-.02em;margin-bottom:var(--s4);font-family:Syne,sans-serif;font-size:clamp(22px,5vw,36px);font-weight:800}.contact-actions{justify-content:center;align-items:center;gap:var(--s2);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.btn-secondary{color:var(--muted2);letter-spacing:.06em;border:1px solid var(--border2);background:0 0;align-items:center;gap:8px;padding:14px 28px;font-family:DM Mono,monospace;font-size:12px;text-decoration:none;transition:color .3s,border-color .3s,background .3s;display:inline-flex}.btn-secondary:hover{color:var(--accent);background:#5bc8c00a;border-color:#5bc8c04d}.footer-links{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.badge-demo{color:var(--muted2);border:1px solid var(--border2);background:#ffffff05}.portfolio-page{min-height:100vh}.pf-header{z-index:100;padding:16px var(--gutter);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--s2);background:#080808d9;display:flex;position:fixed;top:0;left:0;right:0}.pf-header-right{align-items:center;gap:var(--s2);display:flex}.btn-sm{padding:8px 20px;font-size:11px}.pf-hero{padding:clamp(120px,15vw,180px)var(--gutter)clamp(40px,6vw,64px);max-width:var(--max-w);margin:0 auto}.pf-hero-title{color:var(--white);letter-spacing:-.03em;margin-bottom:var(--s3);font-family:Syne,sans-serif;font-size:clamp(36px,8vw,72px);font-weight:800;line-height:.95}.pf-hero-sub{color:var(--muted);max-width:540px;font-size:clamp(13px,1.8vw,15px);line-height:1.8}.pf-grid{gap:var(--s3);padding:0 var(--gutter)var(--s6);max-width:var(--max-w);grid-template-columns:1fr;margin:0 auto;display:grid}@media (min-width:640px){.pf-grid{grid-template-columns:repeat(2,1fr)}}.pf-card{background:var(--surface);border:1px solid var(--border);gap:var(--s2);flex-direction:column;padding:clamp(20px,3vw,32px);transition:border-color .3s,background .3s;display:flex;position:relative}.pf-card:hover{background:var(--bg2);border-color:#5bc8c040}.pf-card-header{align-items:flex-start;gap:var(--s2);display:flex}.pf-card-num{color:var(--muted);letter-spacing:.1em;flex-shrink:0;margin-top:4px;font-size:10px}.pf-card-name{color:var(--white);letter-spacing:-.01em;align-items:center;gap:var(--s2);flex-wrap:wrap;font-family:Syne,sans-serif;font-size:clamp(16px,3vw,20px);font-weight:700;display:flex}.pf-card-type{color:var(--muted2);margin-top:2px;font-size:11px}.pf-card-desc{color:var(--muted2);flex:1;font-size:12px;line-height:1.8}.pf-card .proj-screen-sm{height:160px;margin-top:var(--s2)}.pf-card:hover .proj-screen-img{filter:grayscale(0%)brightness(1.05)saturate(1.15);transform:scale(1)}.pf-card:hover .proj-screen-vignette{background:radial-gradient(130% 130%,#08080800 50%,#080808bf 100%)}.pf-card:hover .proj-screen-border{border-color:#5bc8c059;box-shadow:inset 0 0 40px #5bc8c00d}.pf-card-link{color:var(--accent);letter-spacing:.06em;align-items:center;gap:8px;padding:10px 0;font-size:11px;text-decoration:none;transition:gap .2s;display:inline-flex}.pf-card-link:hover{gap:12px}.pf-bottom-cta{text-align:center;padding:clamp(48px,8vw,80px)var(--gutter);max-width:var(--max-w);margin:0 auto}.pf-bottom-cta p:first-child{color:var(--white);letter-spacing:-.01em;margin-bottom:6px;font-family:Syne,sans-serif;font-size:clamp(18px,4vw,28px);font-weight:700}.pf-bottom-cta p:nth-child(2){color:var(--muted2);margin-bottom:var(--s4);font-size:13px}.about-grid{grid-template-columns:1fr;gap:clamp(32px,6vw,80px);display:grid}.about-photo-wrap{border:1px solid var(--border2);max-height:clamp(280px,60vw,420px);position:relative;overflow:hidden}.about-photo-wrap img{object-fit:cover;object-position:center top;filter:grayscale(25%);width:100%;height:100%;transition:filter .4s;display:block}.about-photo-wrap:hover img{filter:grayscale(0%)}.about-photo-accent{background:linear-gradient(to right,transparent,var(--accent),transparent);height:2px;position:absolute;bottom:0;left:0;right:0}.about-name{color:var(--white);letter-spacing:-.02em;margin-bottom:6px;font-family:Syne,sans-serif;font-size:clamp(22px,5vw,36px);font-weight:800}.about-role{color:var(--accent);margin-bottom:var(--s4);font-family:Playfair Display,serif;font-size:clamp(14px,2vw,17px);font-style:italic}.about-text{color:var(--muted2);font-size:13px;line-height:1.9}.about-text p+p{margin-top:var(--s3)}.skills{margin-top:var(--s5)}.skill-row{align-items:center;gap:var(--s2)var(--s3);border-bottom:1px solid var(--border);flex-wrap:wrap;padding:12px 0;display:flex}.skill-row:first-child{border-top:1px solid var(--border)}.skill-name{color:var(--muted2);letter-spacing:.08em;flex-shrink:0;width:110px;font-size:11px}.skill-bar{background:var(--border2);flex:1;min-width:80px;height:1px;position:relative}.skill-fill{background:linear-gradient(to right,var(--accent2),var(--accent));width:0%;transition:width 1.4s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #5bc8c04d}.skill-pct{color:var(--muted);text-align:right;flex-shrink:0;width:32px;font-size:10px}.contact-section{padding:clamp(80px,10vw,140px)var(--gutter);text-align:center;position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#5bc8c00a 0%,#0000 70%);width:min(600px,100vw);height:min(600px,100vw);animation:4s ease-in-out infinite border-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-inner{z-index:1;position:relative}.contact-badge{border:1px solid var(--border2);color:var(--muted2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--s5);align-items:center;gap:8px;padding:8px 20px;font-size:10px;display:inline-flex}.contact-title{letter-spacing:-.03em;color:var(--white);margin-bottom:var(--s3);font-family:Syne,sans-serif;font-size:clamp(32px,8vw,88px);font-weight:800;line-height:.95}.contact-title .ghost{color:#0000;-webkit-text-stroke:1px #e0e0e026;display:block}.contact-sub{color:var(--muted);margin:0 auto var(--s6);max-width:360px;font-size:13px;line-height:1.8}.contact-email{align-items:center;gap:var(--s2);color:var(--text);letter-spacing:-.01em;border:1px solid var(--border2);margin-bottom:var(--s5);max-width:100%;padding:clamp(16px,3vw,24px) clamp(24px,5vw,48px);font-family:Syne,sans-serif;font-size:clamp(14px,2.5vw,22px);font-weight:700;text-decoration:none;transition:color .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden}.contact-email:before{content:"";background:linear-gradient(135deg,#5bc8c014,#5bc8c005);transition:transform .35s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;transform:translateY(101%)}.contact-email:hover:before{transform:translateY(0)}.contact-email:hover{border-color:var(--accent);color:var(--accent)}.contact-email>*{z-index:1;position:relative}.contact-email-text{word-break:break-word}.contact-meta{justify-content:center;align-items:center;gap:var(--s2);color:var(--muted);letter-spacing:.08em;flex-wrap:wrap;font-size:11px;display:flex}.c-sep{color:var(--border2)}@media (max-width:480px){.c-sep{display:none}.contact-meta{flex-direction:column;gap:8px}}footer{padding:clamp(20px,3vw,28px)var(--gutter);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--s2);color:var(--muted);flex-wrap:wrap;font-size:11px;display:flex}.f-logo{color:var(--white);align-items:center;gap:8px;font-family:Syne,sans-serif;font-size:14px;font-weight:800;text-decoration:none;display:flex}.fade-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.fade-up.visible{opacity:1;transform:none}@media (min-width:640px){.stats-bar{grid-template-columns:repeat(4,1fr)}.stat{border-bottom:none}.stat:nth-child(2){border-right:1px solid var(--border)}.stat:nth-child(4){border-right:none}.services-grid{grid-template-columns:repeat(3,1fr)}.project-card{grid-template-rows:auto auto auto auto;grid-template-columns:64px 1fr auto}.proj-num{grid-row:1/4;align-self:start;margin-top:4px}.proj-header,.proj-desc,.proj-tags{grid-column:2}.proj-screen{grid-column:1/-1}}@media (min-width:768px){.nav-links{display:flex}.hamburger{display:none}.hero{flex-direction:row;min-height:100svh}.hero-photo-bg{width:45%;left:auto;right:0}.hero-photo-bg:after{background:linear-gradient(90deg,#080808 0%,#080808b3 40%,#0808081a 100%),linear-gradient(#0000 60%,#080808cc 100%)}.hero-content{padding:var(--s8)var(--gutter);justify-content:center;max-width:65%}.about-grid{grid-template-columns:1fr 1fr;align-items:center}.about-photo-wrap{max-height:none}}#loader{z-index:9000;background:var(--bg);justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#loader.out{opacity:0;visibility:hidden;pointer-events:none}#page{opacity:0;transition:opacity .6s .1s}#page.in{opacity:1}.ld-ring{justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.ld-ring:before{content:"";border:1px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:.85s linear infinite spin;position:absolute;inset:0}.ld-ring:after{content:"";border:1px solid #0000;border-bottom-color:#5bc8c059;border-radius:50%;animation:.6s linear infinite reverse spin;position:absolute;inset:8px}@keyframes spin{to{transform:rotate(360deg)}}.ld-text{color:var(--accent);letter-spacing:.12em;font-family:Syne,sans-serif;font-size:16px;font-weight:800;animation:1s ease-in-out infinite alternate ldpulse}@keyframes ldpulse{0%{opacity:.35}to{opacity:1}}.reveal-left{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.25,.46,.45,.94);transform:translate(-40px)}.reveal-right{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.25,.46,.45,.94);transform:translate(40px)}.reveal-up{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.25,.46,.45,.94);transform:translateY(32px)}.reveal-scale{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.25,.46,.45,.94);transform:scale(.92)}.reveal-left.visible,.reveal-right.visible,.reveal-up.visible,.reveal-scale.visible{opacity:1;transform:none}.stagger>:first-child{transition-delay:0s}.stagger>:nth-child(2){transition-delay:.12s}.stagger>:nth-child(3){transition-delay:.24s}.stagger>:nth-child(4){transition-delay:.36s}