@charset "UTF-8";
:root{--bg:#10110f;--ink:#f1f0e9;--muted:#a3a59a;--lime:#d4ff42;--line:#33362e;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;overflow-x:clip}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea,summary{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}.skip{position:fixed;top:-70px;padding:16px;background:var(--lime);color:var(--bg);z-index:100}.skip:focus{top:0}.progress{position:fixed;top:0;left:0;z-index:100;height:3px;background:var(--lime);width:100%;transform:scaleX(0);transform-origin:left}header{height:100px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-size:28px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center}.brand>span:last-of-type{font-weight:400}.brand-dot{color:var(--lime)}.brand i{font-size:33px;margin-left:12px;color:var(--lime);font-style:normal}nav{display:flex;gap:34px;font-size:14px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:1px;background:var(--lime);transition:width .25s}nav a:hover:after{width:100%}.pill{border:none;border-radius:40px;min-height:51px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:14px;font-weight:700;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-3px)}.light{background:var(--ink);color:var(--bg)}.light:hover,.lime{background:var(--lime);color:var(--bg)}.pill span{font-size:24px;line-height:1}.menu-toggle{display:none}.mono,.eyebrow{font:12px/1.6 'DM Sans',sans-serif;letter-spacing:1.6px}.hero{padding:30px 4% 40px;min-height:790px}.hero-top{display:flex;justify-content:space-between;color:#c4c7ba}.hero-composition{position:relative;margin-top:44px;min-height:470px}.hero h1{font-size:clamp(70px,8.5vw,145px);font-weight:500;letter-spacing:-.075em;line-height:1.01;margin:0;position:relative;z-index:2;pointer-events:none}.hero-second{margin-left:8.6vw}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.055em}.hero h1>.serif{color:var(--lime)}.sculpture{position:absolute;right:1.5%;top:-24px;width:47%;aspect-ratio:1;max-height:590px;will-change:transform}.sculpture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at center,#000 50%,transparent 74%);position:relative;z-index:1}.sculpture img:not([src]){display:none}.orbit{position:absolute;inset:13%;border:1px solid #686c5355;border-radius:50%;transform:rotate(-30deg) scaleX(1.18)}.orbit-two{inset:4%;transform:rotate(25deg) scaleX(.75)}.art-label{position:absolute;right:2%;bottom:10%;font-size:11px;z-index:2}.side-note{writing-mode:vertical-rl;position:absolute;right:-2.2%;top:125px;font-size:10px}.hero-bottom{display:flex;align-items:end;justify-content:space-between;position:relative;z-index:2;margin-top:45px}.hero-bottom p{font-size:16px;line-height:1.7;color:#c2c4b8;margin:0}.round-link{display:flex;align-items:center;gap:14px;font-size:14px}.round-icon{border:1px solid #636557;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-size:24px;transition:background .2s,color .2s}.round-link:hover .round-icon{background:var(--lime);color:#10110f}.small-signature{display:flex;gap:14px;align-items:center;font-size:12px;line-height:1.6}.asterisk{font-size:42px;color:var(--lime)}.ticker{background:var(--lime);color:var(--bg);overflow:hidden;padding:22px 0;transform:rotate(-2deg);margin:15px -1% 0;width:102%}.ticker>div{display:flex;width:max-content;gap:38px;align-items:center;font-size:27px;font-weight:700;letter-spacing:-1px;will-change:transform}.ticker span{font-size:35px}.section-pad{padding:120px 6%}.eyebrow{color:#b5b7aa;margin-bottom:28px;font-weight:500}.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:5%;padding-top:145px;padding-bottom:140px}.tiny-star{color:var(--lime);font-size:23px;vertical-align:middle;margin-right:14px}.manifesto{font-size:clamp(33px,4vw,67px);line-height:1.16;font-weight:500;letter-spacing:-.05em;margin:0}.accent-word{color:var(--lime)}.intro-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;margin-top:45px}.intro-bottom p,.section-heading>p,.services-sticky>p{font-size:16px;line-height:1.8;color:var(--muted)}.work{background:#eaece3;color:var(--bg);padding-top:90px}.work .eyebrow{color:#5e6454}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:65px}h2{font-size:clamp(43px,5.2vw,84px);font-weight:500;line-height:1.07;letter-spacing:-.055em;margin:0}.section-heading>p{margin:0 0 5px;color:#636857;font-size:14px}.muted{font-size:11px;display:inline-block;margin-top:18px;letter-spacing:.5px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px;align-items:start}.project{border:0;background:none;padding:0;color:inherit;text-align:left;width:100%}.project-two{margin-top:100px}.project-three{grid-column:1/-1;width:82%;margin-left:auto}.project-visual{height:475px;position:relative;overflow:hidden;transition:filter .3s;border-radius:3px}.project:hover .project-visual{filter:saturate(1.15)}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:21px}.project-caption h3{font-size:24px;margin:0;font-weight:600;letter-spacing:-1px}.project-caption>span{font-size:10px;letter-spacing:1px;text-align:right}.commerce{background:#d1a982;padding:35px 28px}.mini-browser{display:flex;justify-content:space-between;align-items:center;font-size:9px;border-bottom:1px solid #44372b44;padding-bottom:18px}.mini-browser>span:first-child{font-size:22px;letter-spacing:-1px;font-weight:700}.forma-content{position:relative;height:100%}.forma-content>small{font-size:8px;letter-spacing:2px;display:block;margin-top:35px}.forma-content>h3{font-family:Georgia,serif;font-size:46px;font-weight:400;line-height:1;letter-spacing:-2px;position:relative;z-index:2;margin:20px 0}.forma-content em{font-weight:400}.mini-button{position:absolute;bottom:115px;left:0;font-size:9px;border-bottom:1px solid;padding:10px 0}.product-geometry{position:absolute;right:-15px;bottom:80px;width:58%;height:250px;perspective:500px}.pedestal{position:absolute;width:170px;height:90px;background:linear-gradient(110deg,#af653e,#e7b281 55%,#a76035);bottom:0;right:0;border-radius:50% 50% 5% 5% / 22% 22% 5% 5%;box-shadow:25px 20px 35px #59311635}.sphere{width:130px;height:130px;border-radius:50%;position:absolute;background:radial-gradient(circle at 35% 28%,#f5e5bf,#a79975 62%,#69634b);bottom:65px;right:16px;box-shadow:0 12px 20px #603e2844}.ring{width:75px;height:75px;border:18px solid #713d27;border-radius:50%;position:absolute;right:123px;bottom:25px;transform:rotateY(-25deg);box-shadow:8px 9px 9px #633e3433}.view-project{position:absolute;right:20px;bottom:20px;padding:12px 18px;border-radius:30px;font-size:11px;color:#10110f;background:#fffffff0;opacity:0;transform:translateY(10px);transition:.25s}.project:hover .view-project,.project:focus-visible .view-project{opacity:1;transform:none}.fintech{background:#c7c8fa;padding:32px}.fintech-title{font-size:39px;line-height:1.02;font-weight:600;letter-spacing:-1.8px}.fintech-title em{font-family:Georgia,serif;font-weight:400}.phone{background:#f4f4fc;width:230px;position:absolute;right:45px;top:146px;border:7px solid #24243c;border-radius:32px;min-height:360px;padding:20px 14px;transform:rotate(-10deg);box-shadow:20px 20px 30px #47408538;transition:transform .7s}.project:hover .phone{transform:rotate(-3deg) translateY(-15px)}.phone-top{font-weight:700;font-size:17px;display:flex;align-items:center;margin-bottom:24px}.phone-top span{margin-left:auto;font-size:11px}.phone>small{font-size:9px;color:#666}.balance{font-size:26px;font-weight:700;letter-spacing:-1px;margin:6px 0}.balance>span{font-size:14px;color:#85849a}.growth{font-size:9px;color:#437443}.chart{height:85px;display:flex;gap:5px;align-items:flex-end;margin:15px 0}.chart i{display:block;flex:1;background:#8e88dc;height:30%;border-radius:3px 3px 0 0}.chart i:nth-child(3n){height:50%}.chart i:nth-child(2n){height:65%}.chart i:nth-child(n+8){height:80%;background:#6356bc}.chart i:last-child{height:100%}.phone-actions{display:flex;gap:7px;font-size:8px}.phone-actions span{background:#e8e6f5;padding:10px 8px;border-radius:6px}.transaction{display:flex;justify-content:space-between;font-size:8px;margin-top:19px}.saas{background:#becfbf;padding:45px;height:510px}.saas-title{font-size:45px;font-weight:500;letter-spacing:-2px;line-height:1.05}.saas-title em{font-family:Georgia,serif}.dashboard{display:flex;background:#f6f7f1;position:absolute;right:5%;bottom:-15%;width:78%;height:330px;border-radius:9px;box-shadow:0 20px 60px #28483728;transform:rotate(-6deg);text-align:left;transition:transform .7s}.project:hover .dashboard{transform:rotate(-2deg) translateY(-20px)}.dash-side{width:24%;border-right:1px solid #e0e5d9;display:flex;flex-direction:column;padding:20px 15px;font-size:9px;gap:18px}.dash-side b{font-size:25px;letter-spacing:-1px;margin-bottom:20px}.dash-side b>span{color:#7a984c;margin-left:5px}.dash-side>span:first-of-type{background:#e4ecda;border-radius:4px;padding:8px;margin:-8px}.dash-side small{font-size:7px;margin-top:auto}.dash-main{padding:25px;width:76%}.dash-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600}.dash-heading>span:last-child{font-size:8px;background:#263b2b;color:white;padding:6px 8px;border-radius:4px}.dash-stats{display:flex;gap:10px;margin:25px 0}.dash-stats>div{background:#e8eddf;padding:15px;flex:1}.dash-stats small{font-size:7px;display:block}.dash-stats b{font-size:27px;margin-top:7px;display:block}.dash-stats b>span{font-size:16px}.dash-bars>span{display:block;font-size:8px;margin-bottom:13px}.dash-bars i{display:block;height:7px;border-radius:4px;background:#7f9870;width:78%;margin-top:6px}.dash-bars>span:nth-child(2) i{width:50%;background:#b6c38d}.dash-bars>span:nth-child(3) i{width:63%;background:#d2a974}.services{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;position:relative}.services-sticky{position:sticky;top:80px;align-self:start}.services-sticky h2{font-size:clamp(45px,4.7vw,75px)}.services-sticky>p{margin:28px 0}.service-symbol{font-size:190px;color:var(--lime);line-height:1.2;width:max-content;transform-origin:center;will-change:transform}.text-link{font-size:13px;display:flex;justify-content:space-between;max-width:290px;padding:20px 0;border-bottom:1px solid #737763}.text-link>span{color:var(--lime)}.service{display:grid;grid-template-columns:28px 1fr;gap:25px;padding:45px 0;border-top:1px solid #515647;min-height:340px}.service>.mono{color:var(--lime);font-size:11px;padding-top:7px}.service h3{font-size:32px;letter-spacing:-1.1px;font-weight:500;line-height:1.22;margin:0 0 22px}.service p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:25px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:11px;padding:7px 10px;border:1px solid #414738;border-radius:20px;color:#c3c7b6}.statement{overflow:hidden;background:var(--lime);color:var(--bg);padding:65px 0 30px}.statement-track{white-space:nowrap;font-size:clamp(110px,17vw,280px);font-weight:600;letter-spacing:-.07em;line-height:1.3;will-change:transform}.statement-caption{text-align:center;font-size:10px;margin-top:20px}.stack .section-heading>p,.process .section-heading>p{color:var(--muted)}.stack-tabs{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.stack-tabs button{background:none;color:#aeb3a1;border:1px solid var(--line);padding:12px 20px;border-radius:30px;font-size:13px}.stack-tabs button[aria-selected=true]{color:#10110f;background:var(--lime);border-color:var(--lime)}.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);min-height:240px;gap:1px;background:var(--line);border:1px solid var(--line)}.tech-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:120px;background:var(--bg);transition:background .3s;animation:tech-in .35s both}.tech-item:hover{background:#20251b}.tech-item b{font-family:'DM Sans',sans-serif;font-size:25px;letter-spacing:-1px;color:var(--lime);font-weight:500}.tech-item span{font-size:12px;color:#e1e3d7}.stack-note{color:var(--muted);font-size:13px;margin-top:22px}.process{padding-top:35px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-number{font-size:14px;color:var(--muted);border-top:1px solid #636958;padding-top:25px;display:flex;align-items:center;justify-content:space-between}.process-number span{font-size:40px;color:var(--lime);font-weight:400}.process-grid h3{font-size:26px;font-weight:500;letter-spacing:-1px;margin:25px 0 15px}.process-grid p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:35px}.process-grid small{font-size:9px;letter-spacing:1px;color:#c6caba}.faq{background:#1c1f18;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.faq h2{font-size:clamp(40px,4vw,64px)}details{border-bottom:1px solid #414737;padding:22px 0}details:first-child{border-top:1px solid #414737}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;line-height:1.6}summary::-webkit-details-marker{display:none}summary>span{color:var(--lime);font-size:24px;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:14px;line-height:1.85;color:#b4baa8;padding-right:35px}.contact{background:var(--lime);color:var(--bg);position:relative;overflow:hidden;padding-top:45px;padding-bottom:60px}.contact-top{display:flex;justify-content:space-between;border-bottom:1px solid #778e26;padding-bottom:25px}.contact h2{font-size:clamp(70px,11.6vw,185px);line-height:1.04;margin-top:55px;position:relative}.contact-star{position:absolute;right:3%;top:0;font-size:230px;font-weight:400;will-change:transform}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:55px}.contact-bottom p{font-size:16px;line-height:1.7}.dark{background:var(--bg);color:var(--ink);min-width:280px;min-height:65px}.dark:hover{background:#333b22}footer{padding:45px 4% 25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:35px}footer>span{font-size:13px;color:var(--muted)}footer>a:last-of-type{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:25px;width:100%;font-size:10px;color:#aaa}.footer-bottom>span:nth-child(2){letter-spacing:1px}.footer-bottom button{border:0;background:none;font-size:11px;color:#aaa;padding:8px}dialog{width:min(620px,92vw);max-height:90dvh;border:1px solid #5c6546;background:#191d15;color:var(--ink);padding:45px;border-radius:12px;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:60px;margin-bottom:25px}dialog>p{font-size:15px;line-height:1.8;color:#b7bea9}dialog .tags{margin:30px 0}.close-modal{position:absolute;right:16px;top:12px;background:none;border:0;font-size:32px}.close-modal:hover{color:var(--lime)}form{display:grid;gap:17px;margin-top:28px}label{font-size:12px;color:#c7cdbd;display:grid;gap:8px}input,select,textarea{width:100%;background:#262c20;color:var(--ink);border:1px solid #465037;border-radius:5px;padding:13px;font-size:14px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9da68f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:11px!important;color:#a3ab98!important;margin:0;text-align:center}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.project.reveal{transition-delay:.08s}@keyframes tech-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.motion-off *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1;transform:none}.motion-off .sculpture,.motion-off .statement-track,.motion-off .ticker>div,.motion-off .service-symbol,.motion-off .contact-star{transform:none!important}
@media(min-width:1600px){.hero{max-width:1800px;margin:auto;min-height:960px}.hero-composition{min-height:580px}.section-pad{padding-left:max(6%,calc((100vw - 1580px)/2));padding-right:max(6%,calc((100vw - 1580px)/2))}}
@media(max-width:1000px){header .pill{display:none}.hero{min-height:710px}.hero-composition{min-height:420px}.hero h1{font-size:10vw}.sculpture{top:25px;right:-3%;width:50%}.small-signature{display:none}.intro{grid-template-columns:1fr}.intro>.eyebrow{margin-bottom:35px}.section-pad{padding:85px 5%}.services{gap:5%}.service h3{font-size:28px}.service{gap:15px}.project-visual{height:400px}.commerce{padding:24px 18px}.forma-content>h3{font-size:35px}.phone{right:22px;top:145px;width:200px}.saas{height:420px}.dashboard{width:90%;bottom:-20%}.tech-grid{grid-template-columns:repeat(4,1fr)}.process-grid{grid-template-columns:1fr 1fr;gap:45px}.faq{gap:5%}.contact-star{font-size:160px}}
@media(max-width:640px){html{scroll-padding-top:25px}header{height:80px;margin:0 6%}.brand{font-size:23px}.brand i{font-size:28px}.menu-toggle{display:block;border:1px solid #4a503d;border-radius:22px;background:none;padding:9px 14px;font-size:12px}nav{display:none;position:absolute;right:0;top:70px;flex-direction:column;gap:0;background:#23271d;border:1px solid #505a3e;padding:10px;min-width:210px;border-radius:10px}nav.open{display:flex}nav a{padding:15px}.hero{padding:25px 6% 35px;min-height:auto}.hero-top{font-size:9px;letter-spacing:1.1px}.location{display:none}.hero-composition{margin-top:40px;min-height:510px}.hero h1{font-size:clamp(50px,13.7vw,86px);line-height:1.07;letter-spacing:-.07em}.hero-second{margin-left:5vw}.sculpture{width:85%;top:172px;right:-5%;max-height:350px}.side-note{display:none}.art-label{font-size:9px;bottom:7%;right:0}.hero-bottom{margin-top:5px;display:block}.hero-bottom p{font-size:14px;max-width:330px}.round-link{margin-top:24px;font-size:12px}.round-icon{width:40px;height:40px}.ticker{padding:13px 0;margin-top:10px}.ticker>div{font-size:20px;gap:25px}.ticker span{font-size:27px}.section-pad{padding:70px 6%}.intro{padding-top:80px;gap:0}.eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:25px}.manifesto{font-size:34px;line-height:1.2}.intro-bottom{grid-template-columns:1fr;gap:6px;margin-top:24px}.intro-bottom p{font-size:14px;line-height:1.85}.section-heading{display:block;margin-bottom:35px}h2{font-size:45px}.section-heading>p{margin-top:25px;font-size:13px}.projects{grid-template-columns:1fr;gap:36px}.project-two{margin-top:0}.project-three{width:100%;grid-column:auto}.project-visual{height:410px}.project-caption{margin-top:14px}.project-caption h3{font-size:23px}.project-caption>span{font-size:9px;max-width:150px;line-height:1.6}.view-project{opacity:1;transform:none;font-size:10px;padding:10px 15px}.forma-content>h3{font-size:43px}.phone{right:42px;top:138px;width:215px}.saas{height:390px;padding:30px 22px}.saas-title{font-size:39px}.dashboard{width:115%;right:-19%;bottom:-29%;height:310px}.dash-main{padding:19px}.dash-side{padding:20px 10px}.dash-stats{gap:6px}.dash-stats>div{padding:10px}.dash-heading{font-size:10px}.services{display:block}.services-sticky{position:relative;top:0;margin-bottom:45px}.services-sticky h2{font-size:46px}.services-sticky>p{font-size:14px}.service-symbol{position:absolute;right:0;top:40px;font-size:80px;opacity:.8}.text-link{font-size:12px;max-width:none}.service{padding:30px 0;min-height:0;gap:14px;grid-template-columns:22px 1fr}.service h3{font-size:27px}.service p{font-size:13px}.tags span{font-size:10px}.statement{padding:35px 0 25px}.statement-track{font-size:110px}.statement-caption{font-size:8px;letter-spacing:1px;padding:0 30px;line-height:1.8}.stack-tabs{gap:7px}.stack-tabs button{font-size:11px;padding:10px 14px}.tech-grid{grid-template-columns:repeat(3,1fr)}.tech-item{min-height:105px}.tech-item b{font-size:23px}.tech-item span{font-size:10px}.stack-note{font-size:12px;line-height:1.8}.process-grid{gap:35px 20px}.process-grid h3{font-size:22px}.process-grid p{font-size:12px;line-height:1.9;margin-bottom:23px}.process-grid small{font-size:8px;line-height:1.8;display:block}.process-number span{font-size:30px}.faq{display:block}.faq-list{margin-top:38px}.faq h2{font-size:44px}summary{font-size:14px}details p{font-size:13px;padding-right:5px}.contact{padding-top:30px;padding-bottom:35px}.contact-top{font-size:9px;letter-spacing:1px}.contact h2{font-size:15vw;margin-top:40px}.contact-star{font-size:55px;right:0;top:-6px}.contact-bottom{display:block;margin-top:30px}.contact-bottom p{font-size:14px}.contact-bottom .pill{width:100%;margin-top:15px}footer{padding:35px 6%;gap:25px}footer>span{display:none}footer>a:last-of-type{font-size:12px}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:35px 25px}dialog h2{font-size:47px}.form-row{grid-template-columns:1fr}.hero-composition:has(img[data-failed]){min-height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Art direction — dimensional surfaces, editorial rhythm, responsive motion. */
body{background:#0c0e0b}header{transition:background .4s,border .4s}header .brand{position:relative}header .brand i{transition:transform .7s}header .brand:hover i{transform:rotate(180deg)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 48%,#222b172e,transparent 55%)}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(#77856533 1px,transparent 1px),linear-gradient(90deg,#77856533 1px,transparent 1px);background-size:105px 105px;mask-image:radial-gradient(ellipse at 76% 47%,#000,transparent 64%)}
.hero:after{content:'';position:absolute;width:500px;height:500px;right:7%;top:0;background:radial-gradient(circle,#b9ed3220,transparent 66%);filter:blur(45px);z-index:-1;pointer-events:none;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .8s ease-out}
.hero h1{letter-spacing:-.078em}.hero h1 .hero-second{display:inline-block;transform:translateX(var(--title-drift,0px));color:#f0f1e7}.hero h1>.serif{display:inline-block;background:linear-gradient(110deg,#e6ff96 4%,#d4ff42 42%,#93c11b 98%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 10px 70px #c6fb3622}.hero-top{position:relative;z-index:3}.hero-top>span:first-child:before{content:'[ ';color:var(--lime)}.hero-top>span:first-child:after{content:' ]';color:var(--lime)}
.sculpture{width:50%;right:0;top:-35px}.sculpture img{filter:contrast(1.09);animation:art-float 8s ease-in-out infinite}.orbit{inset:10%;border-color:#a5c66c33;transform:rotate(-25deg) scaleX(1.12);animation:orbit-turn 28s linear infinite}.orbit-two{inset:4%;border-style:dashed;border-color:#b0d37422;animation-direction:reverse;animation-duration:40s}.orbit:after{content:'';width:5px;height:5px;background:var(--lime);border-radius:50%;position:absolute;top:13%;left:14%;box-shadow:0 0 18px #d4ff42}.art-label{padding:7px 10px;border:1px solid #87976840;background:#17200f77;backdrop-filter:blur(14px);border-radius:3px;right:0;bottom:6%}.hero-bottom{margin-top:55px}.small-signature{padding-left:25px;border-left:1px solid #60734655}.hero .round-icon{background:#1d2315}.round-link:hover .round-icon{box-shadow:0 0 35px #d4ff4225}.hero h1{animation:title-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}.hero-top,.hero-bottom{animation:fade-arrive 1.4s .15s both}
.scroll-rail{position:fixed;right:19px;top:50%;z-index:8;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translate(20px,-50%);transition:opacity .4s,transform .4s;mix-blend-mode:difference}.past-hero .scroll-rail{opacity:1;transform:translate(0,-50%)}.scroll-rail a{display:block;width:7px;height:7px;background:#b7bdad;border-radius:20px;transition:height .25s,background .25s}.scroll-rail a.active{height:28px;background:#d4ff42}.scroll-rail a:before{content:'';display:block;position:relative;inset:-7px;width:21px;height:21px}.scroll-rail a:focus-visible{outline-offset:8px}
.ticker{box-shadow:0 12px 80px #d4ff420a}.ticker span{display:inline-block;animation:rotate-star 12s linear infinite}.intro{position:relative}.intro>.eyebrow{position:relative}.intro>.eyebrow:after{content:'';display:block;width:55px;height:1px;background:var(--lime);margin-top:30px}.manifesto .word{color:#414938;transition:color .35s}.manifesto .word.lit{color:var(--ink)}.manifesto .accent-word .word.lit{color:var(--lime)}.intro-bottom p{max-width:350px}.work{position:relative;border-radius:32px 32px 0 0;background:#edf0e5}.work:before{content:'CREATIVE / ENGINEERING';position:absolute;right:6%;top:37px;font-size:9px;letter-spacing:2px;color:#69725c}.project-visual{border-radius:10px;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;isolation:isolate}.project-visual:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,40%),#fff5,transparent 55%);opacity:0;mix-blend-mode:soft-light;transition:opacity .4s}.project:hover .project-visual:after{opacity:1}.project:hover .project-visual{box-shadow:0 25px 65px #25381222}.project-caption h3{font-size:29px}.project-caption>span{letter-spacing:1.5px}.project-visual .view-project{opacity:1;transform:none;font-size:11px;background:#11160eef;color:#f6f8ed;z-index:5;padding:13px 20px;box-shadow:0 8px 30px #0001}.project:hover .view-project{background:var(--lime);color:#10110f}.project-number{position:absolute;right:25px;top:24px;border:1px solid #17200c44;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:10px;letter-spacing:1px;z-index:2}.commerce{background:radial-gradient(ellipse at 75% 80%,#e8caa4,#cdaa87 65%)}.commerce .project-number{display:none}.fintech{background:radial-gradient(ellipse at 70% 35%,#dfd9ff,#b9baf1 80%)}.fintech:before{content:'';position:absolute;width:360px;height:360px;right:-90px;top:10%;border:1px solid #7067bb40;border-radius:50%;box-shadow:0 0 0 50px #7067bb0b,0 0 0 100px #7067bb08}.phone{transform:translateY(var(--art-shift,0px)) rotate(-10deg);box-shadow:25px 30px 35px #51429040,0 0 0 1px #ffffff80}.saas{background:radial-gradient(ellipse at 80% 50%,#e0ecce,#aec8b7 90%)}.dashboard{transform:translateY(var(--art-shift,0px)) rotate(-6deg)}.product-geometry{transform:translateY(var(--art-shift,0px))}.project-three .dashboard{box-shadow:0 25px 65px #20472f3d}.services{background:radial-gradient(ellipse at 0 40%,#2531162b,transparent 48%)}.service{position:relative;transition:opacity .5s,border-color .5s}.service-active{border-color:#a6c94d}.service:before{content:'';width:0;height:1px;background:var(--lime);position:absolute;top:-1px;left:0;transition:width .7s ease}.service-active:before{width:100%}.service:not(.service-active){opacity:.52}.service:focus-within,.service:hover{opacity:1}.service-active h3{color:#e6f2cb}.service h3{transition:color .4s}.service-counter{display:flex;align-items:baseline;gap:10px;color:#7d876f;font-size:12px;margin-top:20px;letter-spacing:2px}.service-count{font-size:40px;letter-spacing:-2px;color:var(--lime)}.service-symbol{font-size:170px;text-shadow:0 0 75px #d4ff4220}.services-sticky .text-link{margin-top:12px}.statement{position:relative;background:linear-gradient(120deg,#d4ff42,#c3ec36);border-top:1px solid #e4ff91}.statement-track{font-size:clamp(110px,19vw,300px)}.statement .serif{-webkit-text-stroke:1px #10110f;color:transparent}.tech-grid{background:#373e2d;border-color:#373e2d;border-radius:14px;overflow:hidden}.tech-item{min-height:135px;background:#12170e;position:relative;overflow:hidden}.tech-item:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,#d4ff4217,transparent 70%);opacity:0;transition:opacity .3s}.tech-item:hover:before{opacity:1}.tech-item b{transition:transform .3s,color .3s}.tech-item:hover b{transform:translateY(-4px) scale(1.12);color:#f3ffcb}.tech-item span{position:relative}.process-number{position:relative}.process-number:before{content:'';position:absolute;left:0;top:-1px;width:0;height:1px;background:var(--lime);transition:width 1.2s ease}.process-grid article.visible .process-number:before{width:100%}.process-grid article:nth-child(2){transition-delay:.1s}.process-grid article:nth-child(3){transition-delay:.2s}.process-grid article:nth-child(4){transition-delay:.3s}.process-number span{transition:transform .7s}.process-grid article:hover .process-number span{transform:rotate(90deg)}.faq{background:#1a2014}.faq details[open]{border-color:#a5c366}.faq summary:hover{color:var(--lime)}.contact{background:radial-gradient(ellipse at 85% 30%,#efffb1 0%,#d4ff42 45%,#c3ed37 100%);border-radius:32px 32px 0 0}.contact:after{content:'';position:absolute;width:480px;height:480px;border:1px solid #79952c55;border-radius:50%;right:-70px;top:-40px;box-shadow:0 0 0 45px #718e2210,0 0 0 90px #718e2208;pointer-events:none}.contact-top,.contact h2,.contact-bottom{position:relative;z-index:1}.contact h2>.serif{text-shadow:2px 5px 0 #f1ffc744}.contact-star{text-shadow:6px 6px 0 #8caf2633}.contact .dark{box-shadow:0 12px 30px #3b510d26}.pill{position:relative;overflow:hidden}.pill:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff5 50%,transparent 65%);transform:translateX(-150%);transition:transform .6s;pointer-events:none}.pill:hover:after{transform:translateX(150%)}dialog{box-shadow:0 40px 140px #0008;border-color:#73894b;border-radius:16px}dialog[open]{animation:dialog-arrive .25s ease-out}dialog .eyebrow{color:#c8e5a0}.motion-off .manifesto .word{color:var(--ink)}.motion-off .manifesto .accent-word .word{color:var(--lime)}.motion-off .hero h1 .hero-second{transform:none}.motion-off .service{opacity:1}.motion-off .project-visual,.motion-off .product-geometry{transform:none!important}
@keyframes art-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes orbit-turn{to{transform:rotate(335deg) scaleX(1.12)}}@keyframes rotate-star{to{transform:rotate(360deg)}}@keyframes title-arrive{from{opacity:0;transform:translateY(30px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes fade-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
@media(min-width:1100px){.hero-composition{margin-top:56px}.hero{min-height:835px}.hero h1{font-size:clamp(110px,9vw,155px)}.sculpture{top:-50px}.project-one .project-visual{height:530px}.project-two{margin-top:145px}.project-two .project-visual{height:530px}.project-two .phone{width:260px;right:18%;top:165px;min-height:390px;padding:24px 20px}.phone .chart{height:105px}.fintech-title{font-size:47px}.forma-content>h3{font-size:54px}.project-three{width:88%}.project-three .project-visual{height:560px}.project-three .dashboard{height:390px;bottom:-12%}.project-three .saas-title{font-size:62px}.service h3{font-size:35px}.service{min-height:365px}.intro{padding-top:165px;padding-bottom:165px}.work{padding-bottom:145px}}
@media(max-width:1000px){.scroll-rail{display:none}.hero h1{font-size:10vw}.sculpture{width:52%;top:15px}.service-symbol{font-size:150px}.service-counter{margin-top:10px}.service-count{font-size:32px}.hero{min-height:730px}}
@media(max-width:640px){.hero{min-height:auto}.hero h1{font-size:clamp(50px,13.7vw,86px)}.sculpture{width:88%;top:178px;right:-6%}.hero-bottom{margin-top:5px}.hero:before{background-size:65px 65px;mask-image:radial-gradient(ellipse at 70% 53%,#000,transparent 70%)}.hero h1 .hero-second{transform:none}.hero:after{width:350px;height:350px;top:200px;right:-40px}.hero-composition{min-height:525px}.art-label{font-size:8px;bottom:4%;right:4%}.work,.contact{border-radius:22px 22px 0 0}.work:before{top:24px;font-size:8px}.project-caption h3{font-size:25px}.project-number{width:28px;height:28px;right:18px;top:18px}.service-symbol{font-size:85px}.service-counter{display:none}.service:not(.service-active){opacity:1}.tech-item{min-height:110px}.contact:after{width:220px;height:220px;right:-100px;top:0}.manifesto .word{transition:color .2s}.service h3{font-size:27px}.intro>.eyebrow:after{display:none}}
@media(prefers-reduced-motion:reduce){.manifesto .word{color:var(--ink)}.manifesto .accent-word .word{color:var(--lime)}.service{opacity:1}.hero h1 .hero-second{transform:none}}