@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--paper: #fff;--ink: #090909;--muted: #5d5d5d;--line: #171717;--acid: #adff00;--sans: "Manrope", "Helvetica Neue", Arial, sans-serif;--mono: "DM Mono", "SFMono-Regular", Consolas, monospace;font-synthesis:none;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--acid);color:var(--ink)}.shell,.section-shell{width:min(100% - 64px,1480px);margin-inline:auto}.site-nav{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.nav-identity{display:flex;align-items:center;gap:34px;font-size:17px;font-weight:700}.mark{width:64px;height:42px;display:flex;align-items:center;position:relative;font-size:34px;font-weight:800;letter-spacing:-.14em;transition:color .2s ease}.mark:hover{color:#69a700}.nav-links{display:flex;gap:clamp(28px,4vw,74px);font-size:17px;font-weight:600}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--acid);transition:right .25s ease}.nav-links a:hover:after{right:0}.hero{min-height:100svh;position:relative}.hero-grid{min-height:calc(100svh - 138px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:4vw;align-items:center;padding:55px 12px 82px}.hero-copy{max-width:760px}.hero h1{font-size:clamp(50px,5.25vw,88px);line-height:.98;letter-spacing:-.065em;font-weight:800;max-width:790px;animation:reveal .8s cubic-bezier(.2,.75,.25,1) both}.hero-rule{height:2px;width:88%;background:var(--acid);margin:34px 0 32px;position:relative}.hero-rule span{position:absolute;width:17%;height:3px;background:var(--ink);left:43%;top:-1px;animation:scan 4s ease-in-out infinite}.hero-deck{max-width:570px;font-family:var(--mono);font-size:clamp(16px,1.3vw,21px);line-height:1.5;letter-spacing:-.02em}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:17px;font-weight:600;transition:gap .2s ease,color .2s ease}.text-link svg{width:20px}.text-link:hover{gap:22px}.text-link-accent svg{color:#7fb900}.location{margin-top:46px;font:15px var(--mono)}.scroll-cue{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:42px;height:42px;display:grid;place-items:center;animation:bob 2s ease-in-out infinite}.scroll-cue svg{width:21px}.system-sketch{height:min(580px,62vw);max-height:590px;min-height:430px;position:relative;border-left:1px solid var(--line)}.system-sketch:before,.system-sketch:after{content:"";position:absolute;background:var(--line)}.system-sketch:before{width:93%;height:1px;left:-7%;top:43%}.system-sketch:after{width:1px;height:78%;left:49%;top:15%}.sketch-circle{position:absolute;width:61%;aspect-ratio:1;border:1px solid var(--line);border-left-color:transparent;border-radius:50%;left:13%;top:19%}.sketch-monogram{position:absolute;left:13%;top:38%;font-size:clamp(104px,13vw,210px);font-weight:800;letter-spacing:-.14em;line-height:.8}.sketch-label,.sketch-code{position:absolute;font:12px/1.45 var(--mono)}.sketch-label-top{top:7%;left:8%}.sketch-label-bottom{right:3%;bottom:23%}.sketch-code{left:11%;bottom:4%}.sketch-line{position:absolute;height:1px;background:var(--line)}.sketch-line-one{width:42%;left:-7%;top:68%}.sketch-line-two{width:34%;right:1%;top:57%;border-top:1px dashed var(--line);background:none}.sketch-line-three{width:31%;right:0;bottom:9%}.sketch-node{position:absolute;width:12px;height:12px;background:var(--ink)}.sketch-node-one{top:calc(43% - 5px);right:13%;background:var(--acid)}.sketch-node-two{bottom:calc(32% - 5px);left:-6px}.section-index{height:76px;border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:center;font:13px var(--mono);text-transform:uppercase;letter-spacing:.04em}.index-line{display:inline-block;width:28px;height:1px;background:var(--line)}.work{padding-top:70px}.work-intro{min-height:355px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;border-bottom:1px solid var(--line)}.work h2,.about h2{font-size:clamp(64px,8vw,126px);line-height:.9;letter-spacing:-.07em;font-weight:800}.work-intro p{max-width:540px;margin-top:28px;font:clamp(16px,1.25vw,20px)/1.5 var(--mono)}.workflow-sketch{height:220px;border:1px solid var(--line);position:relative}.workflow-windowbar{height:38px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center;padding:0 15px}.workflow-windowbar i{width:8px;height:8px;border:1px solid var(--line);border-radius:50%}.workflow-sidebar{position:absolute;left:0;top:38px;bottom:0;width:21%;border-right:1px solid var(--line);padding:30px 15px;display:grid;align-content:start;gap:15px}.workflow-sidebar span{width:65%;height:1px;background:var(--line)}.workflow-sidebar span:first-child{height:3px;background:var(--acid)}.workflow-steps{position:absolute;left:27%;right:5%;top:77px;display:flex;align-items:center;justify-content:space-between}.workflow-steps b{width:54px;height:65px;border:1px solid var(--line);background:var(--paper);position:relative}.workflow-steps b:before,.workflow-steps b:after{content:"";position:absolute;left:12px;height:1px;background:var(--line)}.workflow-steps b:before{width:25px;top:24px}.workflow-steps b:after{width:18px;top:35px}.workflow-steps em{width:20px;height:1px;background:var(--line);position:relative}.workflow-steps em:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}.workflow-add{border-style:dashed!important}.workflow-add:before{width:16px!important;top:31px!important;left:18px!important}.workflow-add:after{width:1px!important;height:16px!important;top:23px!important;left:26px!important}.workflow-path{position:absolute;left:35%;right:8%;top:166px;border-top:1px dashed var(--line)}.workflow-path:after{content:"";position:absolute;width:7px;height:7px;border:1px solid var(--ink);background:var(--acid);right:-4px;top:-4px;border-radius:50%}.project{min-height:150px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:14% 31% 35% 20%;align-items:center;padding:25px 0}.project-number{font-size:clamp(44px,5vw,76px);letter-spacing:-.06em;font-weight:500}.project-featured{min-height:200px}.project-featured .project-number{color:#8fde00;font-size:clamp(90px,10vw,154px);line-height:.8}.project-name h3{font-size:clamp(30px,3vw,48px);letter-spacing:-.045em;line-height:1}.project-name p{margin-top:18px;font:14px var(--mono)}.project-summary{padding-right:30px}.project-summary h4{font-size:18px;line-height:1.25}.project-summary p{max-width:430px;margin-top:9px;font:14px/1.5 var(--mono)}.project-link{justify-self:end;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--acid);padding-bottom:4px;font:500 15px var(--mono)}.project-link svg{width:17px;transition:transform .2s ease}.project-link:hover svg{transform:translate(4px,-4px)}.experience-rail{min-height:90px;display:flex;align-items:center;flex-wrap:wrap;gap:18px;font:13px var(--mono)}.experience-rail span{color:var(--muted);text-transform:uppercase;margin-right:auto}.experience-rail i{width:4px;height:4px;border-radius:50%;background:var(--acid)}.about{padding-top:90px}.about-grid{min-height:740px;display:grid;grid-template-columns:2fr 1fr;border-bottom:1px solid var(--line)}.about-main{padding:66px 7vw 70px 0;border-right:1px solid var(--line)}.about h2{margin-bottom:56px}.about-statement{max-width:850px;font-size:clamp(30px,3.2vw,52px);line-height:1.03;letter-spacing:-.055em;font-weight:700}.about-copy{max-width:720px;margin-top:34px;font:15px/1.65 var(--mono)}.about-details{padding:62px 0 70px 5vw;display:flex;flex-direction:column;justify-content:space-between}.detail-title{display:block;padding-bottom:18px;border-bottom:1px solid var(--line);text-transform:uppercase;font:12px var(--mono);letter-spacing:.08em}.detail-block>p{border-bottom:1px solid #aaa;padding:20px 0;font:13px/1.6 var(--mono)}.capabilities p{border:0}.capabilities i{color:#7fb900;font-style:normal;margin-inline:5px}.contact{min-height:600px;position:relative;overflow:hidden}.contact-geometry{position:absolute;width:620px;height:620px;border-radius:50%;background:var(--acid);right:-80px;bottom:-170px}.contact-geometry svg{width:180px;height:180px;stroke-width:.6;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.contact-content{position:relative;z-index:1;padding-top:68px}.contact h2{font-size:clamp(54px,6.5vw,104px);line-height:.92;letter-spacing:-.065em}.contact-email{display:inline-flex;align-items:center;gap:15px;margin-top:33px;font-size:clamp(27px,4vw,62px);line-height:1.1;letter-spacing:-.04em;border-bottom:3px solid var(--ink)}.contact-email svg{width:.8em;height:.8em;transition:transform .2s ease}.contact-email:hover svg{transform:translate(6px,-6px)}.social-links{display:flex;gap:44px;margin-top:34px}.social-links a{display:inline-flex;gap:7px;align-items:center;padding-bottom:4px;border-bottom:1px solid;font:13px var(--mono);text-transform:uppercase}.social-links svg{width:14px}.footer-line{position:absolute;z-index:2;bottom:0;left:0;right:0;min-height:64px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:var(--paper);font:12px var(--mono)}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}}@keyframes scan{0%,to{left:43%}50%{left:70%}}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.shell,.section-shell{width:min(100% - 36px,1480px)}.site-nav{height:76px}.nav-identity>span{display:none}.nav-links{gap:22px;font-size:14px}.mark{font-size:28px;width:50px}.hero-grid{min-height:auto;grid-template-columns:1fr;padding:58px 0 90px;gap:65px}.hero h1{max-width:720px}.system-sketch{min-height:390px;height:58vw;max-height:490px;margin-left:6%}.scroll-cue{display:none}.work{padding-top:20px}.work-intro{grid-template-columns:1fr;padding:60px 0}.workflow-sketch{display:none}.project{grid-template-columns:16% 36% 48%;padding:35px 0}.project-link{grid-column:3;justify-self:start;margin-top:18px}.project-summary{padding-right:0}.project-featured .project-number{font-size:80px}.about-grid{grid-template-columns:1fr}.about-main{border-right:0;padding-right:0}.about-details{border-top:1px solid var(--line);padding-left:0;gap:80px}.contact-geometry{width:430px;height:430px;right:-200px;bottom:-70px}.contact-geometry svg{width:120px;height:120px}}@media(max-width:600px){.shell,.section-shell{width:calc(100% - 28px)}.hero-grid{padding-top:45px}.hero h1{font-size:clamp(43px,13.2vw,62px)}.hero-deck{font-size:14px}.hero-rule{width:100%;margin:27px 0}.location{margin-top:36px}.system-sketch{min-height:285px;height:82vw;margin-left:3%}.sketch-monogram{font-size:27vw}.sketch-label,.sketch-code{font-size:8px}.sketch-label-bottom{bottom:20%}.section-index{height:60px}.work h2,.about h2{font-size:17vw}.work-intro{min-height:320px;padding:45px 0}.work-intro p{font-size:14px}.project,.project-featured{grid-template-columns:62px 1fr;min-height:0;align-items:start;padding:32px 0}.project-number,.project-featured .project-number{grid-row:span 3;font-size:48px;line-height:.9}.project-name h3{font-size:34px}.project-name p{margin-top:10px;font-size:11px}.project-summary{margin-top:23px}.project-summary h4{font-size:17px}.project-summary p{font-size:12px}.project-link{grid-column:2;margin-top:22px;font-size:13px}.experience-rail{padding:25px 0;gap:12px}.experience-rail span{flex-basis:100%}.about{padding-top:30px}.about-main{padding:45px 0 55px}.about h2{margin-bottom:40px}.about-statement{font-size:31px}.about-copy{font-size:12px}.about-details{padding:45px 0 55px;gap:55px}.contact{min-height:520px}.contact h2{font-size:13.5vw}.contact-email{font-size:6.9vw;gap:5px;border-width:2px}.contact-geometry{width:280px;height:280px;right:-175px;bottom:25px}.contact-geometry svg{width:75px;height:75px}.footer-line a{display:none}}
