:root{--ink:#11120f;--ink-soft:#181a16;--paper:#f0f0e8;--paper-dim:#d7d8ce;--muted:#999c91;--line:#34362f;--line-light:#c8c9bf;--acid:#f0b429;--acid-dark:#b97f00;--violet:#9499ef;--font-sans:"Manrope", Arial, sans-serif;--font-mono:"IBM Plex Mono", Consolas, monospace;--page-x:clamp(1.25rem, 3.7vw, 4.5rem);--section-y:clamp(6rem, 11vw, 11rem);--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{min-width:320px;color:var(--paper);background:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-weight:500;line-height:1.5;overflow-x:clip}body.is-loading,body.menu-open{overflow:hidden}body,a,button{cursor:none}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,svg,canvas{max-width:100%;display:block}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.69rem}.section{padding:var(--section-y) var(--page-x)}section[id],footer[id],form[id]{scroll-margin-top:4.5rem}.skip-link{z-index:1000;color:var(--ink);background:var(--acid);padding:.7rem 1rem;transition:transform .2s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.section-label{color:#55584f;border-bottom:1px solid var(--line-light);font:500 .67rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.section-label span:first-child{color:var(--ink)}.section-label--inverse{color:var(--muted);border-color:var(--line)}.section-label--inverse span:first-child{color:var(--acid)}.preloader{z-index:10000;padding:2rem var(--page-x);color:var(--paper);background:var(--ink);transform-origin:top;transition:clip-path .75s var(--ease-out), visibility .75s;clip-path:inset(0);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.preloader--exit{clip-path:inset(0 0 100%);visibility:hidden}.preloader-grid{z-index:-1;inset:0 var(--page-x);background-image:linear-gradient(to right, var(--line) 1px, transparent 1px);opacity:.48;background-size:calc(25% - .25px) 100%;position:absolute}.preloader-top,.preloader-bottom{color:var(--muted);justify-content:space-between;display:flex}.preloader-core{grid-template-columns:auto 1fr;align-items:end;column-gap:clamp(1.25rem,4vw,4rem);width:min(100%,62rem);margin:auto;display:grid}.preloader-mark{aspect-ratio:1;width:clamp(4.5rem,8vw,7rem);color:var(--ink);background:var(--acid);font:700 clamp(1rem, 2vw, 1.6rem)/1 var(--font-mono);grid-row:1/4;align-self:center;place-items:center;display:grid;box-shadow:.6rem .6rem #f0b42924}.preloader-stage{color:var(--muted)}.preloader-stage:before{content:"";background:var(--acid);border-radius:50%;width:.48rem;height:.48rem;margin-right:.65rem;animation:1s ease-in-out infinite alternate preloader-pulse;display:inline-block;box-shadow:0 0 0 .3rem #f0b4291a}.preloader-count{color:var(--paper);letter-spacing:-.08em;font-variant-numeric:tabular-nums;align-items:flex-start;font-size:clamp(5.5rem,14vw,12rem);font-weight:600;line-height:.82;display:flex}.preloader-count sup{color:var(--acid);font:500 clamp(.8rem, 1.6vw, 1.3rem)/1 var(--font-mono);letter-spacing:0;margin:.08em 0 0 .12em}.preloader-track{background:var(--line);grid-column:2;height:2px;margin-top:clamp(1.5rem,3vw,2.5rem);overflow:hidden}.preloader-track i{background:var(--acid);transform-origin:0;width:100%;height:100%;transition:transform 80ms linear;display:block}.preloader-code{color:#666a60;text-transform:none;grid-column:2;justify-content:space-between;gap:1rem;margin-top:.8rem;font-size:.58rem;display:flex}.preloader-code span:last-child{color:var(--acid-dark)}@keyframes preloader-pulse{to{opacity:.35;transform:scale(.72)}}.header{z-index:50;height:5rem;padding:0 var(--page-x);border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;transition:height .35s,background .35s,border-color .35s;display:grid;position:fixed;top:0;bottom:auto;left:0;right:0}.header--scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11120fdb;height:4rem}.brand{align-items:center;gap:.75rem;width:max-content;font-size:.75rem;font-weight:700;display:flex}.brand span:first-child{width:2rem;height:2rem;color:var(--ink);background:var(--acid);place-items:center;display:grid}.header nav{font:500 .65rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.07em;gap:clamp(1rem,2vw,2.25rem);display:flex}.header nav a,.contact-footer a{transition:color .25s}.header nav a:hover,.contact-footer a:hover{color:var(--acid)}.header-cta{border-bottom:1px solid var(--muted);justify-self:end;padding-bottom:.3rem;font-size:.73rem}.header-cta span{color:var(--acid);margin-left:.35rem}.menu-toggle{background:0 0;border:0;display:none}.cursor{z-index:200;pointer-events:none;background:var(--acid);opacity:0;mix-blend-mode:difference;border-radius:50%;width:16px;height:16px;transition:width .25s,height .25s,margin .25s,background .25s,opacity .2s;position:fixed;top:-8px;left:-8px}.cursor--visible{opacity:1}.cursor span{height:100%;color:var(--ink);font:500 .55rem var(--font-mono);letter-spacing:.07em;place-items:center;display:none}.cursor--active{width:42px;height:42px;margin:-13px 0 0 -13px}.cursor--label{mix-blend-mode:normal;width:72px;height:72px;margin:-28px 0 0 -28px}.cursor--label span{display:grid}.back-top{z-index:45;width:4.5rem;height:4.5rem;color:var(--paper);background:var(--ink);opacity:0;pointer-events:none;border:1px solid #55584f;align-content:center;place-items:center;transition:opacity .3s,transform .3s,border-color .3s;display:grid;position:fixed;bottom:1.25rem;right:1.25rem;transform:translateY(1rem)}.back-top>span:first-child{color:var(--acid);font-size:1.25rem;line-height:1}.back-top>span:last-child{margin-top:.25rem;font-size:.5rem}.back-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-top:hover{border-color:var(--acid)}.hero{min-height:100svh;padding:7rem var(--page-x) 2rem;isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-grid{z-index:-2;inset:0 var(--page-x);background-image:linear-gradient(to right, var(--line) 1px, transparent 1px);opacity:.42;background-size:calc(25% - .25px) 100%;position:absolute}.hero-kicker{color:var(--muted);grid-template-columns:1fr 1fr 1fr;display:grid;overflow:hidden}.hero-kicker span:nth-child(2){text-align:center}.hero-kicker span:last-child{text-align:right}.hero-main{flex:1;grid-template-columns:minmax(0,1.42fr) minmax(19rem,.78fr);align-items:center;gap:clamp(1.5rem,3vw,4rem);margin:clamp(2.5rem,6vh,5rem) 0;display:grid}.hero-title{z-index:2;letter-spacing:-.078em;min-width:0;font-size:clamp(4rem,7.45vw,9rem);font-weight:600;line-height:.79;position:relative}.hero-title-line{padding-right:.08em;display:block;overflow:hidden}.hero-title-line:last-child{margin-top:.06em;padding-top:.24em}.hero-title-line>span{display:block}.mobile-break{display:inline}.hero-title-line--indent{color:var(--acid);padding-left:13%}.hero-scene{z-index:1;aspect-ratio:1;isolation:isolate;opacity:.9;justify-self:end;width:min(100%,42rem);position:relative;overflow:hidden}.scene-fallback{border:1px solid var(--line);border-radius:.35rem;width:64%;height:42%;margin:25% 18%}.hero-bottom{z-index:3;border-top:1px solid var(--line);grid-template-columns:1.3fr 1fr 1fr;align-items:end;gap:2rem;padding-top:clamp(2rem,4vw,4rem);display:grid}.hero-bottom>p{max-width:37rem;color:var(--paper-dim);font-size:clamp(.95rem,1.3vw,1.2rem)}.hero-actions{align-items:center;gap:1.5rem;display:flex}.button{justify-content:space-between;align-items:center;min-width:11.5rem;padding:.9rem 1rem;font-size:.78rem;display:inline-flex}.button--primary{color:var(--ink);background:var(--acid)}.button span{font-size:1rem}.text-link{border-bottom:1px solid var(--muted);padding-bottom:.2rem;font-size:.75rem}.text-link span{color:var(--acid);margin-left:.35rem}.scroll-note{color:var(--muted);justify-self:end;align-items:center;gap:.75rem;display:flex}.scroll-note i{background:var(--muted);width:2.8rem;height:1px}.about{color:var(--ink);background:var(--paper);padding-bottom:0;position:relative;overflow:hidden}.about-layout{grid-template-columns:3fr 1fr;gap:8vw;padding:clamp(4rem,8vw,8rem) 0 clamp(7rem,12vw,12rem);display:grid}.about-statement{letter-spacing:-.045em;max-width:75rem;font-size:clamp(2rem,4.65vw,5rem);font-weight:600;line-height:1.05}.about-statement span{display:inline}.about-aside{align-self:end;gap:1.5rem;display:grid}.about-aside>span{color:#686b61}.about-aside p{color:#505249;font-size:.91rem}.about-portrait{width:100%;max-width:22rem;margin-bottom:clamp(1rem,2vw,2rem)}.about-portrait-media{aspect-ratio:4/5;background:var(--ink);isolation:isolate;display:block;position:relative;overflow:hidden}.about-portrait-media:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:color;background:linear-gradient(145deg,#f0b4293d,#0000 48%,#11120f38);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.about-portrait img{object-fit:cover;object-position:center;filter:saturate(.74)contrast(1.08)sepia(.08);opacity:.98;width:100%;height:100%;transition:filter .5s, opacity .5s, transform .7s var(--ease-out)}.about-portrait-index{z-index:3;color:var(--ink);background:var(--acid);padding:.4rem .5rem;position:absolute;top:.8rem;left:.8rem}.about-portrait-caption{color:#55584f;border-top:1px solid var(--line-light);justify-content:space-between;padding-top:.75rem;display:flex}.about-portrait-caption span:last-child{color:var(--acid-dark)}.about-portrait:hover img{filter:saturate(.98)contrast(1.04);opacity:1;transform:scale(1.035)}.about-portrait:hover .about-portrait-media:after{opacity:.08}.about-marquee{width:max-content;margin-left:calc(-1 * var(--page-x));color:var(--ink);letter-spacing:-.065em;white-space:nowrap;opacity:.08;font-size:clamp(3.5rem,8vw,9rem);font-weight:600;line-height:.9;animation:35s linear infinite marquee;display:flex}@keyframes marquee{to{transform:translate(-50%)}}.experience{color:var(--ink);background:var(--paper)}.experience-heading{grid-template-columns:2fr 1fr;gap:3rem;padding:clamp(4rem,7vw,7rem) 0;display:grid}.experience-heading h2,.work-heading h2,.services-heading h2,.stack-heading h2{letter-spacing:-.06em;font-size:clamp(3rem,6vw,7rem);font-weight:600;line-height:.92}em{color:var(--acid-dark);font-style:normal}.experience-heading p,.stack-heading p{color:#595b53;align-self:end;max-width:27rem}.experience-line{background:var(--ink);height:4px}.experience-item{border-bottom:1px solid var(--line-light);grid-template-columns:.3fr .9fr 1.2fr 1.5fr;align-items:start;gap:2rem;padding:2.2rem 0;display:grid}.experience-index{color:#85877d}.experience-item time{color:#55584f}.experience-item h3{margin-bottom:.3rem;font-size:clamp(1.3rem,2vw,2rem);line-height:1.1}.experience-item div span{color:#686a61}.experience-item p{color:#4e5048;max-width:34rem;font-size:.9rem}.work{background:var(--ink)}.work-heading{justify-content:space-between;align-items:end;padding:clamp(4rem,7vw,7rem) 0 clamp(5rem,9vw,9rem);display:flex}.work-heading em,.principles h2 em{color:var(--acid)}.work-heading>span{color:var(--muted)}.projects{gap:clamp(8rem,14vw,14rem);display:grid}.project{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.project:nth-child(2n){grid-template-columns:minmax(280px,.75fr) minmax(0,1.55fr)}.project:nth-child(2n) .project-visual{order:2}.project-visual{aspect-ratio:1.28;background:#22241f;position:relative;overflow:hidden}.project-number{z-index:5;width:2.8rem;height:2.8rem;color:var(--ink);background:var(--acid);place-items:center;display:grid;position:absolute;top:1.5rem;left:1.5rem}.project-copy{align-content:center;display:grid}.project-meta{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:1rem;display:flex}.project-copy h3{letter-spacing:-.06em;margin:1.8rem 0;font-size:clamp(2.5rem,4.5vw,5.6rem);line-height:.9}.project-description{color:var(--paper-dim);font-size:clamp(1rem,1.3vw,1.15rem)}.project-contribution{color:var(--muted);margin:1.6rem 0;font-size:.85rem}.project-contribution span{color:var(--acid);margin-bottom:.5rem;display:block}.project-copy ul{flex-wrap:wrap;gap:.45rem;display:flex}.project-copy li{color:var(--muted);border:1px solid var(--line);font:400 .62rem var(--font-mono);text-transform:uppercase;padding:.3rem .55rem}.arrow-link{border-bottom:1px solid var(--muted);width:max-content;margin-top:2.3rem;padding-bottom:.3rem;font-size:.8rem}.arrow-link span{color:var(--acid);margin-left:1rem}.visual{position:absolute;top:0;bottom:0;left:0;right:0}.visual-caption{color:#6f7369;position:absolute;bottom:1.2rem;right:1.5rem}.visual--mobile{background:#252821}.visual--mobile:before{content:"";border:1px solid #464a40;position:absolute;top:10%;bottom:10%;left:10%;right:10%;transform:rotate(-8deg)}.phone{background:#080908;border:1px solid #5f6358;border-radius:2.4rem;width:29%;height:77%;padding:5px;position:absolute;box-shadow:0 30px 60px #0008}.phone--back{top:16%;left:27%;transform:rotate(-11deg)}.phone--front{top:7%;left:48%;transform:rotate(8deg)}.phone-screen{color:#e3e6dc;background:#141712;border-radius:2.05rem;height:100%;padding:18% 10%;overflow:hidden}.phone-screen:before{content:"";background:#4f534a;border-radius:3px;width:35%;height:3px;margin:-8% auto 22%;display:block}.phone-screen small,.phone-screen span{color:var(--acid);font:.47rem var(--font-mono);text-transform:uppercase;display:block}.phone-screen b{margin:18% 0 4%;font-size:clamp(1rem,2.5vw,2.4rem);line-height:1;display:block}.phone-screen p{color:#85897f;font-size:.5rem}.phone--back .phone-screen i{background:#2e322b;height:9%;margin:11% 0;display:block}.mini-grid{grid-template-columns:1fr 1fr;gap:5px;margin-top:20%;display:grid}.mini-grid i{aspect-ratio:1;background:#252922;border:1px solid #3b4036}.visual--web{color:#19211c;background:#e8e9df;top:9%;bottom:6%;left:5%;right:5%;transform:perspective(1000px)rotateY(-4deg)rotateX(2deg);box-shadow:0 35px 80px #0008}.browser-bar{border-bottom:1px solid #c0c3b8;align-items:center;gap:5px;height:9%;padding:0 3%;display:flex}.browser-bar i{background:#9da097;border-radius:50%;width:5px;height:5px}.browser-bar span{font:.45rem var(--font-mono);color:#7d8077;margin-left:2%}.web-hero{height:76%;padding:9% 8%;position:relative;overflow:hidden}.web-hero small{color:#7c8078;font:.48rem var(--font-mono)}.web-hero strong{z-index:1;letter-spacing:-.05em;margin-top:7%;font-size:clamp(1.2rem,3.2vw,3.7rem);line-height:.95;display:block;position:relative}.web-circle{aspect-ratio:1;background:var(--acid);border-radius:50%;width:45%;position:absolute;top:3%;right:-4%}.web-circle:after{content:"";border:1px solid #617a2b;border-radius:50%;position:absolute;top:17%;bottom:17%;left:17%;right:17%}.web-footer{color:#64675f;height:15%;font:.48rem var(--font-mono);text-transform:uppercase;border-top:1px solid #c0c3b8;align-items:center;gap:8%;padding:0 8%;display:flex}.visual--system{color:#d9dcd1;background:#181b17;grid-template-columns:12% 1fr;display:grid;top:8%;bottom:8%;left:8%;right:8%;box-shadow:0 30px 70px #0008}.system-sidebar{background:var(--acid);flex-direction:column;align-items:center;gap:12%;padding:20% 0;display:flex}.system-sidebar b{color:var(--ink);font-size:1.1rem}.system-sidebar i{aspect-ratio:1;border:1px solid #536b25;width:25%}.system-main{padding:8%}.system-main>span{color:#797d72;font-size:.45rem}.system-main strong{margin:4% 0 7%;font-size:clamp(1.2rem,2.6vw,3rem);display:block}.system-chart{border-bottom:1px solid #343931;align-items:end;gap:4%;height:38%;display:flex}.system-chart i{background:#494f45;width:9%;height:45%}.system-chart i:nth-child(2),.system-chart i:nth-child(5){background:var(--acid);height:78%}.system-chart i:nth-child(4){height:63%}.system-chart i:nth-child(6){height:91%}.system-rows{gap:6px;padding-top:7%;display:grid}.system-rows i{background:#30352e;width:85%;height:4px}.system-rows i:nth-child(2){width:64%}.confidential{color:#6d7167;font-size:.45rem;position:absolute;bottom:2%;right:2%}.visual--code{background:#171a16;padding:15% 9%}.visual--code:before{content:"";opacity:.28;background-image:linear-gradient(#30332e 1px,#0000 1px),linear-gradient(90deg,#30332e 1px,#0000 1px);background-size:8% 10%;position:absolute;top:0;bottom:0;left:0;right:0}.code-line{z-index:1;color:#70756a;font:clamp(.48rem, 1vw, .85rem) var(--font-mono);border-bottom:1px solid #383c35;grid-template-columns:12% 1fr;padding:2% 0;display:grid;position:relative}.code-line code{color:#d3d6cc}.code-line b{color:var(--acid);font-weight:400}.code-line em{color:var(--violet)}.code-orbit{z-index:2;aspect-ratio:1;border:1px solid #50554b;border-radius:50%;place-items:center;width:28%;display:grid;position:absolute;bottom:8%;right:8%}.code-orbit span{color:var(--ink);background:var(--acid);font:.45rem var(--font-mono);padding:.25rem;position:absolute}.code-orbit span:first-child{top:-5%}.code-orbit span:nth-child(2){bottom:15%;right:-9%}.code-orbit span:nth-child(3){bottom:15%;left:-10%}.services{color:var(--ink);background:var(--paper)}.services-heading{grid-template-columns:1.7fr 1fr;gap:3rem;padding:clamp(4rem,8vw,8rem) 0;display:grid}.services-heading p{color:#52554c;align-self:end;max-width:29rem;font-size:1rem}.service{border-top:1px solid var(--line-light)}.service:last-child{border-bottom:1px solid var(--line-light)}.service>button{text-align:left;background:0 0;border:0;grid-template-columns:.25fr 1fr auto;align-items:center;gap:2rem;width:100%;padding:1.7rem 0;display:grid}.service>button>span:first-child{color:#777a70}.service h3{letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,3.2rem);font-weight:500}.service-toggle{font-size:2rem;font-weight:300}.service-detail{opacity:0;transition:grid-template-rows .55s var(--ease-out), opacity .4s;grid-template-rows:0fr;display:grid}.service-detail>div{grid-template-columns:1.2fr 1fr;gap:3rem;padding-left:25%;display:grid;overflow:hidden}.service--active .service-detail{opacity:1;grid-template-rows:1fr}.service--active .service-detail>div{padding-bottom:2.5rem}.service-detail p{max-width:38rem;font-size:clamp(1rem,1.6vw,1.35rem)}.service-detail li{color:#575a50;margin-bottom:.4rem;font-size:.85rem}.service-detail li:before{content:"—";margin-right:.6rem}.service-tools{color:#66695f;grid-column:1/-1;margin-top:2rem}.stack{color:var(--ink);background:var(--paper);padding-top:3rem}.stack-heading{grid-template-columns:1.8fr 1fr;gap:3rem;padding:clamp(5rem,8vw,8rem) 0;display:grid}.stack-grid{border-top:1px solid var(--line-light);border-left:1px solid var(--line-light);grid-template-columns:1.25fr 1fr 1fr;display:grid}.stack-grid article{border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);min-height:21rem;padding:1.5rem}.stack-grid article:nth-child(4),.stack-grid article:nth-child(5){grid-column:span 1;min-height:17rem}.stack-grid article:nth-child(5){grid-column:span 2}.stack-grid article>span{color:#686b61}.stack-grid ul{margin-top:3rem}.stack-grid li{letter-spacing:-.035em;font-size:clamp(1.25rem,2vw,2rem);line-height:1.35}.stack-core{color:var(--paper);background:var(--ink)}.stack-core article>span{color:var(--muted)}.stack-core li:first-child{color:var(--acid)}.stack-note{color:#676a60;text-align:right;margin-top:1.2rem}.principles{background:var(--ink)}.principles-intro{grid-template-columns:2fr 1fr;gap:3rem;padding:clamp(4rem,8vw,8rem) 0;display:grid}.principles-intro h2{letter-spacing:-.065em;font-size:clamp(3rem,7vw,8rem);font-weight:600;line-height:.87}.principles-intro p{max-width:24rem;color:var(--muted);align-self:end}.principles-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.principles-grid article{border-right:1px solid var(--line);min-height:25rem;padding:1.5rem 2.5rem 2rem 0}.principles-grid article:not(:first-child){padding-left:2.5rem}.principles-grid article:last-child{border:0}.principles-grid span{color:var(--acid)}.principles-grid h3{letter-spacing:-.04em;margin:7rem 0 1.5rem;font-size:clamp(1.4rem,2.2vw,2.35rem);font-weight:500;line-height:1.1}.principles-grid p{max-width:23rem;color:var(--muted);font-size:.85rem}.contact{min-height:100svh;padding:3rem var(--page-x) 2rem;color:var(--ink);background:var(--acid);flex-direction:column;display:flex}.contact-top{border-bottom:1px solid #c08d12;justify-content:space-between;padding-bottom:1rem;display:flex}.contact-top span:last-child:before{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;margin-right:.6rem;animation:1.7s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.25}}.contact-title{letter-spacing:-.078em;margin:clamp(6rem,10vw,10rem) 0;font-size:clamp(3.7rem,10.5vw,12rem);font-weight:600;line-height:.79}.contact-title>span{display:block;overflow:hidden}.contact-title i{font-style:normal;display:block}.contact-title>span:nth-child(2){padding-left:12%}.contact-action{border-top:1px solid #c08d12;grid-template-columns:1fr auto;align-items:end;gap:2rem;padding:2rem 0;display:grid}.contact-action p{max-width:32rem;font-size:.95rem}.contact-button{color:var(--paper);background:var(--ink);justify-content:space-between;align-items:center;gap:4rem;padding:1.2rem 1.5rem;display:flex}.contact-connect{border-top:1px solid #c08d12;border-bottom:1px solid #c08d12;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);margin:clamp(4rem,7vw,7rem) 0;display:grid}.contact-form{padding:3rem clamp(2rem,5vw,5rem) 3rem 0}.form-heading{grid-template-columns:.35fr 1fr;align-items:start;gap:2rem;margin-bottom:4rem;display:grid}.form-heading h3,.contact-social-panel h3{letter-spacing:-.05em;font-size:clamp(1.8rem,3.2vw,3.5rem);font-weight:600;line-height:1.05}.form-row{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.contact-form label{gap:.65rem;margin-bottom:2rem;display:grid}.contact-form label>span{color:#7a5600}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--ink);font:500 1rem var(--font-sans);background:0 0;border:0;border-bottom:1px solid #c08d12;border-radius:0;outline:none;padding:.75rem 0;transition:border-color .2s}.contact-form textarea{resize:vertical;min-height:8rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a6200;opacity:1}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--ink)}.contact-form--error input:invalid,.contact-form--error select:invalid,.contact-form--error textarea:invalid{border-color:#a65745;box-shadow:0 1px #a65745}.form-honey{width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important}.form-submit{width:100%;color:var(--paper);background:var(--ink);border:1px solid var(--ink);justify-content:space-between;align-items:center;padding:1.2rem 1.4rem;transition:color .25s,background .25s;display:flex}.form-submit:hover{color:var(--ink);background:0 0}.form-submit:disabled{opacity:.68;cursor:wait}.form-submit:disabled:hover{color:var(--paper);background:var(--ink)}.form-submit span:last-child{color:var(--acid);font-size:1.1rem}.form-status{border:1px solid #9d730b;margin-top:1rem;padding:1rem 1rem 1rem 2.6rem;font-size:.87rem;position:relative}.form-status:before{content:"";background:currentColor;border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:1.38rem;left:1rem}.form-status--success{color:#3d300b;background:#ffffff29}.form-status--error{color:#6c211b;background:#6c211b12;border-color:#a65745}.contact-social-panel{border-left:1px solid #c08d12;padding:3rem 0 3rem clamp(2rem,4vw,4rem)}.contact-social-panel>span{color:#7a5600}.contact-social-panel h3{margin:2rem 0 1.5rem}.contact-social-panel>p{color:#624400;max-width:27rem}.social-feature-list{gap:1rem;margin-top:4rem;display:grid}.social-feature-list a{border:1px solid #c08d12;align-content:space-between;min-height:10rem;padding:1.25rem;transition:color .3s,background .3s,transform .3s;display:grid;position:relative}.social-feature-list a:hover{color:var(--paper);background:var(--ink);transform:translate(-.35rem)}.social-feature-list a>span:first-child{color:#7a5600}.social-feature-list a:hover>span:first-child{color:var(--acid)}.social-feature-list strong{letter-spacing:-.055em;font-size:clamp(2rem,3.4vw,3.6rem);line-height:1}.social-feature-list a>span:last-child{justify-self:end;font-size:.72rem}.contact-email{letter-spacing:-.04em;border-top:1px solid #c08d12;border-bottom:1px solid #c08d12;justify-content:space-between;padding:1rem 0;font-size:clamp(1.4rem,3vw,3rem);display:flex}.contact-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding-top:1.5rem;font-size:.68rem;display:grid}.contact-footer nav{gap:2rem;display:flex}.contact-footer>span:last-child{justify-self:end}@media (max-width:1000px){body,a,button{cursor:auto}.cursor{display:none}.hero-main{grid-template-columns:minmax(0,1.18fr) minmax(17rem,.82fr);gap:1rem}.hero-title{font-size:clamp(3.7rem,7.6vw,6.2rem)}.hero-scene{width:100%}.hero-bottom{grid-template-columns:1.3fr 1fr}.scroll-note{display:none}.about-layout{grid-template-columns:2fr 1fr;gap:3rem}.project,.project:nth-child(2n){grid-template-columns:1.25fr 1fr;gap:3rem}.project:nth-child(2n) .project-visual{order:0}.project-copy h3{font-size:3rem}}@media (max-width:860px){:root{--page-x:clamp(1.25rem, 4vw, 2rem);--section-y:clamp(5.5rem, 15vw, 7rem)}.preloader{padding-top:1.25rem;padding-bottom:1.25rem}.preloader-grid{background-size:50% 100%}.preloader-core{grid-template-columns:1fr;align-items:start;width:100%}.preloader-mark{grid-row:auto;width:4rem;margin-bottom:clamp(3rem,14vh,7rem)}.preloader-stage,.preloader-count,.preloader-track,.preloader-code{grid-column:1}.preloader-count{margin-top:.75rem;font-size:clamp(5.2rem,29vw,8rem)}.header{height:4.5rem;padding-left:max(var(--page-x), env(safe-area-inset-left));padding-right:max(var(--page-x), env(safe-area-inset-right));grid-template-columns:1fr auto}.brand{z-index:2;position:relative}.brand span:last-child,.header-cta{display:none}.menu-toggle{z-index:2;justify-content:flex-end;align-items:center;gap:.55rem;min-width:4.5rem;min-height:2.75rem;padding:.6rem 0 .6rem .6rem;display:flex;position:relative}.menu-toggle span{font:.62rem var(--font-mono);text-transform:uppercase}.menu-toggle i{background:var(--paper);width:13px;height:1px;display:block}.menu-toggle i:last-child{transition:transform .3s;position:absolute;right:0;transform:rotate(90deg)}.header--open .menu-toggle i:last-child{transform:rotate(0)}.header nav{padding:max(7rem, calc(env(safe-area-inset-top) + 6rem)) var(--page-x) max(2rem, env(safe-area-inset-bottom));background:var(--ink);visibility:hidden;opacity:0;flex-direction:column;justify-content:center;gap:.25rem;transition:opacity .35s,visibility .35s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.header--open nav{visibility:visible;opacity:1}.header nav a{min-height:3.25rem;font:600 clamp(2.25rem, 10vw, 4.5rem)/1 var(--font-sans);text-transform:none;letter-spacing:-.05em;border-bottom:1px solid var(--line);align-items:center;padding:.65rem 0;display:flex}.hero{min-height:max(780px,100svh);padding-top:5.75rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.hero-grid{background-size:50% 100%}.hero-kicker{grid-template-columns:1fr 1fr;row-gap:.65rem}.hero-kicker span:nth-child(2){text-align:left;grid-area:2/1/auto/-1;display:block}.hero-main{flex:none;grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,7vw,3.5rem);margin:clamp(4rem,10vh,6rem) 0 2.5rem}.hero-title{font-size:clamp(2.75rem,11.3vw,6.8rem);line-height:.83}.hero-title-line--indent{padding-left:13%}.mobile-break{display:block}.hero-scene{opacity:.78;justify-self:center;width:min(100%,620px)}.hero-bottom{grid-template-columns:1fr;gap:1.4rem}.hero-bottom>p{max-width:28rem}.hero-actions{justify-content:space-between}.button{min-width:10.5rem}.about-layout,.experience-heading,.services-heading,.stack-heading,.principles-intro{grid-template-columns:1fr}.about-layout{gap:3.5rem;padding-top:4rem}.about-statement{font-size:clamp(2rem,9vw,3.3rem)}.about-aside{padding-left:8%}.about-portrait{width:min(100%,20rem);max-width:none}.experience-heading p,.services-heading p,.stack-heading p,.principles-intro p{justify-self:end;max-width:80%}.experience-item{grid-template-columns:.25fr 1fr;gap:.8rem 1rem}.experience-item time{text-align:right}.experience-item>div,.experience-item>p{grid-column:2}.experience-item>p{padding-top:1rem}.work-heading{flex-direction:column;align-items:start;gap:2rem}.projects{gap:clamp(6rem,18vw,9rem)}.project,.project:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:2rem}.project-visual{aspect-ratio:.95}.project-number{width:2.45rem;height:2.45rem;top:1rem;left:1rem}.project-copy h3{margin:1.3rem 0;font-size:clamp(2.8rem,14vw,4.5rem)}.visual--web{top:13%;bottom:10%;left:4%;right:4%}.phone{width:38%;height:70%}.phone--back{top:18%;left:16%}.phone--front{top:9%;left:48%}.service>button{grid-template-columns:2rem minmax(0,1fr) auto;gap:.8rem;min-height:4.75rem}.service-detail>div{grid-template-columns:1fr;gap:1.3rem;padding-left:10%}.stack-grid{grid-template-columns:1fr 1fr}.stack-grid article{min-height:16rem}.stack-grid article:nth-child(5){grid-column:span 2}.principles-grid{grid-template-columns:1fr}.principles-grid article,.principles-grid article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:2rem 0 3rem}.principles-grid h3{margin:3rem 0 1rem}.contact{min-height:800px;padding-top:2rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.contact-title{margin:clamp(4.5rem,14vw,7rem) 0;font-size:clamp(3.3rem,15.2vw,7rem)}.contact-title>span:nth-child(2){padding-left:0}.contact-action{grid-template-columns:1fr}.contact-button{width:100%}.contact-connect{grid-template-columns:1fr;margin:3rem 0}.contact-form{padding:2.75rem 0}.contact-form input,.contact-form select{min-height:3rem;font-size:1rem}.contact-social-panel{border-top:1px solid #c08d12;border-left:0;padding:2.75rem 0}.social-feature-list{margin-top:2.75rem}.contact-footer{grid-template-columns:1fr auto}.contact-footer nav{grid-area:1/1/auto/-1;justify-content:space-between}.contact-footer>span:last-child{justify-self:end}}@media (max-width:430px){.mono{font-size:.61rem}.preloader-code span:last-child{display:none}.hero-kicker span:first-child,.hero-kicker span:last-child{letter-spacing:.045em}.hero-title{font-size:clamp(2rem,10.2vw,3.35rem)}.hero-actions{flex-direction:column;align-items:stretch;gap:.65rem}.hero-actions .button{width:100%;min-height:3rem}.text-link{align-items:center;width:max-content;min-height:2.75rem;display:inline-flex}.about-aside{padding-left:0}.about-portrait{justify-self:end;width:min(100%,20rem)}.experience-heading h2,.work-heading h2,.services-heading h2,.stack-heading h2{font-size:2.75rem}.stack-grid{grid-template-columns:1fr}.stack-grid article,.stack-grid article:nth-child(5){grid-column:auto;min-height:13rem}.service-detail>div{padding-left:0}.contact-top span:last-child{text-align:right;max-width:9rem}.contact-email{font-size:1.05rem}.form-row,.form-heading{grid-template-columns:1fr;gap:0}.form-heading{gap:1rem;margin-bottom:2.75rem}.contact-form label{margin-bottom:1.5rem}.contact-footer{grid-template-columns:1fr;gap:1rem}.contact-footer nav{flex-wrap:wrap;grid-column:1;gap:.75rem 1.35rem}.contact-footer>span:last-child{justify-self:start}.back-top{width:3.8rem;height:3.8rem;bottom:.75rem;right:.75rem}}@media (pointer:coarse){.button,.text-link,.menu-toggle,.service>button,.contact-button,.form-submit,.arrow-link{min-height:2.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.about-statement span{opacity:1!important}}