@font-face{font-family:Space Grotesk;src:url("fonts/space-grotesk-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:DM Sans;src:url("fonts/dm-sans-latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
:root{--paper:#fafafa;--ink:#111;--muted:#696969;--line:#dedede;--soft:#f0f0f0;--display:"Space Grotesk",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif;--mono:Consolas,"Liberation Mono",monospace;--gutter:clamp(22px,5.5vw,88px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body,button,a{-webkit-tap-highlight-color:transparent}
::selection{color:var(--paper);background:var(--ink)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{display:block;max-width:100%}p,h1,h2,h3,ul,ol{margin:0}button{border-radius:0}a,button,input{touch-action:manipulation}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}section{scroll-margin-top:0}
.shell{width:100%;max-width:1512px;margin-inline:auto;padding-inline:var(--gutter)}
.mono,.eyebrow,.edition,.specimen-coordinate,.code-filename,.code-preview-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:400}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:200;left:20px;top:14px;padding:12px 18px;background:var(--ink);color:white;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(250,250,250,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-1.2px;line-height:1;white-space:nowrap}.brand-light{font-weight:500}.brand-period{margin-left:1px}.brand img{flex:none}
.site-nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:500}.site-nav>a{position:relative}.site-nav>a:not(.nav-contact)::after{content:"";height:1px;position:absolute;bottom:-5px;left:0;right:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-nav>a:hover::after{transform:scaleX(1)}
.site-nav .nav-contact{display:inline-flex;gap:28px;align-items:center;border:1px solid var(--ink);padding:11px 18px;transition:color .2s,background .2s}.nav-contact:hover{background:var(--ink);color:var(--paper)}.github-nav>span:first-child{margin-left:4px}
.menu-toggle{display:none;border:0;background:none;padding:12px 0 12px 12px;align-items:center;gap:12px;font-size:13px}.menu-toggle-lines{width:20px;height:12px;border-top:1.5px solid;border-bottom:1.5px solid;transition:transform .2s}.menu-toggle[aria-expanded=true] .menu-toggle-lines{transform:rotate(-35deg)}
.hero{padding-top:35px}.hero-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-topline .eyebrow{display:flex;align-items:center;gap:10px}.little-cross{font-size:20px;line-height:1}.edition{font-size:10px;letter-spacing:.1em;color:var(--muted)}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,105px);padding-top:48px;padding-bottom:62px;align-items:center}
.hero h1{font-family:var(--display);font-size:clamp(72px,8.8vw,136px);font-weight:500;line-height:.96;letter-spacing:-.082em;margin-left:-.045em}.hero-commit{font-weight:700}.title-period{color:#888}
.hero-intro{font-size:clamp(15px,1.2vw,17px);line-height:1.8;color:var(--muted);max-width:395px;margin-top:30px}.hero-intro strong{font-weight:600;color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:29px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:14px 22px;font-size:13px;font-weight:500;border:1px solid var(--ink);transition:background .2s,color .2s,transform .2s}.button span{font-size:19px;line-height:1}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#333;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:500}.text-link span{font-size:19px;transition:transform .2s}.text-link:hover span{transform:translate(2px,-2px)}
.workbench{align-self:center;min-width:0;border:1px solid #d7d7d7;background:#f2f2f2;position:relative;margin-top:0}.workbench-heading{height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7d7d7;padding:0 18px}.workbench-heading .mono{font-size:9px;letter-spacing:.1em}.workbench-indicator{display:flex;gap:5px}.workbench-indicator i{height:5px;width:5px;display:block;background:#aaa}.workbench-indicator i:last-child{background:var(--ink)}
.specimen-art{height:300px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(#e8e8e8 1px,transparent 1px),linear-gradient(90deg,#e8e8e8 1px,transparent 1px);background-size:28px 28px;background-position:center}.specimen-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(242,242,242,.8) 95%)}
.specimen-symbol{width:320px;max-width:84%;position:relative;z-index:1;height:100%;overflow:visible}.specimen-orbit{stroke:#aaa;stroke-width:.6;transform-origin:180px 164px;animation:orbit 100s linear infinite}.specimen-crosshair{stroke:#aaa;stroke-width:.7}.specimen-glyph{font-family:var(--mono);font-weight:700;font-size:74px;letter-spacing:-5px}.specimen-moon{transform-origin:180px 164px;animation:satellite 16s ease-in-out infinite}.specimen-coordinate{position:absolute;color:#777;z-index:2;font-size:8px;letter-spacing:.1em}.coordinate-top{top:17px;right:18px}.coordinate-left{left:15px;top:50%;writing-mode:vertical-rl;transform:rotate(180deg)}.coordinate-bottom{bottom:16px;right:18px}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes satellite{0%,100%{transform:rotate(0)}50%{transform:rotate(12deg)}}
.workbench-tabs{display:flex;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;background:#fafafa}.workbench-tabs button{flex:1;padding:13px 13px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:500;background:transparent;border:0;border-right:1px solid #d7d7d7;position:relative;transition:background .2s,color .2s}.workbench-tabs button:last-child{border-right:0}.workbench-tabs button span{font-family:var(--mono);font-size:8px;color:#888}.workbench-tabs button[aria-selected=true]{background:var(--ink);color:white}.workbench-tabs button[aria-selected=true] span{color:#aaa}.workbench-tabs button:not([aria-selected=true]):hover{background:#e8e8e8}
.skill-panel{padding:14px 18px 17px;background:#191919;color:#c2c2c2;min-height:178px}.skill-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.code-filename{font-size:9px;letter-spacing:.02em;color:#b3b3b3}.code-preview-label{font-size:7px;letter-spacing:.06em;color:#808080}.skill-panel pre{font-family:var(--mono);font-size:10px;line-height:1.75;margin:14px 0 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#555 transparent}.skill-panel code{font:inherit}.code-muted{color:#8d8d8d}.code-bright{color:#fafafa}.code-string{color:#cdcdcd}
.hero-bottom{border-top:1px solid var(--line);padding-block:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.scroll-cue{display:inline-flex;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.scroll-cue>span{font-size:22px;color:var(--ink)}.hero-bottom>p{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.hero-bottom strong{font-family:var(--display);font-size:30px;letter-spacing:-2px;color:var(--ink);font-weight:500;line-height:1}
.section-dark{background:var(--ink);color:var(--paper)}.expertise{padding-block:100px 48px}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:64px}.section-heading>.eyebrow{padding-top:10px}.section-heading h2{font-family:var(--display);font-size:clamp(40px,4.2vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.section-intro{font-size:14px;color:var(--muted);line-height:1.75;margin-top:22px}.section-dark .section-intro{color:#939393}.section-dark .eyebrow{color:#a3a3a3}
.service-row{display:grid;grid-template-columns:.26fr 1fr 1.12fr;gap:40px;padding-block:39px 42px;border-top:1px solid #383838;align-items:start}.service-number{padding-top:11px;color:#888;font-size:10px}.service-title{display:flex;gap:22px;align-items:center}.service-title svg{width:38px;flex:0 0 38px;stroke:#aaa;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.service-title h3{font-family:var(--display);font-weight:400;font-size:clamp(29px,3vw,43px);letter-spacing:-.05em;line-height:1.15}.service-title h3>span{color:#6e6e6e}.service-description{max-width:405px;padding-top:5px}.service-description>p{font-size:13px;color:#aaa;line-height:1.85}.service-tags{display:flex;flex-wrap:wrap;gap:7px 18px;padding:0;list-style:none;margin-top:17px}.service-tags li{font-family:var(--mono);font-size:9px;letter-spacing:.01em;color:#ccc;white-space:nowrap}.service-tags li::before{content:"/";margin-right:6px;color:#666}.service-break{display:none}
.expertise-note{border-top:1px solid #383838;display:flex;align-items:center;gap:22px;padding-top:31px}.expertise-note>span{font-size:35px;align-self:flex-start;color:#777;line-height:1}.expertise-note>p{font-size:12px;line-height:1.7;color:#999}.expertise-note>a{margin-left:auto;white-space:nowrap;color:#dedede}.expertise-note a span{color:#999}
.approach{padding-top:105px;padding-bottom:100px}.approach .section-heading{margin-bottom:56px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:36px}.process-grid>li{border-top:1px solid var(--ink);padding-top:23px}.process-number{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;color:#777;margin-bottom:41px}.process-number span{font-family:var(--body);font-size:22px;color:#999}.process-grid h3{font-family:var(--display);font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.055em;margin-bottom:15px}.process-grid p{font-size:13px;color:var(--muted);line-height:1.9;max-width:290px}
.github-band{display:flex;gap:30px;align-items:center;margin-top:83px;background:#eeeeed;padding:30px 35px;transition:background .25s}.github-band:hover{background:#e2e2e1}.github-icon{width:46px;flex:0 0 46px}.github-band .mono{font-size:8px;letter-spacing:.09em;color:#737373}.github-band h3{font-family:var(--display);font-size:26px;font-weight:500;letter-spacing:-.06em;margin-top:3px;line-height:1.3}.github-band p{font-size:11px;color:var(--muted);margin-top:3px}.github-band-arrow{margin-left:auto;font-size:41px;line-height:1;transition:transform .25s}.github-band:hover .github-band-arrow{transform:translate(3px,-3px)}
.contact{background:#eee;padding-top:45px;padding-bottom:82px;border-top:1px solid #ddd}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:47px}.contact-kicker{color:#757575;font-size:11px}.contact-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:80px;align-items:start}.contact-grid>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.contact h2{font-family:var(--display);font-size:clamp(62px,7.2vw,110px);font-weight:400;line-height:1.01;letter-spacing:-.075em;position:relative;display:inline-block}.contact h2>span{font-weight:700}.contact h2 svg{position:absolute;right:-95px;bottom:8px;width:71px;stroke:var(--ink);stroke-width:1.5}.contact .button{margin-top:34px;min-width:186px}.contact-hint{font-size:11px;color:var(--muted);margin-top:16px}.contact-details{padding-top:6px}.contact-detail{padding-block:22px 24px;border-top:1px solid #c8c8c8;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.contact-detail .mono{font-size:9px;color:#777}.contact-detail>a,.copy-discord{font-family:var(--display);font-size:clamp(16px,1.8vw,25px);font-weight:400;letter-spacing:-.055em;line-height:1.4;overflow-wrap:anywhere}.contact-detail>a:hover{text-decoration:underline;text-underline-offset:5px}.copy-discord{background:none;border:0;padding:0;display:inline-flex;align-items:center;gap:35px;text-align:left;transition:opacity .2s}.copy-discord:hover{opacity:.6}.copy-discord svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.25}.contact-detail-note{font-size:10px;color:#777;margin-top:0}
.site-footer{background:#111;color:#fafafa;padding-block:30px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:16px;letter-spacing:-.6px;gap:9px}.footer-brand img{filter:invert(1)}.footer-inner>p{font-size:10px;color:#999}.footer-inner>span{font-size:9px;color:#888}.back-top{display:inline-flex;justify-content:center;align-items:center;border:1px solid #4b4b4b;width:34px;height:34px;font-size:18px;transition:background .2s}.back-top:hover{background:#333}
.toast{position:fixed;z-index:250;bottom:26px;left:50%;max-width:calc(100% - 36px);width:max-content;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111;color:#fafafa;font-size:12px;padding:15px 22px;border:1px solid #444;box-shadow:0 8px 35px #0002;transition:transform .2s,opacity .2s;text-align:center}.toast.is-visible{transform:translate(-50%,0);opacity:1}.clipboard-proxy{position:fixed;left:-9999px;top:0;opacity:0}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.will-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:1550px){.hero-grid{padding-top:66px;padding-bottom:80px}.specimen-art{height:330px}.skill-panel{min-height:190px}.skill-panel pre{font-size:11px}.hero-intro{margin-top:37px}.hero-actions{margin-top:36px}.hero-bottom{padding-block:28px}}
@media(max-width:1120px){.site-nav{gap:24px}.hero-grid{gap:38px}.hero h1{font-size:clamp(75px,9.3vw,110px)}.hero-intro{font-size:14px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px}.button{gap:25px}.specimen-art{height:275px}.specimen-symbol{width:280px}.workbench-tabs button{padding-inline:10px;font-size:10px}.skill-panel{padding-inline:13px}.skill-panel pre{font-size:9px}.section-heading{grid-template-columns:.75fr 1.5fr}.service-row{grid-template-columns:.12fr 1fr 1.1fr;gap:22px}.service-title{gap:15px}.service-title svg{width:32px;flex-basis:32px}.service-tags{gap:7px 10px}.contact-grid{gap:60px}.contact h2 svg{width:57px;right:-70px}.contact-detail>a,.copy-discord{font-size:20px}.footer-inner>p{max-width:170px}}
@media(max-width:900px) and (min-width:761px){.hero h1{font-size:clamp(72px,9.5vw,88px)}.hero-grid{gap:24px;grid-template-columns:1fr 1fr}.hero-actions{gap:17px}.hero-actions .button{padding-inline:16px}.hero-actions .text-link{gap:8px}.specimen-art{height:265px}.service-title h3{font-size:30px}.service-break{display:block}.service-description>p{font-size:12px}.process-grid{gap:24px}.process-grid h3{font-size:21px}}
@media(max-width:760px){
 html{scroll-padding-top:88px}.header-inner{height:74px}.brand{font-size:22px}.brand img{width:30px;height:30px}.menu-toggle{display:inline-flex}.site-nav{gap:18px;flex-wrap:wrap;padding-block:16px}.header-inner{flex-wrap:wrap;height:auto;min-height:74px}.js .header-inner{flex-wrap:nowrap;height:74px}.js .site-nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--paper);border-bottom:1px solid var(--line);padding:25px var(--gutter);align-items:stretch;flex-direction:column;gap:23px}.js .site-nav.is-open{display:flex}.site-nav .nav-contact{justify-content:space-between}.site-nav>a{font-size:14px;width:max-content}.site-nav .nav-contact{width:100%}
 .hero{padding-top:27px}.hero-topline .eyebrow{font-size:9px}.edition{font-size:8px;max-width:100px;text-align:right;line-height:1.8}.hero-grid{grid-template-columns:1fr;gap:43px;padding-top:41px;padding-bottom:40px}.hero h1{font-size:clamp(80px,15.7vw,121px);line-height:.97;letter-spacing:-.08em}.hero h1 br:nth-of-type(2){display:none}.hero-commit::before{content:" "}.hero-intro{max-width:420px;margin-top:25px;font-size:15px}.hero-actions{margin-top:24px;gap:28px}.hero-actions .text-link{font-size:12px}.button{min-height:51px;padding:13px 20px;font-size:12px;gap:30px}.workbench{max-width:520px;width:100%;justify-self:center}.specimen-art{height:285px}.specimen-symbol{width:300px}.workbench-tabs button{font-size:11px;padding-inline:16px}.skill-panel{min-height:175px;padding-inline:17px}.skill-panel pre{font-size:10px}.hero-bottom{padding-block:23px;align-items:flex-start}.scroll-cue{max-width:150px;gap:11px;font-size:10px;line-height:1.6}.hero-bottom>p{gap:9px;max-width:155px}.hero-bottom>p>span{font-size:9px;line-height:1.5;max-width:95px}.hero-bottom strong{font-size:28px}
 .expertise{padding-top:64px;padding-bottom:35px}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:41px}.section-heading>.eyebrow{padding-top:0;font-size:10px}.section-heading h2{font-size:clamp(39px,8vw,57px)}.section-intro{font-size:13px;margin-top:18px}.service-row{grid-template-columns:30px 1fr;gap:17px 10px;padding-block:29px 30px}.service-number{padding-top:7px;font-size:9px}.service-title{gap:16px}.service-title h3{font-size:34px}.service-title svg{width:30px;flex-basis:30px}.service-description{grid-column:2;padding-top:0;max-width:450px}.service-description>p{font-size:12px;line-height:1.85}.service-tags{margin-top:13px;gap:7px 15px}.service-tags li{font-size:8px}.service-break{display:none}.expertise-note{display:grid;grid-template-columns:25px 1fr;gap:14px;padding-top:24px}.expertise-note>span{font-size:28px}.expertise-note>p{font-size:11px}.expertise-note>a{grid-column:2;margin-left:0;font-size:11px;justify-self:start}
 .approach{padding-top:65px;padding-bottom:59px}.approach .section-heading{margin-bottom:39px}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid>li{padding-top:16px;display:grid;grid-template-columns:40px 1fr;column-gap:12px;row-gap:11px}.process-number{grid-row:1 / span 2;align-items:flex-start;flex-direction:column;justify-content:flex-start;gap:12px;margin:0;padding-top:5px}.process-number>span{font-size:20px}.process-grid h3{font-size:25px;margin:0}.process-grid p{grid-column:2;max-width:450px;font-size:12px;line-height:1.85}.github-band{margin-top:47px;padding:24px 20px;gap:18px}.github-icon{width:34px;flex-basis:34px}.github-band .mono{font-size:6px;letter-spacing:.035em}.github-band h3{font-size:22px}.github-band p{font-size:10px}.github-band-arrow{font-size:30px}
 .contact{padding-top:32px;padding-bottom:45px}.contact-top{padding-bottom:32px;align-items:flex-start}.contact-top .eyebrow{font-size:9px}.contact-kicker{font-size:9px;max-width:115px;text-align:right}.contact-grid{grid-template-columns:1fr;gap:38px}.contact h2{font-size:clamp(70px,15vw,102px)}.contact h2 svg{right:-75px;width:56px;bottom:4px}.contact .button{margin-top:26px}.contact-hint{font-size:10px;margin-top:13px}.contact-details{padding-top:0}.contact-detail{padding-block:20px;gap:8px}.contact-detail>a,.copy-discord{font-size:22px}.contact-detail-note{font-size:9px}.copy-discord{gap:27px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:17px}.footer-inner>p{grid-column:1;max-width:none;font-size:9px}.footer-inner>span{grid-column:1;grid-row:3;font-size:8px}.footer-brand{font-size:17px}.footer-brand img{width:26px;height:26px}.back-top{grid-column:2;grid-row:1 / span 3;align-self:start}.site-footer{padding-block:26px}
}
@media(max-width:390px){.hero h1{font-size:clamp(70px,15.6vw,81px)}.hero-actions{gap:18px}.hero-actions .text-link{font-size:10px;gap:10px}.hero-actions .button{gap:21px;padding-inline:16px}.hero-intro{font-size:14px}.specimen-art{height:265px}.workbench-tabs button{padding-inline:11px;font-size:10px}.skill-panel pre{font-size:8.5px}.code-preview-label{font-size:6px}.service-title h3{font-size:31px}.service-tags{gap:7px 10px}.github-band{gap:13px;padding-inline:17px}.github-icon{width:28px;flex-basis:28px}.github-band h3{font-size:20px}.github-band-arrow{font-size:26px}.contact h2{font-size:69px}.contact h2 svg{width:45px;right:-56px}.contact-detail>a{font-size:20px}}
.contact-kicker,.contact-detail .mono,.contact-detail-note,.github-band .mono,.workbench-tabs button:not([aria-selected=true]) span,.process-number{color:#696969}
.code-preview-label{color:#999}
@media(max-width:390px){.contact h2 svg{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}