@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#0b0c0e;--ink:#f1f2f4;--muted:#9fa2a7;--quiet:#8e9196;--surface:#141619;--surface-raised:#1b1e22;--line:#f1f2f424;--line-strong:#f1f2f44d;--accent:#d7193f;--accent-deep:#b51431;--accent-ink:#f7f8f9;--accent-soft:#d7193f24;--focus:#ff5470;--field-one:#1b1e22;--field-one-ink:#f1f2f4;--field-one-muted:#9fa2a7;--field-two:#f0f1f2;--field-two-ink:#0b0c0e;--field-three:#d7193f;--field-three-ink:#f7f8f9;--field-four:#141619;--field-four-ink:#f1f2f4;--wordmark-bg:#101114;--wordmark-ink:#f1f2f4;--edge:clamp(16px, 1.2vw, 22px);--gap:8px;--radius:0px;--font-body:"Bricolage Grotesque Variable", "Helvetica Neue", sans-serif;--font-code:ui-monospace, "SFMono-Regular", Menlo, monospace;--step-small:13px;--step-body:16px;--step-lead:22px;--step-head:44px;--step-display:208px;--ease:cubic-bezier(.16, 1, .3, 1);--motion:.7s;--header:72px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--paper:#f0f1f2;--ink:#101114;--muted:#605d56;--quiet:#64615a;--surface:#e4e6e8;--surface-raised:#d9dcdf;--line:#10111424;--line-strong:#10111452;--accent:#c8102e;--accent-deep:#9f0d24;--accent-ink:#f7f8f9;--accent-soft:#c8102e1a;--focus:#c8102e;--field-one:#101114;--field-one-ink:#f1f2f4;--field-one-muted:#9fa2a7;--field-two:#f0f1f2;--field-two-ink:#101114;--field-three:#c8102e;--field-three-ink:#f7f8f9;--field-four:#d9dcdf;--field-four-ink:#101114;--wordmark-bg:#101114;--wordmark-ink:#f1f2f4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width<=760px){:root{--step-head:32px;--step-display:50px}}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-body);font-size:var(--step-body);font-optical-sizing:auto;margin:0;line-height:1.5;transition:background-color .22s,color .22s}body,button,input,select,textarea{font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip-link{top:12px;left:var(--edge);z-index:100;background:var(--accent);min-height:44px;color:var(--accent-ink);align-items:center;padding:0 18px;font-size:14px;transition:transform .16s;display:inline-flex;position:fixed;transform:translateY(calc(-100% - 24px))}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,p,figure,ul,ol,pre{margin:0}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance;font-weight:600;line-height:.98}p{text-wrap:pretty}.js [data-reveal]{opacity:0;transition:opacity var(--motion) var(--ease) var(--delay,0s), transform var(--motion) var(--ease) var(--delay,0s);transform:translateY(22px)}.js [data-reveal].is-visible{opacity:1;animation:reveal-in var(--motion) var(--ease) both;animation-delay:var(--delay,0s);transform:translateY(0)}@keyframes reveal-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1;transform:none}}.site-header{width:100%;min-height:var(--header);padding:0 var(--edge);z-index:20;align-items:center;gap:24px;display:flex;position:relative}.brand{flex:none;align-items:center;gap:10px;min-height:44px;display:inline-flex}.brand__mark{object-fit:contain;width:32px;height:32px}.brand__name{letter-spacing:-.035em;font-size:16px;font-weight:600}.site-nav{align-items:center;gap:clamp(14px,2.2vw,30px);margin-left:auto;display:flex}.site-nav a{min-height:44px;color:var(--muted);align-items:center;font-size:14px;transition:color .15s;display:inline-flex}.site-nav a:hover{color:var(--ink)}.header-actions{flex:none;align-items:center;gap:10px;display:flex}.theme-toggle{width:44px;height:44px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.theme-toggle:hover{background:var(--surface);color:var(--ink)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.button{background:var(--accent);min-height:48px;color:var(--accent-ink);letter-spacing:-.01em;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.button:hover{background:var(--accent-deep)}.button:active{transform:translateY(1px)}.button--small{min-height:40px;padding-inline:14px;font-size:13px}.text-link{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;align-items:center;gap:7px;font-size:14px;font-weight:500;display:inline-flex}.text-link svg{fill:none;width:18px;height:18px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}.text-link:hover svg{transform:translate(3px)}.tile{background:var(--surface);min-width:0}.tile--surface{background:var(--surface-raised)}.tile--paper{background:var(--paper)}.tile--accent{background:var(--accent);color:var(--accent-ink)}.tile--ink{background:var(--ink);color:var(--paper)}.tile--dark{background:var(--field-one);color:var(--field-one-ink)}.section{width:100%;padding:clamp(72px, 10vw, 150px) var(--edge)}.section--board{padding-top:8px;padding-bottom:8px}.section-heading{grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);align-items:end;gap:24px;max-width:1100px;margin:0 auto clamp(32px,5vw,72px);display:grid}.section-heading h2{font-size:var(--step-head)}.section-heading p{max-width:38ch;color:var(--ink);font-size:var(--step-body)}.section-heading--flush{margin-inline:0}@media (width<=900px){.site-header{flex-wrap:wrap;gap:4px 16px;padding-top:10px;padding-bottom:8px}.site-nav{white-space:normal;flex-wrap:wrap;flex-basis:100%;order:3;gap:0 14px;margin-left:0}.site-nav a{font-size:13px}.site-nav a:last-child{display:none}.header-actions{margin-left:auto}.header-actions .button{display:none}}@media (width<=680px){.section-heading{grid-template-columns:1fr;gap:12px}.brand__name{font-size:16px}.section{padding-top:72px;padding-bottom:72px}}.no-js{max-width:640px;margin:10vh auto;padding:0 24px}.no-js img{margin-bottom:28px}.no-js h1{font-size:38px}.no-js p{margin-top:20px;font-size:17px}.no-js a{text-underline-offset:4px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.marquee__track,.hero-photo img,.contact-strip img,.system-node__line path,.live-count:before,.process-card__bar .is-live:before,.process-status:before,.hero-action svg,.footer-invite svg,.mosaic__code pre:after{animation:none}}.hero-board{padding:0 var(--edge) 8px}.hero-name{background:var(--surface);align-items:center;gap:14px;height:clamp(126px,14vw,184px);padding:16px 20px;display:flex;position:relative;overflow:hidden}.hero-name__mark{object-fit:contain;flex:none;width:clamp(42px,5vw,72px);height:clamp(42px,5vw,72px)}.hero-name__word{letter-spacing:-.075em;white-space:nowrap;font-size:clamp(50px,14.4vw,208px);font-weight:600;line-height:.72;display:block}.hero-grid{gap:var(--gap);height:calc(100svh - var(--header) - clamp(126px, 14vw, 184px) - 110px);min-height:530px;max-height:780px;margin-top:var(--gap);grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);display:grid}.hero-copy{background:var(--surface);flex-direction:column;align-items:flex-start;padding:clamp(22px,3vw,38px);display:flex}.hero-copy h1{max-width:13ch;font-size:44px;line-height:.94}.hero-copy__intro{max-width:34ch;color:var(--ink);font-size:var(--step-body);margin-top:clamp(18px,3vw,40px)}.hero-stack{gap:4px;margin-top:clamp(26px,3vw,40px);display:grid}.hero-stack div{background:var(--paper);grid-template-columns:92px 1fr;align-items:baseline;gap:12px;padding:10px 12px;display:grid}.hero-stack span{color:var(--muted);font-size:13px}.hero-stack strong{font-size:16px;font-weight:400}.hero-copy__actions{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:auto;padding-top:32px;display:flex}.hero-photo{background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.hero-photo img{object-fit:cover;filter:grayscale()contrast(1.06);width:100%;height:100%;min-height:0;animation:drift 24s var(--ease) infinite alternate;flex:1}.hero-photo figcaption{color:var(--muted);font-size:var(--step-small);background:var(--surface);padding:12px 16px}.hero-side{gap:var(--gap);grid-template-rows:1fr auto;min-width:0;display:grid}.hero-facts{background:var(--paper);flex-direction:column;justify-content:space-between;padding:clamp(20px,2.2vw,30px);display:flex}.hero-facts__lead{letter-spacing:-.035em;max-width:10ch;font-size:22px;line-height:1.05}.hero-facts ul{color:var(--muted);flex-direction:column;gap:8px;margin:24px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.hero-facts li:before{content:"";background:var(--accent);vertical-align:2px;width:6px;height:6px;margin-right:9px;display:inline-block}.hero-action{background:var(--accent);min-height:148px;color:var(--accent-ink);justify-content:space-between;align-items:flex-end;padding:clamp(20px,2.2vw,28px);transition:background .15s;display:flex}.hero-action:hover{background:var(--accent-deep)}.hero-action span{letter-spacing:-.04em;max-width:9ch;font-size:22px;line-height:1}.hero-action svg,.footer-invite svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px;animation:arrow-nudge 4.4s var(--ease) infinite alternate;flex:none}@keyframes arrow-nudge{0%{transform:translate(0)}to{transform:translate(4px,-4px)}}@keyframes drift{0%{transform:scale(1.01)translate(0,0)}to{transform:scale(1.08)translate(-1.5%,-1%)}}.marquee{background:var(--accent);height:clamp(94px,10vw,148px);color:var(--accent-ink);align-items:center;margin-top:0;display:flex;overflow:hidden}.marquee__track{width:max-content;animation:28s linear infinite marquee;display:flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__line{letter-spacing:-.055em;white-space:nowrap;padding-right:.38em;font-size:clamp(2.4rem,7vw,7.4rem);font-weight:600;line-height:.9;display:block}.marquee__line:before{content:"Systems that hold. Data that moves. Work that flows. Built in South Africa."}@keyframes marquee{to{transform:translate(-50%)}}.mosaic{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:72px;grid-auto-flow:dense;gap:var(--gap);display:grid}.mosaic .tile{flex-direction:column;justify-content:space-between;min-height:0;padding:clamp(18px,2vw,28px);display:flex}.mosaic__heading{grid-area:span 2/span 5}.mosaic__heading h2{max-width:7ch;font-size:44px}.mosaic__heading p{max-width:22ch;font-size:16px}.mosaic__internal{grid-area:span 2/span 4}.mosaic__photo{grid-area:span 3/span 3;overflow:hidden;padding:0!important}.mosaic__photo img{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%}.mosaic__data{grid-area:span 2/span 4}.mosaic__figure{grid-area:span 2/span 2;justify-content:space-between;background:var(--ink)!important;color:var(--paper)!important}.mosaic__figure strong{letter-spacing:-.07em;font-size:86px;font-weight:500;line-height:.8}.mosaic__figure span{font-size:16px}.mosaic__automation{grid-area:span 2/span 3}.mosaic__list{grid-area:span 4/span 3}.mosaic__list ul{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.mosaic__list li:before{content:"";background:var(--accent);vertical-align:2px;width:6px;height:6px;margin-right:8px;display:inline-block}.mosaic__code{grid-area:span 4/span 9;gap:16px;overflow:auto;justify-content:flex-start!important}.mosaic h3{font-size:22px}.mosaic article p{max-width:28ch;color:var(--ink);margin-top:14px;font-size:16px}.mosaic__code-label{color:var(--field-one-muted);font-size:13px}.mosaic__code pre{color:var(--field-one-ink);font-family:var(--font-code);font-size:13px;line-height:1.55;overflow:auto}.mosaic__code pre:after{content:"▍";color:var(--accent);animation:1.2s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}.system-section{padding-top:96px}.system-panel{border:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1.62fr) minmax(280px,.95fr);width:min(100%,1240px);min-height:540px;margin:0 auto;display:grid}.system-map{background:var(--surface);flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(24px,3vw,40px);display:flex}.system-map__bar{color:var(--muted);justify-content:space-between;gap:18px;font-size:13px;display:flex}.live-count{color:var(--ink);align-items:center;gap:7px;display:inline-flex}.live-count:before,.process-card__bar .is-live:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;animation:2.2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.38;transform:scale(.7)}}.system-flow{justify-content:space-between;align-items:stretch;gap:0;margin:40px 0;display:flex}.system-node{background:var(--surface-raised);flex-direction:column;flex:1;justify-content:space-between;gap:12px;min-width:0;min-height:104px;padding:12px;display:flex;position:relative}.system-node--accent{background:var(--accent);color:var(--accent-ink);animation:5.5s ease-in-out infinite alternate node-breathe}@keyframes node-breathe{0%{background-color:var(--accent)}to{background-color:var(--accent-deep)}}.system-node__label{color:var(--muted);font-size:13px}.system-node--accent .system-node__label{color:var(--accent-ink)}.system-node strong{font-size:16px;font-weight:500;line-height:1.1}.system-node__line{fill:none;width:22px;height:12px;stroke:var(--muted);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;align-self:flex-end}.system-node--accent .system-node__line{stroke:var(--accent-ink)}.system-node__line path{vector-effect:non-scaling-stroke;stroke-dasharray:4 4;animation:2.4s linear infinite line-run}@keyframes line-run{to{stroke-dashoffset:-8px}}.system-map__readout{max-width:42ch;font-size:var(--step-lead);letter-spacing:-.03em;line-height:1.12}.system-map__caption{color:var(--muted);justify-content:space-between;gap:16px;margin-top:22px;font-size:13px;display:flex}.system-controls{background:var(--paper);flex-direction:column;align-items:stretch;padding:clamp(24px,3vw,36px);display:flex}.control{color:var(--muted);grid-template-columns:1fr auto;gap:8px;padding:15px 0;font-size:14px;display:grid}.control:first-child{padding-top:0}.control__value{color:var(--ink);font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;min-height:30px;accent-color:var(--accent);grid-column:1/-1;margin:2px 0 0}.control select{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);border-radius:0;grid-column:1/-1;padding:0 10px}.control--toggle{cursor:pointer;grid-template-columns:1fr auto;align-items:center}.control--toggle>input{opacity:0;width:1px;height:1px;position:absolute}.toggle{background:var(--surface-raised);flex:none;align-items:center;width:42px;height:24px;padding:2px;transition:background .15s;display:inline-flex;position:relative}.toggle span{background:var(--muted);width:20px;height:20px;transition:transform .15s,background .15s;display:block}.control--toggle input:checked+.toggle{background:var(--accent)}.control--toggle input:checked+.toggle span{background:var(--accent-ink);transform:translate(18px)}.control--toggle input:focus-visible+.toggle{outline:2px solid var(--focus);outline-offset:3px}.system-controls__link{margin-top:auto;padding-top:36px}.process-section{padding:96px 0 0}.process-section .section-heading{padding:0 var(--edge)}.process-strip{grid-template-columns:repeat(4,minmax(0,1fr));min-height:64svh;margin-top:48px;display:grid}.process-field{flex-direction:column;justify-content:space-between;gap:48px;min-height:540px;padding:clamp(24px,2.4vw,38px);display:flex}.process-field--one{background:var(--field-one);color:var(--field-one-ink)}.process-field--two{background:var(--field-two);color:var(--field-two-ink)}.process-field--three{background:var(--field-three);color:var(--field-three-ink)}.process-field--four{background:var(--field-four);color:var(--field-four-ink)}.process-field h3{font-size:32px}.process-field p{max-width:24ch;color:inherit;margin-top:16px;font-size:16px;line-height:1.35}.process-card{background:var(--paper);width:min(100%,310px);min-height:220px;color:var(--ink);padding:16px}.process-card__bar{color:var(--muted);justify-content:space-between;padding-bottom:12px;font-size:13px;display:flex}.process-map{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.process-map span{background:var(--surface-raised);align-items:center;min-height:50px;padding:8px;font-size:14px;display:flex}.process-map span:nth-child(2),.process-map span:nth-child(4){background:var(--accent);color:var(--accent-ink)}.process-card__note{color:var(--muted);margin-top:16px;font-size:13px}.process-model,.process-tasks{flex-direction:column;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.process-model li{background:var(--surface);justify-content:space-between;gap:12px;padding:8px;font-size:14px;display:flex}.process-model li span:last-child{color:var(--muted);font-size:13px}.process-tasks li{color:var(--muted);padding-left:18px;font-size:14px;position:relative}.process-tasks li:before{content:"";background:var(--line-strong);width:7px;height:7px;position:absolute;top:7px;left:0}.process-tasks li.is-done{color:var(--ink)}.process-tasks li.is-done:before{background:var(--accent)}.process-status{color:var(--ink);align-items:center;gap:8px;margin-top:24px;font-size:16px;display:flex}.process-status:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;animation:2.2s ease-in-out infinite pulse-dot}.process-log{color:var(--muted);margin-top:20px;font-size:13px;line-height:1.8}.process-card__bar .is-live{color:var(--ink);align-items:center;gap:6px;display:inline-flex}.studio-layout{gap:var(--gap);grid-template-columns:minmax(0,7fr) minmax(280px,5fr);align-items:stretch;display:grid}.studio-copy{background:var(--surface);flex-direction:column;padding:clamp(28px,4vw,64px);display:flex}.studio-copy h2{font-size:var(--step-head)}.studio-statement{letter-spacing:-.055em;flex-direction:column;margin-top:48px;font-size:32px;line-height:.98;display:flex}.studio-intro{max-width:46ch;color:var(--ink);font-size:var(--step-body);margin-top:auto;padding-top:48px}.studio-photo{flex-direction:column;padding:0;display:flex;overflow:hidden}.studio-photo img{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;min-height:440px}.studio-photo figcaption{color:var(--muted);padding:13px 16px;font-size:13px}.studio-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:clamp(56px,7vw,110px);display:grid}.studio-principles h3{font-size:22px}.studio-principles p{max-width:28ch;color:var(--ink);margin-top:14px;font-size:16px}.faq{flex-direction:column;display:flex}.faq-band{padding:54px var(--edge);background:var(--paper);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);display:grid}.faq-band--raised{background:var(--surface)}.faq-band h3{font-size:22px;line-height:1.08}.faq-band p{max-width:60ch;color:var(--ink);font-size:var(--step-body)}.faq-band--title{background:var(--accent);min-height:38svh;color:var(--accent-ink);align-items:flex-end;display:flex}.faq-band--title h2{max-width:10ch;font-size:86px}.contact-section{padding:28px var(--edge) 48px;background:var(--accent);color:var(--accent-ink)}.contact-strip{height:120px;margin:0 calc(var(--edge) * -1);padding:0 var(--edge);gap:8px;display:flex;overflow:hidden}.contact-strip img{object-fit:cover;filter:grayscale()contrast(1.1);width:auto;min-width:0;height:100%;animation:contact-breathe 16s var(--ease) infinite alternate;flex:1 1 0}.contact-strip img:nth-child(2n){animation-delay:-4s}.contact-strip img:nth-child(3n){animation-delay:-8s}@keyframes contact-breathe{0%{transform:scale(1)}to{transform:scale(1.045)}}.contact-copy{max-width:920px;margin-top:64px}.contact-copy h2{max-width:9ch;font-size:86px}.contact-copy p{max-width:42ch;font-size:var(--step-lead);margin-top:24px;line-height:1.2}.contact-bar{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:48px;display:grid}.contact-cell{background:#fff7f129;align-items:center;min-height:82px;padding:0 16px;display:flex}.contact-cell input{width:100%;height:100%;min-height:60px;color:var(--accent-ink);background:0 0;border:0;outline:0;padding:0;font-size:16px}.contact-cell input::placeholder{color:var(--accent-ink)}.contact-cell input:focus{outline:2px solid var(--accent-ink);outline-offset:-6px}.contact-cell--submit{background:var(--ink);color:var(--paper);text-align:left;border:0;justify-content:space-between;gap:16px;font-size:16px}.contact-cell--submit svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:26px;height:26px}.contact-small{grid-column:1/-1;margin-top:4px;font-size:13px}.contact-small a{text-underline-offset:3px;text-decoration:underline}.site-footer{padding:8px var(--edge) 18px}.footer-grid{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.footer-grid--top{grid-template-rows:220px}.footer-grid--bottom{margin-top:var(--gap);grid-template-rows:280px}.footer-statement{flex-direction:column;grid-column:span 4;justify-content:space-between;padding:24px;display:flex}.footer-statement p{letter-spacing:-.04em;max-width:12ch;font-size:22px;line-height:1.02}.footer-statement span,.footer-place span{color:var(--muted);font-size:13px}.footer-nav{flex-direction:column;grid-column:span 2;justify-content:center;padding:20px;display:flex}.footer-nav a{align-items:center;min-height:36px;font-size:16px;display:inline-flex}.footer-nav a:hover{color:var(--accent)}.footer-place{flex-direction:column;grid-column:span 3;justify-content:space-between;padding:24px;display:flex}.footer-place strong{letter-spacing:-.03em;font-size:22px;font-weight:500}.footer-email{background:var(--field-one);color:var(--field-one-ink);flex-direction:column;grid-column:span 3;justify-content:space-between;padding:24px;display:flex}.footer-email span{color:var(--field-one-muted);font-size:13px}.footer-email strong{overflow-wrap:anywhere;font-size:16px;font-weight:500}.footer-wordmark{background:var(--wordmark-bg);color:var(--wordmark-ink);grid-column:span 8;align-items:center;gap:clamp(16px,2vw,28px);padding:24px;display:flex;overflow:hidden}.footer-wordmark img{object-fit:contain;width:clamp(44px,5vw,72px);height:clamp(44px,5vw,72px)}.footer-wordmark span{letter-spacing:-.075em;white-space:nowrap;font-size:86px;font-weight:600;line-height:.7}.footer-wordmark span:before{content:"MjN Projects"}.footer-invite{background:var(--accent);color:var(--accent-ink);grid-column:span 4;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.footer-invite span{letter-spacing:-.045em;max-width:8ch;font-size:32px;line-height:.98}.footer-invite svg{width:40px;height:40px;margin-top:auto}.footer-credit{color:var(--muted);margin-top:12px;font-size:13px}.footer-credit a{text-underline-offset:3px;text-decoration:underline}@media (width<=1080px){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);height:auto;min-height:0;max-height:none}.hero-photo{min-height:420px}.hero-side{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:1fr 1fr}.hero-action{min-height:190px}.process-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.process-field{min-height:480px}.studio-layout{grid-template-columns:1fr}.studio-photo{min-height:380px}.footer-grid--top{grid-template-rows:220px 220px}.footer-statement,.footer-email{grid-column:span 6}.footer-nav,.footer-place{grid-column:span 3}.footer-wordmark{grid-column:span 7}.footer-invite{grid-column:span 5}.footer-wordmark span{font-size:44px}}@media (width<=760px){.hero-board{padding-bottom:8px}.hero-name{gap:8px;height:116px;padding:12px}.hero-name__word{font-size:13vw}.hero-grid{grid-template-columns:1fr;gap:6px}.hero-copy{min-height:0}.hero-stack{display:none}.hero-copy__actions{margin-top:30px;padding-top:0}.hero-copy h1{max-width:12ch;font-size:32px}.hero-photo{min-height:310px}.hero-side{grid-template-rows:auto auto;grid-template-columns:1fr}.hero-facts{justify-content:flex-start;gap:0}.hero-action{min-height:140px}.marquee{height:88px}.marquee__line{font-size:2.8rem}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:6px}.mosaic__heading,.mosaic__internal,.mosaic__photo,.mosaic__data,.mosaic__list,.mosaic__code{grid-area:auto/span 2}.mosaic__figure,.mosaic__automation{grid-area:auto/span 1;min-height:190px}.mosaic__heading{min-height:200px}.mosaic__photo{min-height:300px}.mosaic__code{min-height:320px}.system-panel{grid-template-columns:1fr}.system-flow{flex-direction:column;margin:28px 0}.system-node{min-height:86px}.system-node__line{display:none}.system-map__readout{font-size:22px}.process-strip{grid-template-columns:1fr}.process-field{gap:32px;min-height:0;padding:28px 16px}.process-card{width:100%;max-width:none}.studio-copy{padding:28px 20px}.studio-statement{margin-top:32px;font-size:28px}.studio-intro{padding-top:32px}.studio-photo{min-height:320px}.studio-principles{grid-template-columns:1fr;gap:32px;margin-top:52px}.faq-band{grid-template-columns:1fr;gap:12px;padding:32px 16px}.faq-band--title{min-height:30svh;padding:32px 16px}.faq-band--title h2{font-size:44px}.contact-section{padding:20px 16px 36px}.contact-strip{height:90px;margin:0 -16px;padding:0 16px}.contact-copy{margin-top:42px}.contact-copy h2{font-size:44px}.contact-copy p{margin-top:18px;font-size:22px}.contact-bar{grid-template-columns:1fr;margin-top:32px}.contact-cell,.contact-cell--submit{min-height:62px}.contact-small{margin-top:10px;font-size:13px;line-height:1.5}.site-footer{padding:8px 16px 16px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.footer-grid--top{grid-template-rows:none}.footer-statement,.footer-nav,.footer-place,.footer-email{grid-column:span 2;min-height:150px}.footer-statement{grid-column:span 2}.footer-nav,.footer-place{grid-column:span 1}.footer-email{grid-column:span 2;min-height:120px}.footer-grid--bottom{grid-template-rows:none}.footer-wordmark,.footer-invite{grid-column:span 2}.footer-wordmark{min-height:150px}.footer-invite{min-height:160px}.footer-wordmark span{font-size:46px}.footer-nav a{min-height:44px}.footer-credit{font-size:13px}}@media (width<=380px){.site-nav a:nth-last-child(2){display:none}.footer-wordmark{gap:10px;padding:16px}.footer-wordmark img{width:32px;height:32px}.footer-wordmark span{font-size:36px}}@media (prefers-reduced-motion:reduce){.marquee .marquee__track,.hero-photo img,.contact-strip img,.system-node__line path,.live-count:before,.process-card__bar .is-live:before,.process-status:before,.hero-action svg,.footer-invite svg,.mosaic__code pre:after{animation:none}}