@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/a/archivo-vietnamese-wght-normal.XAtsl5Q_.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/a/archivo-latin-ext-wght-normal.C4zznr8T.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/a/archivo-latin-wght-normal.E0tuGl4L.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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/a/ibm-plex-mono-cyrillic-ext-400-normal.xuaO2J-f.woff2)format("woff2"),url(/a/ibm-plex-mono-cyrillic-ext-400-normal.DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/a/ibm-plex-mono-cyrillic-400-normal.BSMlKf0J.woff2)format("woff2"),url(/a/ibm-plex-mono-cyrillic-400-normal.CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/a/ibm-plex-mono-vietnamese-400-normal.BulugwFq.woff2)format("woff2"),url(/a/ibm-plex-mono-vietnamese-400-normal.DDuiU_S-.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/a/ibm-plex-mono-latin-ext-400-normal.BmRBH3aV.woff2)format("woff2"),url(/a/ibm-plex-mono-latin-ext-400-normal.D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/a/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/a/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff");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{--charcoal:#202428;--deep:#15181b;--steel:#aeb8be;--mist:#e8ecee;--paper:#f4f5f3;--yellow:#f3c600;--line:#4a5157;--display:"Archivo Variable",sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--charcoal)}body{background:var(--paper);color:var(--charcoal);font-family:var(--display);margin:0;font-size:1rem;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}.skip{background:var(--yellow);z-index:100;padding:.8rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip:focus{transform:none}.rail{background:var(--charcoal);width:16rem;height:100svh;color:var(--mist);z-index:50;border-right:1px solid var(--line);flex-direction:column;display:flex;position:fixed;top:0;left:0}.logo{border-bottom:1px solid var(--line);letter-spacing:.04em;align-items:center;gap:.85rem;height:6rem;padding:1rem 1.25rem;font-size:.8rem;line-height:1.05;display:flex}.logo b{color:var(--yellow);font-size:1.05rem}.logo svg{width:2.5rem;height:2.5rem}.logo svg path{fill:none;stroke:var(--yellow);stroke-width:3px}.logo svg .dash{stroke:var(--steel);stroke-width:1px;stroke-dasharray:3 3}.rail nav{margin-top:3rem;display:grid}.rail nav a{border-top:1px solid var(--line);grid-template-columns:2rem 1fr;align-items:center;min-height:4.5rem;padding:1rem 1.25rem;font-size:.92rem;display:grid}.rail nav a:last-child{border-bottom:1px solid var(--line)}.rail nav a span{font-family:var(--mono);color:var(--steel);font-size:.66rem}.rail nav a:hover,.rail nav a[aria-current=page]{background:var(--yellow);color:var(--deep)}.rail nav a:hover span,.rail nav a[aria-current=page] span{color:var(--deep)}.rail-bottom{border-top:1px solid var(--line);grid-template-columns:3.5rem 1fr;margin-top:auto;display:grid}.lang{border-right:1px solid var(--line);min-height:4rem;font-family:var(--mono);place-items:center;font-size:.72rem;display:grid}.signal{align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.8rem;font-weight:700;display:flex}.signal i{background:var(--yellow);border-radius:50%;width:.6rem;height:.6rem;box-shadow:0 0 0 .35rem #f3c60022}main,footer{margin-left:16rem}.hero{background:var(--charcoal);min-height:100svh;color:var(--mist);grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1.2fr;gap:2rem;padding:clamp(3rem,7vw,7rem);display:grid;position:relative;overflow:hidden}.hero-grid{pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.coordinate{font-family:var(--mono);color:var(--steel);z-index:1;grid-column:1/-1;font-size:.67rem}.hero h1,.page-head h1,.not-found h1{text-transform:uppercase;letter-spacing:-.055em;z-index:2;max-width:9ch;margin:0;font-size:clamp(3.8rem,8.6vw,7.5rem);font-stretch:75%;line-height:.82}.hero>p{max-width:42ch;color:var(--steel);z-index:2;align-self:end;font-size:1.15rem}.hero>.primary{z-index:2;place-self:start}.primary{background:var(--yellow);min-height:3.5rem;color:var(--deep);text-transform:uppercase;letter-spacing:.02em;box-shadow:8px 8px 0 var(--deep);cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:2rem;padding:.85rem 1.1rem;font-weight:780;transition:transform .2s,box-shadow .2s;display:inline-flex}.primary:hover{box-shadow:5px 5px 0 var(--deep);transform:translate(3px,3px)}.primary.dark{background:var(--charcoal);color:var(--mist);box-shadow:8px 8px 0 var(--yellow)}.plotter{z-index:2;grid-area:2/2/4;align-self:center;position:relative}.plotter svg{width:100%;height:auto}.plotter .paper{fill:#f4f5f305;stroke:#7a858c;stroke-width:1px}.plotter .guide{fill:none;stroke:#aeb8be88;stroke-dasharray:5 5}.plotter .ink{fill:none;stroke:var(--mist);stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:0}.plotter .accent{fill:none;stroke:var(--yellow);stroke-width:6px;stroke-dasharray:1;stroke-dashoffset:0}.plotter .head{fill:var(--yellow)}.plot-status{font-family:var(--mono);grid-template-columns:repeat(3,1fr);font-size:.63rem;display:grid}.plot-status span{border-top:1px solid var(--line);padding:.75rem}.plot-status span+span{border-left:1px solid var(--line)}.pipeline{background:var(--mist);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,6vw,7rem)}.pipeline header,.projects header{grid-template-columns:.55fr 1.45fr;align-items:start;gap:3rem;margin-bottom:4rem;display:grid}.pipeline header span,.projects header span,.handoff-preview>div>span,.cta>span,.page-head>span,.article>aside>span,.article section>span,.checklist header p,.contact aside>span{font-family:var(--mono);letter-spacing:.06em;font-size:.7rem}.pipeline h2,.projects h2,.handoff-preview h2,.cta h2,.article h2{text-transform:uppercase;letter-spacing:-.045em;margin:0;font-size:clamp(2.6rem,6vw,5.6rem);font-stretch:75%;line-height:.88}.pipeline ol{border-top:2px solid var(--deep);margin:0;padding:0;list-style:none}.pipeline li{border-bottom:1px solid #aeb8be;grid-template-columns:5rem 1fr auto;align-items:center;gap:2rem;padding:1.6rem 0;display:grid;position:relative}.pipeline li:before{content:"";background:var(--yellow);width:0;height:3px;transition:width .8s;position:absolute;bottom:-1px;left:0}.pipeline li.is-active:before{width:100%}.pipeline li>i{font-family:var(--mono);color:#687279;font-style:normal}.pipeline h3{text-transform:uppercase;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1}.pipeline li p{color:#596167;max-width:55ch;margin:.45rem 0 0}.pipeline li>b{font-family:var(--mono);font-size:.7rem;font-weight:400}.handoff-preview{background:var(--yellow);grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,8rem);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,6vw,7rem);display:grid}.handoff-preview>div>p{max-width:50ch}.terminal{background:var(--deep);color:var(--mist);border:1px solid var(--charcoal);align-self:center;padding:1rem;box-shadow:16px 16px #fff7}.terminal p{border-bottom:1px solid var(--line);font-family:var(--mono);grid-template-columns:3rem 1fr auto;margin:0;padding:1rem;font-size:.8rem;display:grid}.terminal p:last-child{border:0}.terminal span{color:var(--steel)}.terminal b{color:var(--yellow)}.projects{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,6vw,7rem)}.projects>a{border-top:1px solid var(--steel);grid-template-columns:4rem 1fr 1fr;align-items:center;gap:1.5rem;padding:1rem 0;display:grid}.projects>a:last-child{border-bottom:1px solid var(--steel)}.projects>a>span{font-family:var(--mono);font-size:.7rem}.projects img{object-fit:cover;filter:grayscale();width:100%;height:15rem;transition:filter .3s}.projects>a:hover img{filter:none}.projects h3{text-transform:uppercase;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:.9}.projects p{color:#5b6368}.projects small{font-family:var(--mono)}.cta{background:var(--charcoal);color:var(--mist);grid-template-columns:.4fr 1.4fr auto;align-items:end;gap:2rem;padding:clamp(5rem,9vw,9rem) clamp(1.5rem,6vw,7rem);display:grid}.cta.compact{grid-template-columns:1fr auto}.page-head{background:var(--charcoal);min-height:70svh;color:var(--mist);grid-template-columns:1fr auto;align-content:center;gap:1.5rem;padding:clamp(3rem,7vw,7rem);display:grid;position:relative;overflow:hidden}.page-head:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0c 1px,#0000 1px),linear-gradient(90deg,#ffffff0c 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:2rem}.page-head>a,.page-head>span,.page-head h1,.page-head>p{z-index:1}.page-head h1{grid-column:1/-1}.page-head>p{max-width:60ch;color:var(--steel);grid-column:1/-1;font-size:1.15rem}.article{grid-template-columns:minmax(12rem,.45fr) 1.55fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,6vw,7rem);display:grid}.article>aside{align-self:start;display:grid;position:sticky;top:3rem}.article>aside>a{border-bottom:1px solid var(--steel);grid-template-columns:2.5rem 1fr;padding:1rem 0;font-size:.86rem;display:grid}.article>aside b{font-family:var(--mono);font-size:.65rem}.article>div>section,.article.simple>section{padding:0 0 clamp(5rem,10vw,9rem);scroll-margin-top:3rem}.article h2{max-width:13ch}.article section>p{max-width:68ch;font-size:1.08rem}.article ul{max-width:60ch;padding:0;list-style:none}.article li{border-top:1px solid var(--steel);padding:1rem 0}.inline{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:.35rem;font-weight:750;text-decoration-thickness:4px}.article.simple{grid-template-columns:repeat(2,1fr);display:grid}.article.simple>section{padding-bottom:2rem}.checklist{background:var(--yellow);padding:clamp(4rem,8vw,8rem) clamp(1.5rem,6vw,7rem)}.checklist header{border-bottom:3px solid var(--deep);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.checklist output{font-family:var(--mono);font-size:.8rem}.checklist output b{font-size:1.4rem}.checklist form{border-top:1px solid #20242866;border-left:1px solid #20242866;grid-template-columns:repeat(2,1fr);display:grid}.checklist label{cursor:pointer;border-bottom:1px solid #20242866;border-right:1px solid #20242866;display:block}.checklist input{opacity:0;position:absolute}.checklist label span{grid-template-columns:2.6rem 1fr;align-items:center;gap:1rem;min-height:5.2rem;padding:1rem;transition:background .2s,color .2s;display:grid}.checklist label i{font-family:var(--mono);font-size:.66rem;font-style:normal}.checklist input:checked+span{background:var(--deep);color:var(--mist)}.checklist input:focus-visible+span{outline-offset:-4px;outline:3px solid #fff}.download{background:var(--deep);color:var(--mist);font-family:var(--mono);text-transform:uppercase;border:0;margin-top:2rem;padding:1rem 1.25rem}.download:disabled{opacity:.5;cursor:not-allowed}.contact{background:var(--mist);grid-template-columns:.6fr 1.4fr;gap:clamp(3rem,8vw,8rem);padding:clamp(5rem,9vw,9rem) clamp(1.5rem,6vw,7rem);display:grid}.contact aside{flex-direction:column;gap:1rem;display:flex}.contact aside>a{font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:750}.contact aside>p{margin-top:auto}.contact form{background:var(--charcoal);color:var(--mist);box-shadow:16px 16px 0 var(--yellow);gap:1.4rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.contact label{gap:.5rem;display:grid}.contact label>span{font-family:var(--mono);font-size:.72rem}.contact input,.contact textarea{background:var(--deep);border:1px solid var(--line);color:var(--mist);padding:.9rem}.contact input:focus,.contact textarea:focus{outline:3px solid var(--yellow);border-color:var(--yellow)}.pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact form>p{color:var(--steel);margin:0;font-size:.82rem}.contact form .primary{justify-self:start}.status[data-state=success]{color:var(--yellow)}.status[data-state=error]{color:#ff8e85}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}footer{background:var(--deep);color:var(--steel);grid-template-columns:1fr auto;gap:2rem;padding:3rem clamp(1.5rem,6vw,7rem);display:grid}footer>div{gap:.4rem;display:grid}footer b{color:var(--mist)}footer nav{gap:1.5rem;display:flex}footer small{border-top:1px solid var(--line);grid-column:1/-1;padding-top:1rem}.not-found{background:var(--charcoal);min-height:100svh;color:var(--mist);place-content:center;gap:1.5rem;margin:0;padding:2rem;display:grid}.not-found>span{font-family:var(--mono);color:var(--yellow)}.not-found .primary{justify-self:start}@media (width<=960px){.rail{grid-template-columns:1fr auto;align-items:center;width:100%;height:auto;display:grid;position:sticky;top:0}.logo{border-bottom:0;height:4.5rem}.rail nav{display:none}.rail-bottom{border-top:0;border-left:1px solid var(--line);height:4.5rem;margin:0}main,footer{margin-left:0}.hero{grid-template-columns:1fr;min-height:auto}.plotter{grid-area:auto/1}.pipeline header,.projects header,.handoff-preview,.cta{grid-template-columns:1fr}.page-head{min-height:60svh}.article{grid-template-columns:1fr}.article>aside{grid-template-columns:repeat(2,1fr);position:static}.contact{grid-template-columns:1fr}}@media (width<=620px){.logo span{display:none}.rail{grid-template-columns:auto 1fr}.rail-bottom{justify-self:end}.hero,.page-head{padding-inline:1rem}.hero h1,.page-head h1,.not-found h1{font-size:clamp(3.1rem,15vw,5.2rem)}.pipeline,.handoff-preview,.projects,.cta,.article,.checklist,.contact{padding-inline:1rem}.pipeline li{grid-template-columns:2.5rem 1fr}.pipeline li>b{grid-column:2}.projects>a{grid-template-columns:2.5rem 1fr}.projects img{grid-column:2;height:11rem}.projects>a>div{grid-column:2}.checklist form,.article.simple,.pair{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding-inline:1rem}footer nav{flex-wrap:wrap}.cta.compact{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}.plotter .ink,.plotter .accent{stroke-dashoffset:0!important}.pipeline li:before{width:100%}}.pipeline li>i{color:#455158}.hero>*,.handoff-preview>*,.terminal{min-width:0}.hero h1,.page-head h1,h2,h3{overflow-wrap:anywhere}@media (width<=620px){.hero,.handoff-preview{grid-template-columns:minmax(0,1fr)}.hero h1,.page-head h1,.not-found h1{font-size:clamp(2.4rem,12vw,5.2rem)}.terminal p{overflow-wrap:anywhere;grid-template-columns:2rem minmax(0,1fr);gap:.35rem;padding-inline:.25rem}.terminal p b{grid-column:2}}