@import url("https://fonts.googleapis.com/css2?family=Archivo+Expanded:wght@500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--paper:#fbfbf9;--ink:#111114;--ink-soft:#f2f2ee;--blue:#4478a6;--green:#c2e70e;--green-ink:#7f9a00;--muted:#6e727a;--line:#e4e4df;--mark-ink:#111114;--contact-bg:#111114;--contact-fg:#fbfbf9;--contact-muted:#9aa0a8;--contact-edge:transparent;--shadow:#111114;--display:"Archivo Expanded",system-ui,sans-serif;--body:"Hanken Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}html.dark{--paper:#0e0f12;--ink:#f1f1ed;--ink-soft:#181a1f;--blue:#6ba6d0;--green:#c2e70e;--green-ink:#b7dd2e;--muted:#9aa0a8;--line:#292b31;--mark-ink:#f1f1ed;--contact-bg:#070809;--contact-fg:#f1f1ed;--contact-muted:#9aa0a8;--contact-edge:#c2e70e;--shadow:#c2e70e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.eyebrow .bk{color:var(--green-ink);font-weight:600}.eyebrow .bk.b{color:var(--blue)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--paper) 85%,transparent);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}.nav .wrap{justify-content:space-between;height:70px}.brand,.nav .wrap{display:flex;align-items:center}.brand{gap:11px;background:none;border:0}.brand .wordmark{font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:1.02rem}.brand .wordmark .d{color:var(--blue)}.navlinks{display:flex;align-items:center;gap:26px}.navlinks a.link{font-size:.92rem;color:var(--muted);padding:4px 0;position:relative;transition:color .2s}.navlinks a.link.active,.navlinks a.link:hover{color:var(--ink)}.navlinks a.link.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--green)}.themebtn{font-family:var(--mono);font-size:.76rem;color:var(--muted);background:none;border:1px solid var(--line);padding:6px 10px;transition:border-color .2s,color .2s}.themebtn:hover{color:var(--ink);border-color:var(--ink)}.themebtn .bk{color:var(--green-ink)}.btn{display:inline-block;font-family:var(--mono);font-size:.82rem;padding:10px 18px;border:1.6px solid var(--ink);background:var(--paper);color:var(--ink);position:relative;overflow:hidden;isolation:isolate;transition:color .25s}.btn:after{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .28s ease;z-index:-1}.btn:hover{color:var(--paper)}.btn:hover:after{transform:translateY(0)}.menutoggle{display:none;background:none;border:0;font-family:var(--mono);font-size:.82rem;color:var(--ink)}.mobile-menu{position:fixed;inset:0;z-index:80;background:var(--paper);transform:translateY(-102%);transition:transform .4s cubic-bezier(.6,0,.2,1);display:flex;flex-direction:column;padding:26px 24px}.mobile-menu.open{transform:none}.mm-top{display:flex;justify-content:space-between;align-items:center;height:44px}.mm-close{background:none;border:0;font-family:var(--mono);font-size:1rem;color:var(--ink)}.mm-links{margin-top:36px;display:flex;flex-direction:column;gap:6px}.mm-links a{text-align:left;font-family:var(--display);font-weight:700;font-size:2.2rem;letter-spacing:-.03em;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line)}.mm-links a .idx{font-family:var(--mono);font-size:.9rem;color:var(--green-ink);margin-right:14px;vertical-align:middle}.mm-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.8rem;color:var(--muted)}.mark .blk{fill:var(--blue)}.mark .grn{fill:var(--green)}.mark .brk,.mark .vee{fill:var(--mark-ink)}.mark .bl,.mark .blk,.mark .br,.mark .grn,.mark .vee{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .6s ease}.mark.anim .blk{transform:translateX(-22px);opacity:0}.mark.anim .grn{transform:translateX(22px);opacity:0}.mark.anim .vee{transform:translateY(-12px) scaleY(.4);opacity:0;transform-origin:50% 0}.mark.anim .bl{transform:translateX(-14px);opacity:0}.mark.anim .br{transform:translateX(14px);opacity:0}.mark.go .bl{transition-delay:0s}.mark.go .br{transition-delay:.04s}.mark.go .blk{transition-delay:.14s}.mark.go .grn{transition-delay:.2s}.mark.go .vee{transition-delay:.36s}.hero-art .mark:hover .blk{transform:translateX(-6px)}.hero-art .mark:hover .grn{transform:translateX(6px)}.hero-art .mark:hover .vee{transform:scaleY(1.04);transform-origin:50% 0}.page{animation:fade .45s ease both}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.hero{padding:88px 0 76px;position:relative}.hero-inner{position:relative;padding:0 clamp(0px,5vw,64px)}.hero-inner:after,.hero-inner:before{content:"";position:absolute;top:-14px;bottom:-14px;width:clamp(22px,4vw,48px);border:solid var(--ink);border-width:5px}.hero-inner:before{left:-6px;border-right:0}.hero-inner:after{right:-6px;border-left:0}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;grid-gap:52px;gap:52px;align-items:center}.h1{font-family:var(--display);font-weight:800;font-size:clamp(2.5rem,6vw,5.4rem);line-height:.95;letter-spacing:-.035em}.h1 .a{color:var(--blue)}.h1 .g{color:var(--ink)}.h1 .g em{font-style:normal;background:var(--green);color:#111114;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.lede{margin-top:24px;max-width:36ch;font-size:1.12rem;color:var(--muted)}.lede strong{color:var(--ink);font-weight:600}.cta{margin-top:32px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.btn-solid{display:inline-block;font-family:var(--mono);font-size:.85rem;background:var(--ink);color:var(--paper);padding:13px 22px;border:1.6px solid var(--ink);transition:opacity .2s}.btn-solid:hover{opacity:.85}.btn-ghost{font-family:var(--mono);font-size:.85rem;color:var(--muted);background:none;border:0;display:inline-flex;gap:8px;transition:color .2s}.btn-ghost:hover{color:var(--ink)}.hero-art{display:flex;flex-direction:column;align-items:center;gap:16px}.hero-art .cap{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.1em}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink-soft)}.strip .wrap{display:flex;flex-wrap:wrap;gap:8px 40px;padding:18px 32px;font-family:var(--mono);font-size:.78rem;color:var(--muted)}.strip b{color:var(--ink);font-weight:600}.sec{padding:88px 0}.sec-head{max-width:60ch;margin-bottom:48px}.sec-head h2{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,3.6vw,2.8rem);letter-spacing:-.025em;line-height:1.04;margin-top:14px}.sec-head p{margin-top:16px;color:var(--muted);font-size:1.05rem;max-width:48ch}.halves{display:grid;grid-template-columns:1fr 1fr;border:1.6px solid var(--ink)}.half{padding:38px}.half:first-child{border-right:1.6px solid var(--ink)}.half .tag{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;font-weight:600}.swatch{width:14px;height:14px}.half h3{font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:18px}.caplist{list-style:none}.caplist li{padding:15px 0;border-top:1px solid var(--line);font-size:1.04rem;display:flex;justify-content:space-between;align-items:baseline;gap:16px}.caplist li .k{font-family:var(--mono);font-size:.74rem;color:var(--muted)}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.chip{font-family:var(--mono);font-size:.78rem;padding:7px 14px;border:1.4px solid var(--line);background:none;color:var(--muted);transition:all .2s}.chip:hover{color:var(--ink)}.chip.on,.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);color:var(--paper)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.card{border:1.6px solid var(--ink);background:var(--paper);text-align:left;padding:24px;display:flex;flex-direction:column;min-height:290px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;width:100%}.card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--shadow)}.card .top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.72rem;color:var(--muted)}.card .bar{height:8px;width:60px;margin:20px 0;display:flex}.card .bar i{display:block;height:100%;flex:1 1}.card h4{font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;line-height:1.08}.card .tl{margin-top:8px;color:var(--ink);font-weight:600;font-size:.95rem}.card p{margin-top:12px;color:var(--muted);font-size:.95rem;flex:1 1}.card .tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px}.card .tags span{font-family:var(--mono);font-size:.66rem;color:var(--muted);border:1px solid var(--line);padding:3px 7px}.card .go{margin-top:16px;font-family:var(--mono);font-size:.78rem;color:var(--blue);display:inline-flex;gap:6px;transition:gap .2s}.card:hover .go{gap:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1.6px solid var(--ink)}.step{padding:32px 28px 32px 0;border-bottom:1px solid var(--line)}.step .n{font-family:var(--mono);font-size:.78rem;color:var(--blue)}.step h4{font-family:var(--display);font-weight:600;font-size:1.16rem;margin:12px 0 10px;letter-spacing:-.01em}.step p{color:var(--muted);font-size:.96rem;max-width:32ch}.proj-hero{padding:64px 0 40px}.back{font-family:var(--mono);font-size:.8rem;color:var(--muted);display:inline-flex;gap:8px;margin-bottom:28px;transition:color .2s}.back:hover{color:var(--ink)}.proj-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,5.5vw,4.4rem);letter-spacing:-.035em;line-height:.98;margin:10px 0 14px}.proj-hero .tl{font-size:1.25rem;color:var(--muted);max-width:40ch}.proj-cover{height:200px;margin:36px 0;display:flex;border:1.6px solid var(--ink)}.proj-cover i{flex:1 1}.proj-meta{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:48px}.proj-meta div{background:var(--paper);padding:18px}.proj-meta b{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.proj-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:56px}.proj-body h3{font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:-.02em;margin-bottom:12px}.proj-body p{color:var(--muted);font-size:1.05rem}.hl{border-top:1.6px solid var(--ink);padding-top:36px}.hl h3{font-family:var(--display);font-weight:700;font-size:1.4rem;margin-bottom:22px}.hl ul{list-style:none;display:grid;grid-gap:2px;gap:2px}.hl li{padding:16px 0;border-top:1px solid var(--line);font-size:1.05rem;display:flex;gap:16px}.hl li:before{content:"[ ]";color:var(--green-ink);padding-top:3px}.hl li:before,.proj-nav{font-family:var(--mono);font-size:.85rem}.proj-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:48px;padding-top:28px}.proj-nav a{color:var(--muted);transition:color .2s}.proj-nav a:hover{color:var(--ink)}.studio-lead{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,3.4vw,2.4rem);letter-spacing:-.02em;line-height:1.15;max-width:22ch}.studio-lead .g{background:var(--green);color:#111114;padding:0 .1em}.studio-lead .b{color:var(--blue)}.studio-cols{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;margin-top:44px}.studio-cols p{color:var(--muted);font-size:1.06rem;margin-bottom:16px}.studio-cols strong{color:var(--ink)}.contact-sec{background:var(--contact-bg);color:var(--contact-fg);position:relative;overflow:hidden;border-top:1px solid var(--contact-edge)}.contact-sec .binary{position:absolute;inset:0;font-family:var(--mono);font-size:.8rem;line-height:1.7;color:#fff;opacity:.05;white-space:pre-wrap;word-break:break-all;padding:36px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.contact-sec .wrap{position:relative}.contact-sec .eyebrow{color:var(--contact-muted)}.contact-sec h2{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,5vw,4.2rem);letter-spacing:-.03em;line-height:1;margin:16px 0 24px}.contact-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;max-width:640px;margin-top:36px}.contact-form .full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px}.field label{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--contact-muted)}.field input,.field textarea{background:transparent;border:1.4px solid #33343a;color:var(--contact-fg);padding:12px 14px;font:inherit;font-size:.95rem}.field input:focus,.field textarea:focus{outline:none;border-color:var(--green)}.field textarea{min-height:120px;resize:vertical}.send{grid-column:1/-1;justify-self:start;font-family:var(--mono);font-size:.85rem;background:var(--green);color:#111114;border:0;padding:14px 26px;font-weight:600;transition:transform .15s}.send:hover{transform:translateX(3px)}.contact-alt{display:flex;gap:44px;flex-wrap:wrap;margin-top:44px;font-family:var(--mono);font-size:.85rem;color:var(--contact-muted)}.contact-alt b{display:block;color:var(--contact-fg);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.contact-alt a:hover{color:var(--green)}.foot{border-top:1px solid var(--line)}.foot .wrap{display:flex;justify-content:space-between;align-items:center;padding:26px 32px;font-family:var(--mono);font-size:.76rem;color:var(--muted);flex-wrap:wrap;gap:12px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:36px}.work-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.step{padding:26px 0}.proj-body,.studio-cols{grid-template-columns:1fr;gap:28px}.proj-meta{grid-template-columns:1fr 1fr}}@media (max-width:680px){.wrap{padding:0 20px}.navlinks{display:none}.menutoggle{display:block}.hero-inner:after,.hero-inner:before{display:none}.halves{grid-template-columns:1fr}.half:first-child{border-right:0;border-bottom:1.6px solid var(--ink)}.contact-form,.work-grid{grid-template-columns:1fr}.contact-alt{gap:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page{animation:none}.reveal{opacity:1;transform:none}.mark .bl,.mark .blk,.mark .br,.mark .grn,.mark .vee,.reveal{transition:none}.mark.anim .bl,.mark.anim .blk,.mark.anim .br,.mark.anim .grn,.mark.anim .vee{transform:none;opacity:1}.hero-art .mark:hover .blk,.hero-art .mark:hover .grn,.hero-art .mark:hover .vee{transform:none}.card,.mobile-menu{transition:none}}