:root{--void:#0b0b0c;--void-2:#111113;--surface:#151517;--line:#2c2c30;--line-2:#4a4a50;--fg:#f4f3f0;--fg-2:#a3a29e;--signal:#d8f34a;--max:1240px;--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:clamp(64px,7vw,104px);--body:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--fg);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--signal);color:var(--void)}a{color:inherit;text-decoration:none}img,svg{max-width:100%}.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(18px,3.5vw,40px)}h1,h2{text-transform:uppercase;letter-spacing:-.025em;font-weight:700;font-stretch:118%;line-height:1}h3{letter-spacing:-.02em;font-weight:700;font-stretch:112%;line-height:1.1}.mono,.eyebrow,.navlinks,.marquee,.note,label,.d-label,.depth,.where{font-family:var(--mono)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--fg-2);font-size:11px}:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.skip{z-index:100;background:var(--signal);color:var(--void);padding:12px 18px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip:focus{transform:none}#progress{background:var(--signal);transform-origin:0;z-index:60;height:4px;position:fixed;top:0;left:0;right:0}nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--line);background:#0b0b0ce6;position:sticky;top:0}nav .bar{justify-content:space-between;align-items:center;gap:20px;height:72px;display:flex}.brand{align-items:center;gap:11px;transition:opacity .14s;display:flex}.brand:hover{opacity:.85}.brand svg{flex:none;display:block}.brand b{font-family:"Outfit",var(--body);letter-spacing:.01em;white-space:nowrap;font-size:18px;font-weight:300;line-height:1}.brand b span{color:var(--signal);font-weight:600}.navlinks{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);gap:clamp(12px,2vw,26px);font-size:11px;display:flex}.navlinks a{padding:14px 0;transition:color .2s;position:relative}.navlinks a[aria-current]{color:var(--fg)}.navmark{background:var(--signal);height:2px;position:absolute;bottom:8px;left:0;right:0}.navlinks a:after{content:"";background:var(--signal);transform-origin:0;height:2px;transition:transform .35s var(--ease);position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}.navlinks a:hover{color:var(--fg)}.navlinks a:hover:after{transform:scaleX(1)}.menu-btn{border:2px solid var(--line-2);width:46px;height:46px;color:var(--fg);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:none}.menu-btn path{transform-box:fill-box;transform-origin:50%}.mobile-menu{border-top:2px solid var(--line);overflow:hidden}.mobile-menu a{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:18px 0;font-size:13px;display:block}.mobile-menu a:last-child{border-bottom:0}@media (width<=900px){.navlinks,nav .bar .btn{display:none}.menu-btn{display:flex}}.btn{letter-spacing:.14em;text-transform:uppercase;background:var(--signal);min-height:54px;color:var(--void);border:2px solid var(--signal);cursor:pointer;font-size:13px;font-family:var(--mono);transition:background .3s var(--ease),color .3s var(--ease);justify-content:center;align-items:center;padding:14px 30px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:hover{color:var(--signal);background:0 0}.btn.ghost{color:var(--fg);border-color:var(--line-2);background:0 0}.btn.ghost:hover{background:var(--signal);color:var(--void);border-color:var(--signal)}header{padding:clamp(48px,7vw,88px) 0 var(--s6);position:relative}.hero-type{z-index:2;position:relative}h1{margin:var(--s3) 0;font-size:clamp(32px,5.6vw,68px)}@media (width<=600px){h1{font-stretch:100%}}.line{display:block;overflow:hidden}.line em{font-style:normal;display:block}h1 .sig{color:var(--signal)}.lede{max-width:52ch;color:var(--fg-2);margin-top:var(--s3);font-size:clamp(16px,1.3vw,18px)}.cta{margin-top:var(--s4);gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.cta .note{flex-basis:100%}.marquee{border-block:2px solid var(--line);background:var(--void-2);padding:18px 0;overflow:hidden}.marquee-inner{will-change:transform;width:max-content;display:flex}.marquee-track{flex:none;display:flex}.marquee span{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-2);white-space:nowrap;flex:none;padding:0 clamp(20px,3vw,44px);font-size:12px;position:relative}.marquee span:before{content:"";background:var(--signal);width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:0}section{padding:var(--s6) 0}section[id]{scroll-margin-top:72px}.head{margin-bottom:var(--s5)}.rule{background:var(--fg);transform-origin:0;height:2px;margin-bottom:var(--s3);will-change:transform;display:block}.rule.sig{background:var(--signal);width:38px;height:3px}.role .rule.sig{width:26px;height:2px;margin-bottom:var(--s2)}.head h2{margin-top:var(--s2);font-size:clamp(22px,3.4vw,44px)}.head p{margin-top:var(--s3);color:var(--fg-2);max-width:56ch;font-size:16px}.hire{border:2px solid var(--line);flex-wrap:wrap;display:flex}.card{background:var(--surface);border-right:2px solid var(--line);border-bottom:2px solid var(--line);isolation:isolate;flex:216px;padding:clamp(26px,3vw,36px);position:relative;overflow:hidden}.card:before{content:"";background:var(--signal);z-index:-1;transition:transform .5s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.card:hover:before{transform:translateY(0)}.card:hover,.card:hover *{color:var(--void)}.card:hover li:before{background:var(--void)}.card:hover .where{border-color:#0b0b0c4d}.depth{letter-spacing:.2em;text-transform:uppercase;color:var(--signal);margin-bottom:var(--s3);transition:color .3s var(--ease);font-size:10px;display:block}.card h3{margin-bottom:10px;font-size:19px}.card p{color:var(--fg-2);transition:color .3s var(--ease);font-size:15px}.hire ul{margin-top:var(--s2);list-style:none}.hire li{color:var(--fg-2);transition:color .3s var(--ease);margin-bottom:8px;padding-left:18px;font-size:14.5px;position:relative}.hire li:before{content:"";background:var(--signal);width:8px;height:2px;transition:background .3s var(--ease);position:absolute;top:11px;left:0}.where{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--line);transition:color .3s var(--ease),border-color .3s var(--ease);font-size:10.5px;display:block}.cases{border:2px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));display:grid}.case{background:var(--surface);border-right:2px solid var(--line);border-bottom:2px solid var(--line);transition:background .3s var(--ease);padding:clamp(26px,3vw,40px)}.case:hover{background:var(--void-2)}.case .where{margin-top:0;margin-bottom:var(--s2);border-top:0;padding-top:0}.case .rule.sig{margin-bottom:var(--s3)}.d-label{letter-spacing:.2em;text-transform:uppercase;color:var(--signal);margin-bottom:7px;font-size:10px;display:block}.case p{color:var(--fg-2);margin-bottom:var(--s3);font-size:14.5px;line-height:1.55}.case p.res{color:var(--fg);margin-bottom:0}.stack{margin-bottom:var(--s3);flex-wrap:wrap;gap:7px;display:flex}.stack span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);border:1px solid var(--line-2);padding:5px 9px;font-size:10.5px}.clients{padding:var(--s5) 0;border-bottom:2px solid var(--line)}.client-row{margin-top:var(--s3);flex-wrap:wrap;align-items:center;gap:clamp(24px,4vw,56px);display:flex}.client-row span{text-transform:uppercase;letter-spacing:-.01em;color:var(--fg-2);transition:color .3s var(--ease);font-size:clamp(15px,1.6vw,19px);font-weight:700;font-stretch:112%}.client-row span:hover{color:var(--fg)}.client-row img{filter:grayscale()brightness(1.7);opacity:.7;width:auto;max-height:30px;transition:opacity .3s var(--ease)}.client-row img:hover{opacity:1}.roles-head{margin:var(--s6) 0 var(--s4)}.roles-head h3{text-transform:uppercase;font-size:clamp(19px,2.2vw,28px);font-stretch:118%}.roles-head p{color:var(--fg-2);margin-top:var(--s2);max-width:56ch;font-size:15px}.roles{border:2px solid var(--line);flex-wrap:wrap;display:flex}.role{background:var(--surface);border-right:2px solid var(--line);border-bottom:2px solid var(--line);transition:background .3s var(--ease);flex:320px;padding:clamp(22px,2.4vw,28px)}.role:hover{background:var(--void-2)}.role h4{letter-spacing:-.01em;text-transform:uppercase;margin-bottom:8px;font-size:15px;font-weight:700;font-stretch:112%}.role p{color:var(--fg-2);font-size:13.5px;line-height:1.5}.process{border:2px solid var(--line);counter-reset:p;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:0;list-style:none;display:grid}.process li{counter-increment:p;background:var(--surface);border-right:2px solid var(--line);border-bottom:2px solid var(--line);padding:clamp(26px,3vw,36px);position:relative}.process li:before{content:"0" counter(p);font-family:var(--mono);color:var(--signal);margin-bottom:var(--s2);font-size:22px;font-weight:500;line-height:1;display:block}.process h3{margin-bottom:10px;font-size:18px}.process p{color:var(--fg-2);font-size:14.5px}.about{grid-template-columns:auto 1fr;align-items:start;gap:clamp(24px,4vw,56px);display:grid}@media (width<=760px){.about{grid-template-columns:1fr}}.portrait{aspect-ratio:1;background:var(--void-2);border:2px dashed var(--line-2);text-align:center;width:clamp(140px,17vw,210px);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);place-items:center;padding:14px;font-size:10px;line-height:1.7;display:grid}.about p{color:var(--fg-2);margin-bottom:var(--s2);max-width:62ch}.about p.first{color:var(--fg);margin-bottom:var(--s3);font-size:clamp(17px,1.7vw,21px);font-stretch:105%;line-height:1.45}.contact{border:2px solid var(--line);background:var(--surface);gap:var(--s4);grid-template-columns:1fr 1fr;padding:clamp(28px,5vw,64px);display:grid}@media (width<=860px){.contact{grid-template-columns:1fr}}.contact h2{margin-top:var(--s2);font-size:clamp(24px,3.2vw,40px)}.contact>div>p{color:var(--fg-2);margin-top:var(--s3);max-width:42ch}.mailto{margin-top:var(--s4);font-family:var(--mono);color:var(--signal);transition:border-color .3s var(--ease);border-bottom:2px solid #0000;padding-bottom:4px;font-size:clamp(14px,1.7vw,19px);display:inline-block}.mailto:hover{border-color:var(--signal)}form{gap:var(--s2);display:grid}.field{gap:8px;display:grid}label{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-2);font-size:10px}input,textarea{background:var(--void);border:2px solid var(--line);width:100%;color:var(--fg);font:inherit;transition:border-color .25s var(--ease);padding:14px 16px;font-size:15px}input:hover,textarea:hover{border-color:var(--line-2)}input:focus,textarea:focus{border-color:var(--signal);outline:none}input::placeholder,textarea::placeholder{color:#6b6a66}textarea{resize:vertical;min-height:120px}.note{color:var(--fg-2);letter-spacing:.04em;font-size:11px;line-height:1.6}footer.site{border-top:2px solid var(--line);padding:var(--s4) 0;color:var(--fg-2);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}footer.site .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}