:root{color-scheme:dark;--bg:#111412;--surface:#181d19;--text:#eeeee5;--muted:#a5aca4;--line:#303830;--accent:#b9d99a;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}::selection{background:var(--accent);color:var(--bg)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a,button{touch-action:manipulation}svg{flex-shrink:0}p{color:var(--muted);line-height:1.8}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.eyebrow,.mono{font-family:var(--mono);font-size:11px;letter-spacing:1.3px}.eyebrow{color:var(--accent);margin:0 0 25px}.site-header{position:sticky;top:0;z-index:30;background:#111412ed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{width:min(1300px,calc(100% - 96px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:38px;letter-spacing:-6px;font-weight:800}.wordmark span{color:var(--accent)}.wordmark i{font-style:normal;margin-left:5px}.navigation{display:flex;align-items:center;gap:40px;font-size:13px}.navigation>a:hover{color:var(--accent)}.nav-contact{display:flex;gap:16px;align-items:center;padding:12px 18px}.menu-toggle,.nav-contact{border:1px solid var(--line);border-radius:4px}.menu-toggle{display:none;background:none;color:var(--text);padding:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;position:relative;gap:50px;align-items:center;min-height:760px;padding-block:80px 100px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent);margin-right:8px}.hero h1{font-size:clamp(52px,5.7vw,80px);font-weight:500;letter-spacing:-4px;line-height:1.08;margin:0 0 30px}.hero h1>span{color:var(--accent)}.hero-description{max-width:490px;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;gap:24px;padding:16px 22px;font-size:13px;font-weight:600;border-radius:4px;transition:background .2s,transform .2s}.primary{background:var(--accent);color:#172014}.primary:hover{background:#d4ebbc;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.text-link:hover{color:var(--accent)}.hero-location{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:48px}.hero-location>span{margin:0 8px;color:#515b50}.hero-art{position:relative;min-width:0;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#29352450,transparent 70%);border-radius:5px;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8bab7210 1px,transparent 0),linear-gradient(90deg,#8bab7210 1px,transparent 0);background-size:32px 32px;pointer-events:none}.hero-art img{width:100%;display:block;animation:breathe 9s ease-in-out infinite}.art-bottom,.art-label{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;color:var(--muted);z-index:1}.art-label{top:22px}.art-bottom{bottom:22px;font-size:8px}.art-bottom i{display:inline-block;height:5px;width:5px;background:var(--accent);margin-right:6px}.scroll-cue{position:absolute;bottom:32px;display:flex;align-items:center;gap:10px;color:var(--muted);font:9px var(--mono);letter-spacing:2px}.stack-strip{border-block:1px solid var(--line);background:#171b17}.stack-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px;font-size:12px;color:var(--muted)}.stack-strip .mono{color:var(--accent);font-size:9px}.section{padding-block:105px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:42px;letter-spacing:-1.7px;line-height:1.15;margin:0}h2,h3{font-weight:500}.featured-project{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden}.project-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:390px;background:#20281e;background-image:radial-gradient(#83957938 1px,transparent 0);background-size:16px 16px;padding:45px;overflow:hidden}.mini-browser{background:#111712;box-shadow:0 20px 60px #0006;width:100%;position:relative;border:1px solid #4b5b43;border-radius:6px;overflow:hidden;transform:rotate(-3deg);transition:transform .3s}.project-visual:hover .mini-browser{transform:rotate(0)}.browser-bar{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #303d2a;font:9px var(--mono);color:#a2b09b}.browser-bar>span:first-child{font-size:7px;letter-spacing:3px}.mini-content{padding:40px 25px;position:relative;z-index:1}.mini-content>.mono{font-size:7px;color:var(--accent)}.mini-content strong{display:block;font-weight:500;font-size:36px;line-height:1.1;letter-spacing:-1.5px;margin:20px 0}.mini-content em{color:var(--accent);font-style:normal}.mini-line{height:3px;background:#56614f;width:38%;margin-bottom:25px}.mini-tags{display:flex;gap:12px;font:7px var(--mono);color:var(--muted)}.mini-orbit{position:absolute;border:1px solid #62764a;border-radius:50%;width:160px;height:160px;right:-50px;bottom:-30px;box-shadow:0 0 0 25px #54674422,0 0 0 50px #54674418}.visual-caption{margin-top:30px;font:8px var(--mono);letter-spacing:2px;color:#b6c3af}.project-copy{padding:48px;align-self:center}.project-copy .eyebrow{font-size:9px;margin-bottom:20px}.project-copy h3{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 22px}.project-copy p{font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 30px}.tags>span{padding:6px 9px;border:1px solid var(--line);font:10px var(--mono);color:var(--accent);border-radius:3px}.work-note{display:flex;align-items:center;gap:16px;padding-top:22px;color:var(--muted)}.work-note p{font-size:12px;margin:0}.work-note a{color:var(--text);text-decoration:underline;text-underline-offset:4px}.about-section{background:#171b17;border-block:1px solid var(--line)}.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-intro h2{font-size:48px}.about-intro h2 span{color:var(--muted)}.about-intro p{font-size:14px;margin:0 0 18px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px}.capabilities article{border-top:1px solid #475341;padding-top:28px}.capabilities svg{color:var(--accent)}.capabilities h3{font-size:20px;margin:25px 0 12px}.capabilities p{font-size:13px}.capabilities .mono{display:block;font-size:8px;letter-spacing:.5px;color:var(--accent);margin-top:28px}.current-role{margin-top:85px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border:1px solid var(--line);background:#111611}.portrait-panel{position:relative;overflow:hidden}.portrait-panel img{display:block;width:100%;height:100%;object-fit:cover}.portrait-caption{position:absolute;bottom:0;left:0;right:0;padding:22px;font-size:9px;color:var(--accent);background:linear-gradient(transparent,#0c100cee)}.current-role-copy{padding:clamp(28px,4vw,58px);align-self:center}.current-role-copy h3{font-size:clamp(26px,3vw,38px);letter-spacing:-1px;margin:20px 0}.current-role-copy li,.current-role-copy p{font-size:14px}.current-role-copy ul{padding-left:18px;margin:24px 0 30px;color:var(--muted)}.current-role-copy li{padding-left:5px;margin-bottom:12px}.current-role-copy li::marker{color:var(--accent)}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.article-card{display:block;min-width:0}.article-image{border:1px solid var(--line);border-radius:4px;overflow:hidden;aspect-ratio:16/9;background:#20261d}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.article-card:hover .article-image img{transform:scale(1.035)}.article-meta{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);color:var(--muted);margin:22px 0 14px}.article-meta>span:first-child{color:var(--accent)}.article-card h2,.article-card h3{display:flex;justify-content:space-between;gap:15px;font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:0 0 13px}.article-card h2>svg,.article-card h3>svg{margin-top:5px;color:var(--accent)}.article-card p{font-size:13px;margin-top:0}.article-card time{color:var(--muted);font:10px var(--mono)}.contact{padding:65px 0 90px;border-top:1px solid var(--line);background-image:radial-gradient(#83957925 1px,transparent 0);background-size:18px 18px}.contact h2{font-size:54px}.contact h2>span{color:var(--accent)}.contact-email{display:inline-flex;gap:24px;align-items:center;font-size:24px;margin-top:38px;padding-bottom:10px;border-bottom:1px solid var(--accent)}.contact p:last-child{font-size:12px}.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:35px}.footer-brand{font-size:17px;font-weight:600}.footer-brand>span{display:block;font:9px var(--mono);color:var(--muted);margin-top:8px}.footer>div{display:flex;align-items:center;gap:25px}.footer>div>a{display:inline-flex;gap:8px;font-size:12px;color:var(--muted)}.footer>p{font:9px var(--mono)}.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:var(--accent);color:var(--bg);padding:15px}.skip-link:focus{top:15px}.article-index{min-height:70vh}.article-index h1{font-size:72px;letter-spacing:-3px;margin:0}.article-index h1 span{color:var(--accent)}.index-description{max-width:580px;font-size:17px;margin:25px 0 60px}.article-page{max-width:920px;padding-block:60px 90px}.article-heading{margin:65px auto 40px;max-width:760px}.article-heading h1{font-size:56px;letter-spacing:-2px;line-height:1.1;margin:0 0 24px}.article-heading>p:not(.eyebrow){font-size:18px}.article-heading .article-meta{justify-content:flex-start;gap:25px;margin-top:32px}.article-cover{width:100%;border:1px solid var(--line);border-radius:5px}.prose{max-width:720px;margin:60px auto;color:#c5cbc2;font-size:17px;line-height:1.9;overflow-wrap:break-word}.prose h2{color:var(--text);font-size:30px;letter-spacing:-.7px;margin:50px 0 20px}.prose h3{color:var(--text);font-size:23px;margin:35px 0 16px}.prose p{color:inherit}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose pre{overflow:auto;max-width:100%;padding:25px;background:#0b100d;border:1px solid var(--line);border-radius:5px;font:13px/1.8 var(--mono)}.prose :not(pre)>code{font-size:14px;padding:3px 6px;background:#273022;color:var(--accent);border-radius:3px}.prose img{display:block;border-radius:5px;margin:30px 0}.prose blockquote{margin:30px 0;border-left:2px solid var(--accent);padding:1px 25px;background:#1c2319}.prose table{display:block;overflow:auto;border-collapse:collapse;font-size:14px}.prose td,.prose th{border:1px solid var(--line);padding:10px 16px}.prose li{margin:8px 0}.article-end{max-width:720px;margin:auto;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:20px}.article-end>.mono{font-size:9px;color:var(--muted)}@keyframes breathe{50%{transform:translateY(-7px)}}@media (min-width:1500px){.hero{min-height:800px}}@media (max-width:1000px){.nav-wrap,.wrap{width:calc(100% - 56px)}.hero{gap:25px;min-height:660px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-actions{flex-wrap:wrap;gap:20px}.art-bottom{font-size:6px}.stack-strip>.wrap{flex-wrap:wrap;justify-content:flex-start;gap:20px 30px}.project-copy,.project-visual{padding:30px}.about-intro{gap:35px}.capabilities{gap:25px}.footer{flex-wrap:wrap}.article-grid{gap:20px}.article-card h2,.article-card h3{font-size:18px}}@media (max-width:700px){.nav-wrap,.wrap{width:calc(100% - 40px)}.nav-wrap{height:72px}.wordmark{font-size:32px}.menu-toggle{display:flex}.navigation{display:none}.navigation.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#171c17;padding:25px 20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.navigation.open>a{padding:15px}.nav-contact{margin-top:10px}.hero{grid-template-columns:1fr;gap:45px;padding-block:55px 70px;min-height:0}.hero h1{font-size:57px;letter-spacing:-3px}.hero .eyebrow{font-size:9px;letter-spacing:.8px}.hero-description{font-size:15px}.hero-actions{gap:25px}.hero-location{margin-top:30px;font-size:8px;gap:6px}.hero-art{max-width:480px;width:100%;margin:auto}.art-label{font-size:8px}.art-bottom{font-size:7px}.scroll-cue{display:none}.stack-strip>.wrap{padding-block:22px;font-size:10px;gap:15px 22px}.stack-strip .mono{width:100%}.section{padding-block:65px}.section-heading{gap:20px;align-items:flex-start}.section-heading h2{font-size:32px}.section-heading .eyebrow{font-size:9px}.section-heading>.text-link{font-size:10px;margin-top:36px;gap:5px;white-space:nowrap}.featured-project{grid-template-columns:1fr}.project-visual{min-height:320px;padding:30px}.project-copy{padding:30px}.work-note{align-items:flex-start}.work-note p{font-size:11px}.about-intro{grid-template-columns:1fr;gap:30px}.about-intro h2{font-size:38px}.capabilities{grid-template-columns:1fr;margin-top:45px;gap:30px}.capabilities h3{margin-top:18px}.capabilities .mono{margin-top:20px;font-size:9px}.article-grid{grid-template-columns:1fr;gap:40px}.article-card h2,.article-card h3{font-size:23px}.article-meta{font-size:10px}.contact{padding-block:50px 65px}.contact h2{font-size:36px}.contact-email{font-size:19px;gap:15px}.footer{gap:25px;padding-block:30px}.footer>p{width:100%}.article-index h1{font-size:55px}.article-heading{margin-top:45px}.article-heading h1{font-size:39px;letter-spacing:-1.5px}.article-heading>p:not(.eyebrow){font-size:16px}.article-heading .article-meta{font-size:9px;gap:12px;flex-wrap:wrap}.article-page{padding-top:35px}.prose{font-size:16px;margin-top:35px}.prose pre{padding:18px;font-size:12px}.article-end{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}@media (max-width:700px){.current-role{grid-template-columns:1fr;margin-top:55px}.portrait-panel{aspect-ratio:1}.current-role-copy{padding:28px 24px}}.portrait-system{position:relative;aspect-ratio:1;isolation:isolate}.hero-portrait{position:absolute;inset:17%;border-radius:50%;overflow:hidden;border:1px solid #aacb8c70;box-shadow:0 0 55px #9bb87b15}.hero-portrait img{height:100%;object-fit:cover;animation:none}.orbit-ring{position:absolute;border:1px solid #a5bf7860;border-radius:50%;pointer-events:none}.orbit-one{inset:10%;animation:system-orbit 45s linear infinite}.orbit-two{inset:5% 20%;transform:rotate(-28deg);border-style:dashed;border-color:#a5bf7838}.orbit-ring i{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;top:14%;left:14%;box-shadow:0 0 14px #abc78580}.orbit-two i{top:auto;left:auto;bottom:14%;right:14%;width:4px;height:4px}.orbit-connections{position:absolute;inset:0;width:100%;height:100%;stroke:#a5bf7860;stroke-width:1;z-index:1;pointer-events:none}.orbit-connections circle{fill:var(--accent)}.system-tag{position:absolute;z-index:2;font:8px var(--mono);letter-spacing:1px;padding:9px 11px;color:var(--accent);background:#111611ec;border:1px solid #9aaf7140}.tag-interface{left:5%;top:27%}.tag-systems{right:4%;top:35%}.tag-people{left:8%;bottom:25%}.tag-build{right:6%;bottom:16%;font-size:7px}@keyframes system-orbit{to{transform:rotate(1turn)}}.portrait-panel img{object-position:center}@media (max-width:700px){.system-tag{font-size:7px;padding:7px;letter-spacing:.5px}.tag-build{font-size:6px;bottom:14%}.current-role .portrait-panel{aspect-ratio:4/5}}@media (prefers-reduced-motion:reduce){.orbit-one{animation:none}}.current-role .portrait-panel{align-self:center;aspect-ratio:auto}.current-role .portrait-panel img{width:100%;height:auto;object-fit:contain}.brand-lockup{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-avatar{display:block;width:44px;height:44px;object-fit:cover;border-radius:12px;border:1px solid #abc78540;background:#0b100e}.brand-lockup .wordmark{display:block;line-height:1}@media (max-width:700px){.brand-lockup{gap:10px}.brand-avatar{width:36px;height:36px;border-radius:10px}}.brand-avatar{width:62px;height:62px;object-fit:contain;border:0;border-radius:0;background:transparent;filter:drop-shadow(0 2px 8px #a8c78018)}.brand-lockup{gap:10px}@media (max-width:700px){.brand-avatar{width:50px;height:50px;border-radius:0}}.operations-project{margin-bottom:32px}.operations-visual img{width:100%;height:auto;display:block}.project-status{font:10px/1.7 var(--mono);color:var(--accent)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}