:root{--bg: #070708;--bg-elevated: #101012;--surface: #16161a;--text: #f4f4f2;--text-muted: #a3a3a8;--line: rgba(244, 244, 242, .14);--line-strong: rgba(244, 244, 242, .28);--white: #ffffff;--black: #000000;--font-sans: "Syne", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--pad: clamp(1rem, 4vw, 3.5rem);--max: 1180px;--radius: 14px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-weight:500;color:var(--text);background:var(--bg);line-height:1.5;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body.nav-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}h1,h2,h3,p{margin:0}.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;min-height:4.25rem;padding:.85rem var(--pad);padding-top:max(.85rem,env(safe-area-inset-top));padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right));background:linear-gradient(to bottom,rgba(7,7,8,.92),rgba(7,7,8,.55),transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo-link{display:inline-flex;align-items:center;gap:.7rem;min-height:2.5rem}.logo-mark{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.logo-mark--sm{width:1.65rem;height:1.65rem}.logo-word{font-weight:700;letter-spacing:.04em;font-size:1rem;line-height:1}.nav-desktop{display:none;align-items:center;gap:2rem;min-height:2.5rem}.nav-desktop a{font-size:.9rem;letter-spacing:.04em;color:var(--text-muted);line-height:1;transition:color .25s var(--ease)}.nav-desktop a:hover{color:var(--text)}.nav-toggle{width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:8px;display:grid;place-content:center;gap:5px;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.nav-toggle span{display:block;width:1.1rem;height:1.5px;background:var(--text);transition:transform .3s var(--ease),opacity .3s}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-mobile{position:fixed;top:calc(4.25rem + env(safe-area-inset-top,0px));right:max(var(--pad),env(safe-area-inset-right));left:max(var(--pad),env(safe-area-inset-left));z-index:39;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #00000073}.nav-mobile[hidden]{display:none}.nav-mobile a{padding:.95rem 1rem;border-radius:8px;color:var(--text-muted);min-height:44px;display:flex;align-items:center;font-size:1rem}.nav-mobile a:hover{background:var(--surface);color:var(--text)}.hero{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:7rem var(--pad) 5rem;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 50% 42%,rgba(255,255,255,.07),transparent 62%),linear-gradient(180deg,#050506,#0a0a0c 55%,#070708)}.hero-hud{position:absolute;width:min(96vw,780px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(244,244,242,.22);opacity:1;animation:hud-spin 48s linear infinite;pointer-events:none}.hero-hud:before,.hero-hud:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;border:1px dashed rgba(244,244,242,.32)}.hero-hud:after{top:20%;right:20%;bottom:20%;left:20%;border-style:solid;border-color:transparent;border-top-color:#f4f4f266;border-right-color:#f4f4f238}.hero-circuits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-circuits:before,.hero-circuits:after{content:"";position:absolute;top:50%;height:2px;width:clamp(3.5rem,12vw,7rem);background:linear-gradient(90deg,#f4f4f28c,#f4f4f214);transform:translateY(-50%)}.hero-circuits:before{left:4%}.hero-circuits:after{right:4%;background:linear-gradient(270deg,#f4f4f28c,#f4f4f214)}.circuit-node{position:absolute;top:50%;width:14px;height:14px;border:2px solid rgba(244,244,242,.7);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 4px #f4f4f214}.circuit-node--left{left:calc(4% + clamp(3.5rem,12vw,7rem) - 2px)}.circuit-node--right{right:calc(4% + clamp(3.5rem,12vw,7rem) - 2px)}.hero-inner{position:relative;z-index:1;text-align:center;max-width:44rem;display:flex;flex-direction:column;align-items:center;gap:1.35rem;padding:2.5rem 1rem 3.25rem}.hero-welcome{font-size:clamp(.85rem,1.6vw,1rem);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.hero-brand{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-weight:800;line-height:.9;letter-spacing:-.04em}.hero-brand-num{position:relative;display:inline-block;font-size:clamp(5rem,20vw,9.5rem);color:var(--white);z-index:1}.hero-brand-team{display:block;font-size:clamp(1.1rem,3.2vw,1.55rem);font-weight:500;letter-spacing:.42em;text-transform:uppercase;margin-top:.55rem;margin-right:-.42em;color:var(--text)}.hero-tagline{font-size:clamp(1.2rem,3vw,1.65rem);color:#d0d0d4;font-weight:500;max-width:28rem;line-height:1.4;margin-top:.25rem}.hero-ctas{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:1rem}.btn-hero{font-size:1rem;padding:1rem 1.65rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:600;font-size:.9rem;letter-spacing:.02em;border-radius:999px;border:1px solid transparent;padding:.85rem 1.4rem;cursor:pointer;transition:transform .25s var(--ease),background .25s,border-color .25s,color .25s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--white);color:var(--black)}.btn-primary:hover{background:#e8e8e6}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--text)}.btn-pill{background:var(--black);color:var(--white);border:1px solid #1a1a1a;padding:.55rem 1rem;font-size:.78rem;font-weight:600;width:fit-content}.btn-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--white);flex-shrink:0}.btn-pill:hover{background:#1a1a1a}.section-inner{width:min(100%,var(--max));margin:0 auto;padding:0 var(--pad)}.about,.work,.team,.contact{padding:clamp(4.5rem,10vw,7.5rem) 0;scroll-margin-top:5.5rem}.eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.eyebrow .count{color:var(--text);font-weight:700}.about{border-top:1px solid var(--line);background:var(--bg-elevated)}.about-grid{display:grid;gap:1.25rem;max-width:42rem}.about h2,.work-intro h2,.team-intro-left h2,.contact h2{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.1;letter-spacing:-.03em}.about-copy,.work-intro-copy,.team-intro-copy,.contact-copy{color:var(--text-muted);font-size:1.05rem;max-width:36rem}.work{border-top:1px solid var(--line);background:var(--bg)}.work-intro{display:grid;gap:1rem;margin-bottom:clamp(2.5rem,6vw,4rem);max-width:40rem}.project-list{display:grid;gap:clamp(3rem,8vw,5rem)}.project{display:grid;gap:1.5rem;align-items:center}.project-media{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);aspect-ratio:16 / 10}.project-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.05) brightness(.92);transition:transform .6s var(--ease),filter .6s var(--ease)}.project-body{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.project-badge{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:600;line-height:1.45;max-width:100%}.project-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.45rem,5.5vw,2.15rem);line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}.project-copy{color:var(--text-muted);font-size:1.02rem;max-width:34rem;line-height:1.55}.project-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;width:100%}.project-actions .btn{min-height:44px}.team{position:relative;background:#0c0c0e;border-top:1px solid var(--line)}.team:before{content:"0";position:absolute;left:-2%;top:8%;font-size:clamp(10rem,28vw,22rem);font-weight:800;line-height:1;color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none}.team-intro{display:grid;gap:1.5rem;margin-bottom:clamp(2.5rem,6vw,4rem)}.team-grid{display:grid;gap:2.5rem 1.5rem;grid-template-columns:1fr}.member{display:flex;flex-direction:column;gap:.65rem}.member-photo-wrap{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:3 / 4;background:var(--surface);border:1px solid var(--line)}.member-photo{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1) contrast(1.05);transition:transform .6s var(--ease),filter .6s var(--ease)}.member-photo-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.35) 100%);pointer-events:none;opacity:.8}.member-photo-wrap:before{content:"";position:absolute;left:0;right:0;height:28%;top:-30%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.12),transparent);opacity:0;z-index:2;pointer-events:none;transition:opacity .3s}.member:hover .member-photo{transform:scale(1.04);filter:grayscale(.35) contrast(1.05)}.member:hover .member-photo-wrap:before{opacity:1;animation:scan 1.1s var(--ease)}.member-role{margin-top:.35rem;font-size:.82rem;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.member-name{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.55rem,2.5vw,1.9rem);line-height:1.15;letter-spacing:-.01em}.contact{border-top:1px solid var(--line);background:var(--bg)}.contact-grid{display:grid;gap:2.5rem}.contact-form{display:grid;gap:1rem}.contact-form label{display:grid;gap:.4rem}.contact-form span{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.contact-form input,.contact-form select,.contact-form textarea{font:inherit;font-size:16px;color:var(--text);background:var(--bg-elevated);border:1px solid var(--line);border-radius:10px;padding:.85rem 1rem;outline:none;transition:border-color .2s;width:100%;max-width:100%}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--line-strong)}.contact-form textarea{resize:vertical;min-height:7rem}.form-note{font-size:.9rem;color:var(--text-muted);min-height:1.25rem}.form-note.success{color:#b8e0c2}.site-footer{border-top:1px solid var(--line);padding:1.75rem var(--pad);background:#050506}.footer-inner{width:min(100%,var(--max));margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-copy{font-size:.85rem;color:var(--text-muted)}.glitch{position:relative;display:inline-block;animation:glitch-main 4.5s steps(1,end) infinite;will-change:transform}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;opacity:0}.glitch:before{color:#7ef0ff;z-index:2;mix-blend-mode:screen;animation:glitch-layer-a 4.5s steps(1,end) infinite}.glitch:after{color:#ff6b8a;z-index:3;mix-blend-mode:screen;animation:glitch-layer-b 4.5s steps(1,end) infinite}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}@keyframes hud-spin{to{transform:rotate(360deg)}}@keyframes glitch-main{0%,78%{transform:translateZ(0) skew(0);text-shadow:none;filter:none}79%{transform:translate3d(-3px,1px,0) skew(-4deg);text-shadow:-2px 0 #7ef0ff,2px 0 #ff6b8a}80%{transform:translate3d(4px,-1px,0) skew(5deg);text-shadow:3px 0 #7ef0ff,-3px 0 #ff6b8a}81%{transform:translate3d(-5px,0,0) skew(-2deg);text-shadow:-4px 0 #7ef0ff,2px 0 #ff6b8a}82%{transform:translate3d(2px,1px,0) skew(3deg);text-shadow:2px 0 #7ef0ff,-2px 0 #ff6b8a}83%{transform:translate3d(-1px,-1px,0) skew(-1deg);text-shadow:-1px 0 #7ef0ff,1px 0 #ff6b8a}84%{transform:translate3d(1px,0,0) skew(.5deg);text-shadow:1px 0 rgba(126,240,255,.45),-1px 0 rgba(255,107,138,.45)}86%,to{transform:translateZ(0) skew(0);text-shadow:none;filter:none}}@keyframes glitch-layer-a{0%,78%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateZ(0)}79%{opacity:.95;clip-path:inset(12% 0 68% 0);transform:translate3d(-7px,-1px,0)}80%{opacity:1;clip-path:inset(38% 0 42% 0);transform:translate3d(8px,1px,0)}81%{opacity:.9;clip-path:inset(58% 0 18% 0);transform:translate3d(-9px,0,0)}82%{opacity:.85;clip-path:inset(8% 0 55% 0);transform:translate3d(6px,-1px,0)}83%{opacity:.55;clip-path:inset(72% 0 6% 0);transform:translate3d(-3px,1px,0)}84%{opacity:.25;clip-path:inset(45% 0 40% 0);transform:translate3d(2px,0,0)}86%,to{opacity:0;clip-path:inset(0 0 100% 0);transform:translateZ(0)}}@keyframes glitch-layer-b{0%,78%{opacity:0;clip-path:inset(100% 0 0 0);transform:translateZ(0)}79%{opacity:.9;clip-path:inset(62% 0 10% 0);transform:translate3d(7px,1px,0)}80%{opacity:1;clip-path:inset(28% 0 48% 0);transform:translate3d(-8px,-1px,0)}81%{opacity:.9;clip-path:inset(6% 0 70% 0);transform:translate3d(9px,0,0)}82%{opacity:.8;clip-path:inset(48% 0 22% 0);transform:translate3d(-6px,1px,0)}83%{opacity:.5;clip-path:inset(18% 0 62% 0);transform:translate3d(3px,-1px,0)}84%{opacity:.2;clip-path:inset(35% 0 50% 0);transform:translate3d(-2px,0,0)}86%,to{opacity:0;clip-path:inset(100% 0 0 0);transform:translateZ(0)}}@keyframes scan{0%{top:-30%}to{top:110%}}@media(max-width:700px){.hero{padding:5.5rem var(--pad) 3.5rem;min-height:100svh}.hero-circuits,.circuit-node{display:none}.hero-hud{width:min(140vw,640px);opacity:.7}.hero-inner{gap:1rem;padding:1rem 0 1.5rem;max-width:100%}.hero-brand-num{font-size:clamp(4rem,28vw,6.5rem)}.hero-tagline{font-size:1.1rem;max-width:20rem}.hero-ctas{width:100%;flex-direction:column;align-items:stretch;margin-top:.5rem}.btn-hero{width:100%;min-height:48px}.about,.work,.team,.contact{padding:3.5rem 0}.project-list{gap:2.75rem}.project{gap:1.15rem}.project-media{aspect-ratio:4 / 3;border-radius:12px}.project-image{filter:grayscale(.25) contrast(1.05) brightness(.96)}.project-actions{flex-direction:column}.project-actions .btn{width:100%;justify-content:center}.team-grid{gap:2rem}.member-name{font-size:1.45rem}.btn-pill{min-height:40px}.contact-form .btn{width:100%;min-height:48px}.footer-inner{flex-direction:column;align-items:flex-start;gap:.75rem}.site-footer{padding-bottom:max(1.75rem,env(safe-area-inset-bottom))}}@media(hover:hover)and (pointer:fine){.project:hover .project-image{transform:scale(1.03);filter:grayscale(.15) contrast(1.05) brightness(1)}}@media(min-width:640px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.nav-desktop{display:flex}.nav-toggle{display:none}.project{grid-template-columns:1.15fr .85fr;gap:2.75rem}.project--reverse .project-media{order:2}.project--reverse .project-body{order:1}.team-intro{grid-template-columns:1.1fr .9fr;align-items:end;gap:3rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem}}@media(min-width:1100px){.team-grid{grid-template-columns:repeat(4,1fr);gap:1.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.glitch,.glitch:before,.glitch:after,.hero-hud,.member:hover .member-photo-wrap:before{animation:none!important}.glitch:before,.glitch:after{content:none}.reveal{opacity:1;transform:none;transition:none}}