:root{--paper:#f7f4ed;--ink:#17150f;--ink-soft:#5d584c;--rule:#d8d2c4;--accent:#b3451f;--accent-2:#557a00;--card:#fffdf8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#100f0e;--ink:#f0ece2;--ink-soft:#9b958a;--rule:#2e2b26;--accent:#e8703f;--accent-2:#c9f84a;--card:#181716}}:root[data-theme=dark]{--paper:#100f0e;--ink:#f0ece2;--ink-soft:#9b958a;--rule:#2e2b26;--accent:#e8703f;--accent-2:#c9f84a;--card:#181716}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:Newsreader,Georgia,Times New Roman,serif;font-size:clamp(16px,1.05vw + 13px,19px);line-height:1.65;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9;opacity:.42;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-color-scheme:dark){body:before{mix-blend-mode:screen;opacity:.18}}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.mono{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:.66rem}.wrap{max-width:1080px;margin:0 auto;padding:0 clamp(20px,5vw,64px)}.rail{z-index:8;border-bottom:1px solid var(--rule);background:var(--paper);height:64px;position:fixed;top:0;left:0;right:0}.rail:after{content:"";height:2px;width:var(--scroll-progress,0%);background:var(--accent);pointer-events:none;transition:width 80ms ease-out;position:absolute;bottom:-1px;left:0}.rail-inner{align-items:center;max-width:1080px;height:100%;margin:0 auto;padding:0 clamp(20px,5vw,64px);display:flex}.rail .mark{flex-shrink:0;font-family:Instrument Serif,serif;font-size:1.4rem;line-height:1}.rail .vert{align-items:center;gap:clamp(16px,2.6vw,30px);margin-left:auto;display:flex}.rail .vert a{padding:6px 2px;transition:color .25s,opacity .25s,transform .25s;display:block}.rail .vert a:hover{color:var(--accent);transform:translateY(-2px)}.rail .vert a.active{color:var(--accent)}.rail .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-left:clamp(10px,1.6vw,20px);transition:transform .25s,box-shadow .25s,opacity .25s;display:block;box-shadow:0 0 #b3451f59}.rail .dot:hover,.rail .dot.active{transform:scale(1.25);box-shadow:0 0 0 7px #b3451f1f}@media (width<=900px){.rail{display:none}}@media (width>=901px){.wrap{padding-top:64px}}.mobile-nav{z-index:12;border-bottom:1px solid var(--rule);background:var(--paper);justify-content:space-between;align-items:center;padding:14px clamp(20px,5vw,40px);display:none;position:fixed;top:0;left:0;right:0}.mobile-mark{font-family:Instrument Serif,serif;font-size:1.2rem;line-height:1}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:inline-flex}.mobile-toggle .bar{background:var(--ink);width:22px;height:1.5px;transition:transform .25s,opacity .25s;display:block}.mobile-toggle[aria-expanded=true] .bar:first-child{transform:translateY(3.25px)rotate(45deg)}.mobile-toggle[aria-expanded=true] .bar:nth-child(2){transform:translateY(-3.25px)rotate(-45deg)}.mobile-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-menu{background:var(--paper);border-bottom:1px solid var(--rule);visibility:hidden;max-height:0;transition:max-height .3s,visibility .3s;display:grid;position:fixed;top:49px;left:0;right:0;overflow:hidden}.mobile-menu.open{visibility:visible;max-height:320px}.mobile-menu a{text-align:center;letter-spacing:.16em;text-transform:uppercase;padding:8px 0;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:.72rem}.mobile-menu a:not(:last-child){border-bottom:1px solid var(--rule)}.mobile-menu a:hover,.mobile-menu a.active{color:var(--accent);background:#b3451f0a}@media (width<=900px){.mobile-nav{display:flex}.wrap{padding-top:49px}}.rv{opacity:0;filter:blur(4px);animation:.85s cubic-bezier(.2,.7,.25,1) forwards rise;transform:translateY(14px)}@keyframes rise{to{opacity:1;filter:blur();transform:none}}.kt{clip-path:inset(0 100% 0 0);transition:clip-path .6s cubic-bezier(.2,.7,.25,1);transition-delay:calc(var(--i,0) * 26ms);line-height:1.1;display:inline-block}.kt-word{white-space:nowrap;display:inline-block}.kt-in .kt{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1!important;animation:none!important;transform:none!important}.kt{clip-path:inset(0)!important;transition:none!important}.pulse,.term-caret{animation:none!important}.beyond-item{transform:none!important}*{transition-duration:.01ms!important}}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--paper);border:1px solid var(--accent);color:var(--ink);padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip-link:focus-visible{left:8px}.hero{flex-direction:column;justify-content:center;min-height:92vh;padding:96px 0 56px;display:flex;position:relative}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#b3451f0b 0%,#f7f4ed00 70%);border-radius:50%;width:550px;max-width:85vw;height:550px;max-height:85vw;position:absolute;top:18%;left:8%}.hero-sketch{z-index:0;opacity:.5;background:0 0;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.hero>:not(.hero-sketch){z-index:1;position:relative}@media (width<=760px){.hero-sketch{display:none}}.hero .eyebrow{align-items:center;gap:14px;margin-bottom:26px;display:flex}.hero .eyebrow:after{content:"";background:var(--rule);flex:1;max-width:200px;height:1px}h1{letter-spacing:-.02em;font-family:Instrument Serif,serif;font-size:clamp(3.2rem,11.5vw,9rem);font-weight:400;line-height:.87}h1 em{color:var(--accent);font-style:italic}h1 em .j-upright{letter-spacing:-.01em;margin-right:-.02em;font-size:1.08em;font-style:normal}.lede{max-width:42ch;color:var(--ink-soft);margin-top:34px;font-size:1.12em;font-weight:300}.hero .meta{flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:42px;display:flex}.avail{align-items:center;gap:8px;display:inline-flex}.pulse{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2.4s infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero .currently{margin-top:28px}.action{border:1px solid var(--rule);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;padding:9px 15px;font-family:JetBrains Mono,monospace;font-size:.68rem;transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .25s;display:inline-flex}.action:hover,.action:focus-visible{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-2px);box-shadow:0 5px 16px -10px}.action.primary{border-color:var(--accent);color:var(--accent)}section{padding:clamp(60px,9vh,104px) 0;scroll-margin-top:clamp(64px,8vh,80px)}.sec-head{border-top:1px solid var(--rule);align-items:baseline;gap:18px;margin-bottom:50px;padding-top:18px;display:flex}.sec-head h2{letter-spacing:-.01em;font-family:Instrument Serif,serif;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:400;line-height:1.1}.about{grid-template-columns:1.15fr 1fr;align-items:start;gap:clamp(28px,6vw,72px);display:grid}.about p{font-size:1.08em;font-weight:300}.about p+p{margin-top:1.05em}.facts{border-left:1px solid var(--rule);padding-left:26px}.facts dt{margin-top:20px}.facts dt:first-child{margin-top:0}.facts dd{margin-top:4px;font-size:.96em}.facts a{border-bottom:1px solid var(--rule);transition:border-color .25s,color .25s}.facts a:hover{color:var(--accent);border-color:var(--accent)}@media (width<=760px){.about{grid-template-columns:1fr}.facts{border-left:0;border-top:1px solid var(--rule);padding-top:24px;padding-left:0}}.build-grid{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.build-item{background:var(--card);padding:28px 24px}.build-number{margin-bottom:22px;display:block}.build-item h3{margin-bottom:10px;font-family:Instrument Serif,serif;font-size:1.55rem;font-weight:400;line-height:1.1}.build-item p{color:var(--ink-soft);font-size:.94em;font-weight:300}@media (width<=700px){.build-grid{grid-template-columns:1fr}}.project-group-label{margin:0 0 12px}.proj{border-top:1px solid var(--rule);padding:26px 0;transition:padding-left .45s cubic-bezier(.2,.7,.25,1);display:block;position:relative;overflow:hidden}.proj:last-of-type{border-bottom:1px solid var(--rule)}.proj .row{grid-template-columns:46px 1fr auto;align-items:baseline;gap:20px;display:grid}.proj h3{font-family:Instrument Serif,serif;font-size:clamp(1.45rem,3.4vw,2.1rem);font-weight:400;line-height:1.1;transition:color .3s}.proj h3 a{color:inherit;text-decoration:none;transition:color .3s;display:inline-block}.proj:hover h3 a,.proj:focus-within h3 a{color:var(--accent)}.proj .desc{max-width:62ch;color:var(--ink-soft);grid-column:2/-1;margin-top:10px;font-size:.98em;font-weight:300}.proj .impact{color:var(--ink);grid-column:2/-1;margin-top:10px}.proj-year{margin-top:8px;display:block}.proj-visual-placeholder{background:var(--card);border:1px solid var(--rule);border-radius:4px;padding:14px 18px 16px;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 8px 20px -8px #17150f0d}.proj-visual-placeholder:before{content:"";opacity:.75;background:radial-gradient(circle,#d9534f 3px,#0000 4px) 0 0/13px 8px repeat-x;width:38px;height:8px;margin-bottom:12px;display:block}.proj:hover .proj-visual-placeholder,.proj:focus-within .proj-visual-placeholder{border-color:#b3451f4d;transform:translateY(-2px);box-shadow:inset 0 1px #fff9,0 14px 28px -10px #b3451f1a}.proj .stack{flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:8px;margin-top:14px;display:flex}.proj .links{grid-column:2/-1;gap:18px;margin-top:17px;display:flex}.proj .links a{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--rule);font-family:JetBrains Mono,monospace;font-size:.62rem;transition:color .25s,border-color .25s}.proj .links a:hover{color:var(--accent);border-color:var(--accent)}.proj .arrow{color:var(--ink-soft);font-family:JetBrains Mono,monospace;font-size:1rem;transition:transform .4s,color .3s}.proj:hover,.proj:focus-within{padding-left:16px}.proj:hover h3,.proj:focus-within h3{color:var(--accent)}.proj:hover .arrow,.proj:focus-within .arrow{color:var(--accent);transform:translate(6px,-6px)}.proj-term{opacity:0;pointer-events:none;grid-column:2/-1;margin-top:16px;transition:opacity .35s,transform .35s;transform:translate(16px)}.proj:hover .proj-term,.proj:focus-within .proj-term{opacity:1;transform:translate(0)}.proj-term pre{border:1px solid var(--rule);letter-spacing:.01em;max-width:100%;color:var(--paper);background:#16140f;border-radius:2px;padding:12px 16px;font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:.7rem;line-height:1.7;display:inline-block;overflow:hidden}.proj-term .term-line{white-space:pre-wrap;display:block}.proj-term .term-cmd{color:var(--accent-2)}.proj-term .term-caret{vertical-align:text-bottom;background:var(--accent-2);width:7px;height:13px;margin-left:6px;animation:1s steps(2,start) infinite caret-blink;display:inline-block}@keyframes caret-blink{to{visibility:hidden}}.proj:after{content:"";background:var(--accent);width:0;height:1px;transition:width .55s cubic-bezier(.2,.7,.25,1);position:absolute;bottom:-1px;left:0}.proj:hover:after,.proj:focus-within:after{width:100%}.proj--featured .row{border-left:1px solid var(--rule);padding-left:18px}.proj--featured h3{font-size:clamp(1.6rem,4vw,2.3rem)}.proj--featured{padding-top:34px;padding-bottom:34px}.proj--flagship .row{border-left-color:var(--accent)}.proj--flagship .proj-visual-placeholder{min-height:140px}.proj-visual{grid-column:2/-1;margin-top:18px}.proj-visual-placeholder{border:1px dashed var(--rule);background:var(--card);border-radius:4px;justify-content:center;align-items:center;min-height:120px;transition:border-color .3s,background-color .3s;display:flex}.proj:hover .proj-visual-placeholder,.proj:focus-within .proj-visual-placeholder{border-color:var(--accent)}.proj-visual-placeholder .mono{font-size:.66rem}@media (prefers-color-scheme:dark){.proj-visual-placeholder{background:#121110}}.proj-visual img{border:1px solid var(--rule);border-radius:2px;width:100%;height:auto;display:block}@media (width<=560px){.proj .row{grid-template-columns:34px 1fr auto;gap:12px}.proj:hover,.proj:focus-within{padding-left:8px}}.tag{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rule);color:var(--ink-soft);background:#17150f08;border-radius:999px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:.7rem;transition:background .2s,border-color .2s,color .2s}.proj:hover .tag,.proj:focus-within .tag{border-color:#b3451f38}.tag:hover{border-color:var(--accent);color:var(--accent);background:#b3451f14}.tag.live{border-color:var(--accent);color:var(--accent)}.other-work{margin-top:52px}.other-work .proj{padding:20px 0}.other-work .proj h3{font-size:clamp(1.25rem,3vw,1.65rem)}.more-work{margin-top:28px}.more-work a{border-bottom:1px solid var(--rule);transition:color .25s,border-color .25s}.more-work a:hover{color:var(--accent);border-color:var(--accent)}.skills{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;display:grid;position:relative}.skills:before,.skills:after{content:"+";color:var(--accent);pointer-events:none;z-index:2;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1;position:absolute}.skills:before{top:-6px;left:-4px}.skills:after{bottom:-6px;right:-4px}@media (width>=1024px){.skills{grid-template-columns:repeat(5,1fr)}}.skill{background:var(--card);padding:26px 24px;transition:background .25s}.skill:hover{background:var(--paper)}.skill h4{margin-bottom:14px;font-family:Instrument Serif,serif;font-size:1.25rem;font-weight:400}.skill ul{font-size:.97em;font-weight:300;list-style:none}.skill li{color:var(--ink);align-items:baseline;gap:10px;padding:3px 0;display:flex}.skill li:before{content:"";background:var(--accent);opacity:.65;border-radius:50%;flex:none;width:4px;height:4px}.beyond{grid-template-columns:1.15fr .85fr;align-items:start;gap:clamp(20px,4vw,56px);display:grid}.beyond-item{background:var(--card);border:1px solid var(--rule);padding:30px 28px;position:relative}.beyond-item:first-child{margin-top:7%;transform:rotate(-1.2deg)}.beyond-item:nth-child(2){margin-top:-3%;transform:translate(6%)rotate(1.4deg)}.beyond-item:nth-child(2):before{content:"";border:1px solid var(--accent-2);opacity:.3;z-index:-1;position:absolute;inset:-8px -8px 8px 8px}.beyond-item .mono{margin-bottom:10px;display:block}.beyond-item h3{margin-bottom:7px;font-family:Instrument Serif,serif;font-size:1.35rem;font-weight:400}.beyond-item p{color:var(--ink-soft);font-size:.94em;font-weight:300}.beyond-item.rv{opacity:0;animation:.9s cubic-bezier(.2,.7,.25,1) forwards beyond-rise;transform:translateY(16px)}@keyframes beyond-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1}}@media (width<=640px){.beyond{background:var(--rule);border:1px solid var(--rule);grid-template-columns:1fr;gap:1px}.beyond-item{border:0;margin:0;transform:none!important}.beyond-item:nth-child(2):before{display:none}}.contact{text-align:center;padding-bottom:clamp(60px,10vh,110px)}.contact .big{letter-spacing:-.02em;word-break:break-word;font-family:Instrument Serif,serif;font-size:clamp(1.6rem,6.2vw,4.4rem);line-height:1.05;display:inline-block;position:relative}.contact .big:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .5s cubic-bezier(.2,.7,.25,1);position:absolute;bottom:.06em;left:0;transform:scaleX(0)}.contact .big:hover:after{transform:scaleX(1)}.socials{flex-wrap:wrap;justify-content:center;gap:12px 30px;margin-top:38px;display:flex}.socials a{transition:color .25s}.socials a:hover{color:var(--accent)}footer{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:26px 0 40px;display:flex}.sound-toggle{z-index:20;background:var(--paper);border:1px solid var(--rule);color:var(--ink-soft);cursor:pointer;padding:6px 10px;transition:color .25s,border-color .25s;position:fixed;bottom:18px;right:18px}.sound-toggle:hover{color:var(--accent);border-color:var(--accent)}.sound-toggle[aria-pressed=true]{color:var(--accent-2);border-color:var(--accent-2)}.sound-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}