:root{--bg:#0a0a0a;--bg-elev:#101010;--bg-elev-2:#161616;--fg:#f5f6fa;--muted:#9094b0;--muted-dim:#565a78;--accent:#b14aff;--accent-dim:#b14aff29;--accent-glow:#b14aff8c;--accent-2:#2e7dff;--accent-2-glow:#2e7dff80;--line:#f4f3ee1a;--line-strong:#f4f3ee3d;--font-display:"Bricolage Grotesque",sans-serif;--font-body:"Archivo",sans-serif;--font-mono:"JetBrains Mono",monospace;--section-spacing:clamp(6rem,12vw,13rem);--container-padding:clamp(1.5rem,6vw,7rem);--maxw:1600px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;font-weight:400;overflow-x:hidden}::selection{background:var(--accent);color:#0a0a0a}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient .blob{filter:blur(90px);mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.ambient .blob-1{background:radial-gradient(circle,var(--accent)0%,transparent 66%);opacity:.2;width:46vw;height:46vw;animation:32s ease-in-out infinite drift-1;top:-16%;left:-10%}.ambient .blob-2{background:radial-gradient(circle,var(--accent-2)0%,transparent 66%);opacity:.16;width:42vw;height:42vw;animation:38s ease-in-out infinite drift-2;top:34%;right:-14%}.ambient .blob-3{background:radial-gradient(circle,var(--accent-2)0%,transparent 68%);opacity:.12;width:36vw;height:36vw;animation:28s ease-in-out infinite drift-3;bottom:-18%;left:28%}.ambient .spark{filter:blur(.5px);mix-blend-mode:screen;will-change:transform,opacity;border-radius:50%;width:4px;height:4px}.ambient .spark-1{background:var(--accent);box-shadow:0 0 12px 2px var(--accent-glow);animation:7s ease-in-out infinite twinkle,19s ease-in-out infinite float-a;top:24%;left:16%}.ambient .spark-2{background:var(--accent-2);box-shadow:0 0 12px 2px var(--accent-2-glow);animation:8s ease-in-out 1.2s infinite twinkle,23s ease-in-out infinite float-b;top:62%;left:78%}.ambient .spark-3{background:var(--accent-2);box-shadow:0 0 10px 2px var(--accent-2-glow);animation:6s ease-in-out .6s infinite twinkle,25s ease-in-out infinite float-a;top:80%;left:34%}@keyframes drift-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(22vw,14vh)scale(1.15)}66%{transform:translate(8vw,40vh)scale(.9)}}@keyframes drift-2{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-26vw,22vh)scale(1.2)}70%{transform:translate(-10vw,-10vh)scale(.95)}}@keyframes drift-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-18vw,-28vh)scale(1.25)}}@keyframes drift-4{0%,to{transform:translate(0)scale(.95)}45%{transform:translate(20vw,-18vh)scale(1.2)}75%{transform:translate(-8vw,10vh)scale(1)}}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:1}}@keyframes float-a{0%,to{transform:translate(0)}50%{transform:translate(8vw,-10vh)}}@keyframes float-b{0%,to{transform:translate(0)}50%{transform:translate(-10vw,8vh)}}@media (prefers-reduced-motion:reduce){.ambient .blob,.ambient .spark{animation:none}}body:after{content:"";opacity:.018;pointer-events:none;z-index:200;background-image:url(https://grainy-gradients.vercel.app/noise.svg);position:fixed;inset:0}.container-px{width:100%;max-width:var(--maxw);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-inline:auto}.section-py{padding-top:var(--section-spacing);padding-bottom:var(--section-spacing)}.hairline{border-top:1px solid var(--line)}.sec-index{font-family:var(--font-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px var(--line);text-stroke:1px var(--line);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(4rem,13vw,11rem);font-weight:800;line-height:1;position:absolute;top:-.42em;right:0}@media (max-width:768px){.sec-index{font-size:clamp(2.75rem,15vw,5rem);top:-.55em}}.sec-head{z-index:1;position:relative}.sec-head.center{text-align:center}.sec-head.center .lead-body{margin-inline:auto}.bg-elev{background-color:var(--bg-elev)}.label-mono{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:500}.label-mono.accent{color:var(--accent)}.display-xl{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(3rem,11vw,11rem);font-weight:800;line-height:.92}.display-lg{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(2.25rem,6vw,5rem);font-weight:800;line-height:1.18}.display-md{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;line-height:1}.fg-dim{color:var(--muted)}.fg-ghost{color:#0a0a0a;background:var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.04em .18em}.accent{color:var(--accent)}.lead-body{color:var(--muted);font-size:clamp(1rem,1.4vw,1.25rem);font-weight:400;line-height:1.7}.progress-bar-fixed{background:var(--accent);transform-origin:0%;z-index:60;height:2px;position:fixed;top:0;left:0;right:0}.nav-shell{z-index:50;border-bottom:1px solid #0000;width:100%;transition:background .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s,border-color .5s,padding .5s;position:fixed;top:0;left:0}.nav-shell.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#0a0a0ab8}.nav-inner{justify-content:space-between;align-items:center;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;color:var(--fg);align-items:center;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark .dot{color:var(--accent)}.nav-link-min{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.74rem;text-decoration:none;transition:color .3s}.nav-link-min:hover{color:var(--fg)}.link-arrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);align-items:center;gap:.6rem;font-size:.78rem;text-decoration:none;transition:color .3s;display:inline-flex}.link-arrow svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.link-arrow:hover{color:var(--accent)}.link-arrow:hover svg{transform:translate(3px,-3px)}.btn-solid,.btn-ghost{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--fg);align-items:center;gap:.6rem;padding:1.05rem 2rem;font-size:.78rem;text-decoration:none;transition:all .35s;display:inline-flex}.btn-solid{background:var(--fg);color:#0a0a0a}.btn-solid:hover{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.btn-ghost{color:var(--fg);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{border-color:var(--fg)}.btn-solid svg,.btn-ghost svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn-solid:hover svg,.btn-ghost:hover svg{transform:translate(3px,-3px)}.service-row{border-top:1px solid var(--line);color:inherit;grid-template-columns:5rem 1fr auto;align-items:start;gap:1.5rem;padding:clamp(1.75rem,3vw,2.75rem) 0;text-decoration:none;transition:padding-left .45s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:before{content:"";background:var(--accent);transform-origin:top;width:2px;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.service-row:hover{padding-left:1.5rem}.service-row:hover:before{transform:scaleY(1)}.service-row .svc-num{font-family:var(--font-mono);color:var(--muted-dim);letter-spacing:.1em;padding-top:.4rem;font-size:.85rem}.service-row:hover .svc-num{color:var(--accent)}.service-row .svc-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.5rem,3.2vw,2.6rem);font-weight:700;line-height:1.05}.service-row .svc-desc{color:var(--muted);max-width:46ch;margin-top:.6rem;line-height:1.6}.service-row .svc-arrow{color:var(--muted-dim);padding-top:.5rem;transition:transform .45s cubic-bezier(.16,1,.3,1),color .35s}.service-row:hover .svc-arrow{color:var(--accent);transform:translate(4px,-4px)}@media (max-width:640px){.service-row{grid-template-columns:3rem 1fr}.service-row .svc-arrow{display:none}}.metrics-grid{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.metric-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(1.75rem,3vw,3rem)}.metric-cell:nth-child(2n){border-right:none}@media (min-width:768px){.metric-cell{border-bottom:none}.metric-cell:nth-child(2n){border-right:1px solid var(--line)}.metric-cell:last-child{border-right:none}}.metric-value{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:800;line-height:1}.metric-value .unit{color:var(--accent)}.metric-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.9rem;font-size:.72rem}.work-card{background:var(--bg-elev);border:1px solid var(--line);text-decoration:none;display:block;position:relative;overflow:hidden}.work-media{aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.work-card img{filter:grayscale()brightness(.85);transition:filter 1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.work-card:hover img{filter:grayscale(0)brightness();transform:scale(1.06)}.work-meta{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:1.25rem 1.4rem;display:flex}.work-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.work-cat{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.66rem}.work-role{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dim);margin-top:.25rem;font-size:.66rem}.clients-grid-container{border-left:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.clients-grid-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.clients-grid-container{grid-template-columns:repeat(4,1fr)}}.client-logo-box{border-right:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:150px;padding:2.5rem;transition:background .5s;display:flex}.client-logo-box:hover{background:var(--bg-elev)}.client-logo{filter:grayscale()brightness(1.4)opacity(.45);max-width:78%;height:auto;transition:filter .5s,transform .5s}.client-logo-box:hover .client-logo{filter:grayscale(0)brightness()opacity();transform:scale(1.06)}.contact-tile{border:1px solid var(--line);color:var(--fg);flex-direction:column;gap:.75rem;padding:clamp(2rem,4vw,3rem);text-decoration:none;transition:background .4s,border-color .4s;display:flex}.contact-tile:hover{background:var(--bg-elev);border-color:var(--line-strong)}.reel-frame{aspect-ratio:16/9;border:1px solid var(--line);cursor:pointer;background:#000;width:100%;transition:border-color .5s,box-shadow .6s;position:relative;overflow:hidden}.reel-frame:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 30px 90px -30px var(--accent-glow)}.reel-video{object-fit:cover;width:100%;height:100%;display:block}.reel-bigplay{background:#0a0a0a59;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.reel-bigplay .ring{background:var(--accent);color:#0a0a0a;width:clamp(64px,8vw,104px);height:clamp(64px,8vw,104px);box-shadow:0 0 40px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex}.reel-frame:hover .reel-bigplay .ring{transform:scale(1.08)}.reel-poster{cursor:pointer;background:radial-gradient(120% 90% at 50% 38%,#b14aff29,#0000 70%),#000;border:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.25rem,3vw,2.25rem);width:100%;display:flex;position:absolute;inset:0}.reel-poster-title{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;color:var(--fg);font-size:clamp(1.75rem,6vw,4.5rem);font-weight:800;line-height:1}.reel-poster .ring{background:var(--accent);color:#0a0a0a;width:clamp(64px,8vw,104px);height:clamp(64px,8vw,104px);box-shadow:0 0 0 0 var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;transition:transform .4s,box-shadow .4s;display:flex}.reel-poster:hover .ring{box-shadow:0 0 44px 6px var(--accent-glow);transform:scale(1.08)}.reel-controls{opacity:0;background:linear-gradient(#0000,#0a0a0ad9);flex-direction:column;gap:.75rem;padding:clamp(.9rem,2vw,1.5rem);transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.reel-frame:hover .reel-controls,.reel-frame.paused .reel-controls{opacity:1;transform:translateY(0)}.reel-progress{cursor:pointer;background:#f4f3ee2e;width:100%;height:4px;position:relative}.reel-progress-fill{background:var(--accent);box-shadow:0 0 10px var(--accent-glow);position:absolute;top:0;bottom:0;left:0}.reel-progress-fill:after{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.reel-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.reel-btns{align-items:center;gap:.85rem;display:flex}.reel-btn{cursor:pointer;color:var(--fg);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .3s,transform .3s;display:inline-flex}.reel-btn:hover{color:var(--accent);transform:translateY(-1px)}.reel-time{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);font-size:.74rem}.status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px 1px var(--accent-glow);border-radius:50%;animation:2.4s infinite pulse;display:inline-block}@keyframes pulse{0%{box-shadow:0 0 8px 0 var(--accent-glow)}70%{box-shadow:0 0 8px 9px #b14aff00}to{box-shadow:0 0 8px #b14aff00}}.loader-lights{pointer-events:none;position:absolute;inset:0;overflow:hidden}.loader-lights span{filter:blur(70px);mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.loader-lights .lg-1{background:radial-gradient(circle,var(--accent)0%,transparent 68%);opacity:.6;width:40vw;height:40vw;animation:16s ease-in-out infinite drift-2;top:-8%;left:-6%}.loader-lights .lg-2{background:radial-gradient(circle,var(--accent-2)0%,transparent 68%);opacity:.55;width:36vw;height:36vw;animation:20s ease-in-out infinite drift-1;bottom:-10%;right:-6%}.loader-lights .lg-3{background:radial-gradient(circle,var(--accent)0%,transparent 70%);opacity:.4;width:22vw;height:22vw;animation:14s ease-in-out infinite drift-4;top:40%;left:55%}.lang-toggle{font-family:var(--font-mono);letter-spacing:.1em;align-items:center;gap:.5rem;font-size:.72rem;display:inline-flex}.lang-toggle button{cursor:pointer;color:var(--muted-dim);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);background:0 0;border:none;padding:0;font-size:.72rem;transition:color .3s,text-shadow .3s}.lang-toggle button:hover{color:var(--muted)}.lang-toggle button.active{color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}.lang-toggle .sep{color:var(--muted-dim)}