:root{--ink:#0b0b0b;--paper:#f1f0e9;--acid:#dfff00;--orange:#ff5c35;--muted:#99998f;--line:rgba(255,255,255,.18);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--acid) var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;overflow-x:hidden}body.loading{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--acid);color:var(--ink)}
.grain{position:fixed;inset:-50%;pointer-events:none;z-index:70;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite}.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--acid);z-index:101}.loader{position:fixed;inset:0;background:var(--acid);color:var(--ink);z-index:200;display:grid;place-content:center;transition:transform 1.1s var(--ease);transform-origin:top}.loader.done{transform:translateY(-105%)}.loader__word{font-weight:900;font-size:clamp(2rem,8vw,8rem);letter-spacing:-.09em}.loader__word span{display:inline-block;background:var(--ink);color:var(--acid);padding:0 .08em;margin-right:.05em}.loader__track{position:absolute;left:3vw;right:3vw;bottom:4rem;height:2px;background:rgba(0,0,0,.2)}.loader__track i{display:block;width:0;height:100%;background:var(--ink)}.loader__count{position:absolute;right:3vw;bottom:4.5rem;font-size:12px}.cursor{position:fixed;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--acid);pointer-events:none;z-index:150;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .35s var(--ease),height .35s var(--ease)}.cursor span{opacity:0;font-size:11px;font-weight:700;color:var(--ink);mix-blend-mode:normal}.cursor.view{width:76px;height:76px;mix-blend-mode:normal;display:grid;place-items:center}.cursor.view span{opacity:1}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,2%)}50%{transform:translate(-2%,4%)}75%{transform:translate(4%,-3%)}100%{transform:translate(-3%,1%)}}
.nav{position:absolute;top:0;left:0;width:100%;padding:24px 3vw;display:flex;align-items:center;justify-content:space-between;z-index:90;border-bottom:1px solid rgba(255,255,255,.13)}.brand{font-size:17px;font-weight:900;letter-spacing:-.045em;display:flex;align-items:center}.brand__mark{background:var(--acid);color:var(--ink);padding:.37em .28em;margin-right:.25em;letter-spacing:-.1em}.nav nav{display:flex;gap:34px;font-size:12px;text-transform:uppercase}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:right;transition:transform .4s}.nav nav a:hover:after{transform:scaleX(1);transform-origin:left}.nav__cta{display:flex;gap:28px;align-items:center;border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:12px 16px 12px 21px;font-size:12px;text-transform:uppercase}.nav__cta i{font-style:normal;color:var(--acid)}.menu-toggle{display:none;background:none;border:0}
.hero{height:max(760px,100svh);position:relative;padding:145px 3vw 36px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.68}.hero:after{content:"";position:absolute;width:47vw;height:47vw;border:1px solid rgba(223,255,0,.22);border-radius:50%;right:-16vw;top:13vh;box-shadow:0 0 100px rgba(223,255,0,.06);pointer-events:none}.hero__eyebrow{position:relative;z-index:1;text-transform:uppercase;font-size:11px;letter-spacing:.13em;display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 0 var(--acid);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}}.hero__title{position:relative;z-index:1;margin:0;font-size:clamp(4rem,10.2vw,11rem);font-weight:900;line-height:.77;letter-spacing:-.085em}.hero__title .line{display:block;overflow:hidden;padding-bottom:.12em}.hero__title .line>span,.hero__title .line>em{display:inline-block;transform:translateY(110%)}body.ready .hero__title .line>span,body.ready .hero__title .line>em{transform:translateY(0);transition:transform 1.25s var(--ease)}body.ready .hero__title .line:nth-child(2)>*{transition-delay:.12s}.hero__title em{font:italic 400 .9em Georgia,serif;color:var(--acid);letter-spacing:-.06em}.line--indent{padding-left:10vw}.hero__bottom{position:relative;z-index:2;margin-left:38%;display:flex;align-items:end;justify-content:space-between;gap:30px}.hero__bottom p{max-width:470px;font-size:clamp(1rem,1.45vw,1.4rem);line-height:1.4;margin:0}.round-link{width:120px;height:120px;background:var(--acid);color:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:18px;text-transform:uppercase;font-weight:700;font-size:11px;transition:transform .4s var(--ease)}.round-link i{font-style:normal;font-size:20px}.hero__index{position:absolute;left:3vw;bottom:42px;font-size:10px;line-height:1.45;letter-spacing:.08em;color:#aaa}
.marquee{background:var(--acid);color:var(--ink);overflow:hidden;padding:17px 0;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:3}.marquee__track{display:flex;width:max-content;gap:28px;align-items:center;animation:marquee 26s linear infinite;font-size:clamp(1.5rem,3vw,3.4rem);font-weight:900;letter-spacing:-.05em}.marquee__track i{font-style:normal;font-size:.65em}@keyframes marquee{to{transform:translateX(-50%)}}
.statement{min-height:105vh;padding:18vh 3vw 12vh;position:relative;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:22% 1fr;gap:4vw}.statement__label{font-size:11px;letter-spacing:.08em}.statement__text{grid-column:2;margin:0;max-width:1050px;font-size:clamp(2.6rem,5.5vw,6.2rem);line-height:.98;letter-spacing:-.07em;font-weight:700}.statement__text .word{display:inline-block;opacity:.16;transition:opacity .15s}.statement__aside{grid-column:2;margin:8vh 0 0 43%;display:grid;grid-template-columns:130px 1fr;gap:20px;padding-top:18px;border-top:1px solid rgba(0,0,0,.25)}.statement__aside span{font-size:10px;text-transform:uppercase}.statement__aside p{margin:0;max-width:480px;line-height:1.55}
.work{padding:15vh 3vw;background:var(--ink)}.section-head{margin-bottom:11vh}.section-head>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:10px;letter-spacing:.1em}.section-head h2{font-size:clamp(3.5rem,8vw,9rem);line-height:.88;letter-spacing:-.075em;margin:8vh 0 0;text-align:right}.section-head em{font-family:Georgia,serif;font-weight:400;color:var(--acid)}.project{margin-bottom:10vh}.project>a{display:block}.browser{height:min(67vw,770px);background:#262626;border:1px solid rgba(255,255,255,.15);border-radius:13px;overflow:hidden;position:relative;transition:transform .8s var(--ease),border-radius .7s var(--ease)}.project:hover .browser{transform:scale(.985);border-radius:38px}.browser__bar{height:36px;background:#e9e7df;color:#333;display:flex;align-items:center;gap:5px;padding:0 12px;position:relative}.browser__bar>span{width:7px;height:7px;border-radius:50%;background:#bebbb3}.browser__bar small{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;color:#777}.craft-scene,.maven-scene,.akkus-scene,.ada-scene,.kas-scene{position:absolute;inset:36px 0 0;overflow:hidden}.craft-scene{background:linear-gradient(105deg,rgba(0,0,0,.08),rgba(0,0,0,.45)),linear-gradient(135deg,#b9aa8d,#3b3d35 58%,#111);display:flex;align-items:center;padding:6vw}.craft-scene:after{content:"";position:absolute;right:-4%;bottom:-30%;width:58%;height:110%;background:linear-gradient(120deg,#262a25,#9b8d72);clip-path:polygon(27% 0,100% 15%,79% 100%,0 81%)}.craft-scene b{font-size:clamp(4rem,15vw,14rem);position:absolute;left:4%;bottom:0;letter-spacing:-.1em;opacity:.17}.craft-scene span{font:italic clamp(2rem,5vw,5rem) Georgia,serif;position:relative;z-index:2}.craft-scene i{position:absolute;right:3%;top:5%;font-size:11px}.project__meta{display:grid;grid-template-columns:1fr auto 35px;align-items:end;padding-top:16px;border-top:1px solid var(--line);margin-top:15px}.project__meta h3{font-size:clamp(1.5rem,2.5vw,3rem);letter-spacing:-.05em;margin:0}.project__meta span{font-size:11px;color:#aaa}.project__meta i{font-style:normal;text-align:right;color:var(--acid);font-size:20px}.project-grid{display:grid;grid-template-columns:1.08fr .78fr;gap:5vw;align-items:start}.project-grid .browser{height:48vw;max-height:680px}.project--offset{margin-top:15vh}.maven-scene{background:#d5c6b2;color:#17120e;padding:4vw}.maven-scene:after{content:"";position:absolute;width:70%;height:82%;right:-18%;bottom:-30%;background:linear-gradient(145deg,#5c544b,#c8b59c);transform:skew(-13deg);box-shadow:-30px -30px 0 rgba(255,255,255,.25)}.maven-scene b{font-size:12px;letter-spacing:.4em}.maven-scene em{font:italic clamp(2.5rem,5.5vw,6rem)/.9 Georgia,serif;position:absolute;left:9%;top:27%;z-index:2}.maven-scene i{position:absolute;border:1px solid rgba(0,0,0,.3);width:20vw;height:20vw;border-radius:50%;right:8%;top:12%}.akkus-scene{background:#d9d6ce;color:#111;padding:4vw}.akkus-scene .arch{position:absolute;left:15%;bottom:0;width:70%;height:85%;background:linear-gradient(145deg,#777,#222);border-radius:50% 50% 0 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}.akkus-scene .arch:after{content:"";position:absolute;left:30%;bottom:0;width:40%;height:63%;background:#bbb;border-radius:50% 50% 0 0}.akkus-scene b{position:relative;z-index:2;font-size:12px}.akkus-scene em{position:absolute;z-index:2;right:6%;bottom:7%;font:italic clamp(1.7rem,3vw,3.5rem) Georgia,serif;text-align:right;color:#fff}.ada-scene{background:#f2aa98;color:#24100b;padding:4vw}.ada-scene .pattern{position:absolute;inset:0;background:repeating-radial-gradient(circle at 15% 35%,transparent 0 26px,rgba(80,20,10,.2) 27px 29px);transform:scale(1.3)}.ada-scene b{position:relative;font-size:clamp(4rem,10vw,10rem);letter-spacing:-.12em}.ada-scene em{position:absolute;left:10%;bottom:12%;font:italic clamp(1.8rem,3.8vw,4rem) Georgia,serif}.kas-scene{background:#1c2627;color:#fff;padding:4vw}.kas-scene:before,.kas-scene:after{content:"";position:absolute;background:#49595b;transform:rotate(28deg)}.kas-scene:before{width:17%;height:130%;right:20%;top:-15%}.kas-scene:after{width:10%;height:130%;right:0;top:-12%}.kas-scene b{font-size:10px;letter-spacing:.25em}.kas-scene em{position:absolute;left:8%;bottom:10%;font:normal 700 clamp(2rem,4.5vw,5rem)/.9 Arial,sans-serif;letter-spacing:-.07em;z-index:2}.kas-scene>span{position:absolute;right:3%;bottom:2%;font-size:10rem;font-weight:900;color:rgba(255,255,255,.06)}.project-grid--reverse{grid-template-columns:.78fr 1.08fr}.mini-projects{border-top:1px solid var(--line);margin-top:4vh}.mini-projects a{display:grid;grid-template-columns:70px 1fr 1fr 40px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line);transition:padding .4s,background .4s}.mini-projects a:hover{padding-left:18px;background:rgba(255,255,255,.035)}.mini-projects span,.mini-projects p{font-size:11px;color:#999}.mini-projects h3{margin:0;font-size:clamp(1.6rem,3vw,3rem);letter-spacing:-.05em}.mini-projects i{font-style:normal;color:var(--acid);font-size:20px}
.process{min-height:320vh;background:var(--acid);color:var(--ink);display:grid;grid-template-columns:48% 52%;position:relative}.process__sticky{height:100vh;position:sticky;top:0;padding:10vh 3vw;overflow:hidden}.process__kicker{font-size:10px;letter-spacing:.1em}.process__sticky h2{font-size:clamp(4rem,8vw,9rem);line-height:.8;letter-spacing:-.09em;margin:18vh 0 0}.process__sticky h2 em{font-family:Georgia,serif;font-weight:400}.process__shape{position:absolute;width:36vw;height:36vw;max-width:560px;max-height:560px;background:var(--ink);color:var(--acid);border-radius:50%;bottom:-18vw;left:6vw;display:grid;place-items:center;transition:clip-path .7s var(--ease),transform .7s var(--ease);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.process__shape span{font-size:clamp(4rem,9vw,10rem);font-weight:900;letter-spacing:-.12em}.process__steps{padding:70vh 4vw 60vh 2vw}.process__steps article{min-height:72vh;border-top:1px solid rgba(0,0,0,.35);padding:28px 2vw 15vh;opacity:.35;transition:opacity .6s}.process__steps article.active{opacity:1}.process__steps span{font-size:11px}.process__steps h3{font-size:clamp(2.5rem,5vw,5.5rem);letter-spacing:-.07em;margin:10vh 0 20px}.process__steps p{font-size:clamp(1rem,1.5vw,1.4rem);max-width:520px;line-height:1.5}
.capabilities{padding:16vh 3vw;background:var(--paper);color:var(--ink)}.capabilities__intro>span{font-size:10px}.capabilities__intro h2{font-size:clamp(3.5rem,7vw,8rem);line-height:.9;letter-spacing:-.075em;margin:7vh 0 14vh}.cap-list{border-top:1px solid rgba(0,0,0,.3)}.cap-list article{display:grid;grid-template-columns:70px 1fr 1fr 40px;align-items:center;min-height:150px;border-bottom:1px solid rgba(0,0,0,.3);position:relative;overflow:hidden}.cap-list article:before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(102%);transition:transform .5s var(--ease)}.cap-list article>*{position:relative;z-index:1;transition:color .35s}.cap-list article:hover:before{transform:translateY(0)}.cap-list article:hover>*{color:var(--paper)}.cap-list article>span{font-size:11px}.cap-list h3{font-size:clamp(1.4rem,2.6vw,2.8rem);letter-spacing:-.05em;margin:0}.cap-list p{max-width:380px;line-height:1.45;font-size:13px}.cap-list i{font-style:normal;font-size:25px}
.cta{min-height:100vh;padding:13vh 3vw 4vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.cta>span{font-size:10px;letter-spacing:.1em}.cta h2{font-size:clamp(3.5rem,7.8vw,9rem);line-height:.88;letter-spacing:-.08em;margin:8vh 0;position:relative;z-index:2}.cta h2 em{font:italic 400 1em Georgia,serif;color:var(--acid)}.cta__orb{position:absolute;width:43vw;height:43vw;right:-5vw;top:18vh;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f1ff88,var(--acid) 30%,#678000 80%);filter:blur(.3px);box-shadow:0 0 90px rgba(223,255,0,.22);animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-25px) scale(1.03)}}.cta__mail{font-size:clamp(1.5rem,4vw,4.8rem);letter-spacing:-.055em;border-bottom:1px solid var(--paper);display:flex;justify-content:space-between;padding-bottom:15px;position:relative;z-index:2}.cta__mail i{font-style:normal;color:var(--acid)}.cta__bottom{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;margin-top:10vh}.cta__bottom p{margin:0}footer{padding:35px 3vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--line);font-size:10px;color:#aaa}footer p:nth-child(3){text-align:right}.brand--footer{color:var(--paper)}
[data-reveal]{opacity:0;transform:translateY(45px);transition:opacity .9s var(--ease),transform .9s var(--ease)}[data-reveal].visible{opacity:1;transform:none}
@media (max-width:800px){.cursor{display:none}.nav{padding:18px 20px}.nav nav,.nav__cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;position:relative;z-index:2}.menu-toggle span{display:block;width:24px;height:1px;background:#fff;transition:transform .35s,opacity .35s}.nav.open{position:fixed;inset:0;height:100svh;background:var(--acid);color:var(--ink);align-items:flex-start}.nav.open .brand__mark{background:var(--ink);color:var(--acid)}.nav.open nav{display:flex;position:absolute;left:20px;right:20px;top:25vh;flex-direction:column;gap:10px}.nav.open nav a{font-size:13vw;font-weight:900;letter-spacing:-.07em;border-bottom:1px solid rgba(0,0,0,.25);padding-bottom:8px}.nav.open .menu-toggle span{background:var(--ink)}.nav.open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.nav.open .menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{padding:120px 20px 30px}.hero__title{font-size:15.2vw;line-height:.82}.line--indent{padding-left:0}.hero__bottom{margin-left:0;align-items:center}.hero__bottom p{max-width:62%;font-size:14px}.round-link{width:95px;height:95px}.hero__index{display:none}.statement{padding:14vh 20px;display:block}.statement__text{margin-top:15vh;font-size:11vw}.statement__aside{margin:12vh 0 0;display:block}.statement__aside p{margin-top:20px}.work,.capabilities,.cta{padding-left:20px;padding-right:20px}.section-head h2{text-align:left;font-size:14vw}.project-grid,.project-grid--reverse{display:block}.project--offset{margin-top:0}.project-grid .browser,.browser{height:75vw}.project__meta{grid-template-columns:1fr 25px}.project__meta span{display:none}.mini-projects a{grid-template-columns:42px 1fr 25px}.mini-projects p{display:none}.process{display:block;min-height:auto}.process__sticky{position:relative;height:85vh}.process__shape{width:76vw;height:76vw;bottom:-24vw}.process__steps{padding:5vh 20px 15vh}.process__steps article{min-height:65vh;padding-top:25px}.cap-list article{grid-template-columns:40px 1fr 20px;min-height:120px}.cap-list p{display:none}.cta__orb{width:80vw;height:80vw;top:26vh;right:-30vw}.cta h2{font-size:14vw}.cta__bottom p{display:none}footer{grid-template-columns:1fr 1fr;padding:30px 20px}footer>p:nth-of-type(1){display:none}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.cursor,.loader{display:none}.hero__title .line>*{transform:none!important}}