:root{--ink:#111;--muted:#777;--line:#e9e9e7;--paper:#fff;--soft:#f6f6f3;--lime:#b5f36d;--display:'Space Grotesk',sans-serif;--body:'Instrument Sans',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.site-shell{opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path 1.15s var(--ease),opacity .3s ease}.site-shell.is-visible{opacity:1;clip-path:inset(0 0 0 0)}.loader{position:fixed;inset:0;z-index:1000;background:#111;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:8vw;transition:transform .85s var(--ease),visibility .85s}.loader.is-done{transform:translateY(-101%);visibility:hidden}.loader__top{display:flex;align-items:center;justify-content:space-between;font:500 clamp(32px,7vw,84px)/1 var(--display)}.loader__mark{letter-spacing:-.09em}.loader__count{font-size:clamp(20px,3vw,38px);font-family:var(--body);font-weight:400}.loader__rule{margin:26px 0 13px;height:1px;background:#464646;width:100%;overflow:hidden}.loader__rule span{display:block;width:0;height:100%;background:var(--lime)}.loader__caption{font-size:9px;letter-spacing:.16em;color:#aaa}.section-pad{padding-left:8vw;padding-right:8vw}.site-header{height:84px;position:fixed;inset:0 0 auto;z-index:80;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}.site-header.is-scrolled{background:rgba(255,255,255,.85);backdrop-filter:blur(16px);border-color:rgba(0,0,0,.07)}.brand{font:700 17px var(--display);letter-spacing:-.07em}.brand span{font:500 9px var(--body);vertical-align:top;margin-left:2px;letter-spacing:0}.desktop-nav{display:flex;gap:31px;margin-left:9%;font-size:12px}.desktop-nav a,.footer nav a{position:relative}.desktop-nav a:after,.footer nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.desktop-nav a:hover:after,.footer nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-right{display:flex;align-items:center;gap:26px;font-size:11px}.availability{color:#555}.availability i{display:inline-block;width:6px;height:6px;background:#80c849;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #80c84920}.nav-contact{border-bottom:1px solid;padding:8px 0}.nav-contact span{margin-left:10px}.menu-toggle{display:none;border:0;background:none;width:40px;height:40px;position:relative;z-index:90}.menu-toggle span{display:block;width:22px;height:1px;background:#111;margin:6px auto;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{display:none}
.hero{min-height:850px;height:100svh;max-height:1100px;position:relative;display:flex;flex-direction:column;justify-content:center;padding-top:118px;padding-bottom:102px;overflow:hidden}.hero__eyebrow,.section-kicker{font-size:9px;letter-spacing:.13em;color:#656565}.hero__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 31px;position:relative;z-index:2}.eyebrow-line{width:29px;height:1px;background:#999}.hero__title{font:500 clamp(68px,10.6vw,156px)/.89 var(--display);letter-spacing:-.087em;margin:0;position:relative;z-index:2;max-width:1100px}.hero__title span{display:block;overflow:hidden;padding:0 .07em .06em 0}.hero__title em,.display-heading em{font-style:normal;color:#9d9d97}.hero__title span:last-child em{color:var(--ink)}.hero__bottom{margin-top:36px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2}.hero__intro{max-width:355px;color:#666;line-height:1.65;font-size:14px;margin:0}.hero__actions{display:flex;align-items:center;gap:27px;margin-right:15%}.button{border:0;display:inline-flex;align-items:center;gap:31px;padding:15px 19px;font-size:11px;transition:transform .3s var(--ease),background .25s}.button--dark{background:var(--ink);color:#fff}.button--dark:hover{background:#333}.button span{font-size:16px}.text-link{font-size:11px;border-bottom:1px solid #aaa;padding:0 0 9px}.text-link span{margin-left:15px}.hero__orbital{position:absolute;width:min(39vw,510px);aspect-ratio:1;right:7.5%;top:22%;z-index:1;opacity:.78;pointer-events:none}.orbital{position:absolute;border:1px solid #dededb;border-radius:50%;inset:5%;transform:rotate(-34deg) scaleY(.47)}.orbital--two{inset:13%;transform:rotate(52deg) scaleY(.54);border-color:#d4d4ce}.orbital__core{position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0,#e7e7e0 35%,#bfc0b5 74%,#fff 100%);box-shadow:inset -13px -15px 24px #8882,0 32px 65px #00000016;display:grid;place-items:center}.orbital__core:after{content:"";position:absolute;inset:14%;border:1px solid #ffffffbb;border-radius:50%}.orbital__core span{font:500 76px var(--display);letter-spacing:-.1em;color:#ffffffa6}.particle{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px #b5f36d99}.particle--a{top:13%;left:32%}.particle--b{right:4%;top:56%;width:5px;height:5px}.particle--c{bottom:10%;left:19%;width:4px;height:4px;background:#111}.orbit-label{position:absolute;right:8%;bottom:15%;font-size:8px;letter-spacing:.12em;color:#888}.hero__side-note{position:absolute;right:5vw;top:44%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.15em;line-height:2;color:#777}.hero__side-note span{color:#9dcf60}.scroll-cue{position:absolute;left:8vw;bottom:121px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.14em;color:#777}.scroll-cue__line{height:34px;width:1px;background:#aaa;position:relative;overflow:hidden}.scroll-cue__line:after{content:"";position:absolute;width:1px;height:100%;background:#111;top:-100%;animation:scroll-line 1.7s ease-in-out infinite}@keyframes scroll-line{to{top:100%}}.hero__ticker{position:absolute;bottom:0;left:0;width:100%;height:55px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:0 5vw;font-size:8px;letter-spacing:.12em;color:#777}.hero__ticker span:before{content:"✳";color:#a7d968;margin-right:10px;font-size:10px}
.about{padding-top:135px;padding-bottom:135px}.section-kicker{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.about__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;padding-top:68px}.display-heading{font:500 clamp(52px,7.1vw,100px)/.95 var(--display);letter-spacing:-.085em;margin:0}.portrait-placeholder{margin-top:53px;width:min(100%,390px);height:330px;position:relative;background:#f1f0eb;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.portrait-placeholder:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #d9d7ce;border-radius:50%;top:22px;left:50%;transform:translateX(-50%)}.portrait-placeholder__index,.portrait-placeholder__note{position:absolute;z-index:2;font-size:8px;letter-spacing:.12em;color:#777}.portrait-placeholder__index{top:18px;left:18px}.portrait-placeholder__note{right:16px;bottom:17px;text-align:right;line-height:1.7}.portrait-silhouette{width:156px;height:250px;position:relative;z-index:1;filter:grayscale(1);opacity:.68}.portrait-silhouette i{position:absolute;top:8px;left:49px;width:60px;height:78px;background:#b9b7b0;border-radius:46% 48% 45% 46%}.portrait-silhouette b{position:absolute;bottom:0;left:15px;width:130px;height:168px;border-radius:55px 55px 0 0;background:linear-gradient(100deg,#aaa8a0,#d6d4ca 45%,#a8a69d)}.about__copy{padding-top:7px;max-width:480px}.about__statement{font:500 clamp(23px,2.5vw,34px)/1.28 var(--display);letter-spacing:-.04em;margin:0 0 25px}.about__copy>p:not(.about__statement){font-size:14px;line-height:1.8;color:#777;max-width:410px}.facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:39px}.facts span,.skill-tags span{font-size:10px;border:1px solid var(--line);padding:9px 11px;color:#555}.signature{font:italic 34px Georgia,serif;margin-top:53px;display:inline-block;transform:rotate(-8deg);border-bottom:1px solid #aaa;padding:0 24px 5px 0}.signature span{font:16px var(--body);margin-left:9px}
.marquees{background:var(--soft);padding:24px 0 26px;overflow:hidden}.marquee{white-space:nowrap;overflow:hidden;font:500 clamp(24px,3vw,42px)/1.6 var(--display);letter-spacing:-.045em}.marquee--two{font:400 clamp(19px,2.4vw,32px)/1.6 var(--body);color:#777}.marquee__track{display:flex;width:max-content;animation:marquee 35s linear infinite}.marquee--two .marquee__track{animation-direction:reverse;animation-duration:42s}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__track span{padding-right:28px}.marquee i{font-style:normal;color:#a9d86a;padding:0 18px;font-size:.6em}@keyframes marquee{to{transform:translateX(-50%)}}
.expertise{padding-top:143px;padding-bottom:150px}.expertise__heading{margin-top:64px}.expertise-list{margin-top:72px;border-top:1px solid var(--line)}.expertise-item{min-height:218px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:8% 1.3fr .8fr 32px;align-items:center;gap:25px;position:relative;transition:padding .45s var(--ease)}.expertise-item:hover{padding-left:12px;padding-right:12px}.expertise-item__number{font-size:10px;color:#999;align-self:start;margin-top:37px}.expertise-item h3{font:500 clamp(23px,3vw,38px)/1.03 var(--display);letter-spacing:-.06em;margin:0}.expertise-item>div:nth-child(2)>p{font-size:11px;color:#888;margin:10px 0 16px}.skill-tags{display:flex;gap:5px;flex-wrap:wrap}.skill-tags span{font-size:8px;padding:6px 8px}.expertise-art{justify-self:center;width:140px;height:120px;position:relative;overflow:hidden;background:#f6f6f2}.art-window{position:absolute;left:22px;top:24px;width:98px;height:73px;background:#fff;border:1px solid #deded8;box-shadow:0 8px 20px #00000008;transform:rotate(-6deg);padding:10px}.art-window i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#ccc;margin:0 2px}.art-window b{display:block;text-align:center;padding-top:11px;font:500 23px var(--display);color:#9ac75d}.art--back{display:grid;place-items:center}.server-stack{position:absolute;left:27px;top:23px}.server-stack i{display:block;width:64px;height:22px;border:1px solid #d6d6d0;background:linear-gradient(90deg,#fff 0 75%,#eaeae5 75%);margin:3px;border-radius:3px}.server-stack i:after{content:"";display:block;background:var(--lime);width:4px;height:4px;border-radius:50%;margin:8px 0 0 53px}.art--back>b{font:600 12px var(--display);position:absolute;right:16px;bottom:23px}.art--design{background:#f5f5f0}.design-circle{position:absolute;width:60px;height:60px;border:1px solid #a9d86a;border-radius:50%;top:30px;left:28px}.design-square{position:absolute;width:50px;height:50px;background:#111;opacity:.9;top:41px;left:56px;transform:rotate(30deg);mix-blend-mode:multiply}.design-dot{position:absolute;width:13px;height:13px;background:var(--lime);border-radius:50%;right:18px;top:19px}.art--data{display:grid;place-items:center}.data-cylinder{width:51px;height:64px;border:1px solid #babbb3;border-radius:50%/12%;position:relative}.data-cylinder:before,.data-cylinder:after,.data-cylinder i{content:"";position:absolute;left:-1px;width:calc(100% + 2px);height:16px;border:1px solid #b6b7ad;border-radius:50%;background:#f6f6f2}.data-cylinder:before{top:9px}.data-cylinder:after{top:27px}.data-cylinder i:first-child{top:-1px;background:var(--lime)}.art--data>b{font-size:7px;letter-spacing:.1em;position:absolute;bottom:12px;right:12px}.expertise-arrow{font-size:19px;opacity:0;transform:translate(-5px,5px);transition:.3s}.expertise-item:hover .expertise-arrow{opacity:1;transform:translate(0)}
.work{padding-top:135px;padding-bottom:150px;background:var(--soft)}.work__intro{display:flex;justify-content:space-between;align-items:flex-end;margin:64px 0 70px}.work__intro p{font-size:13px;line-height:1.7;color:#777;max-width:250px;margin:0 3% 8px 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:74px 6.5%;align-items:start}.project--wide{grid-column:1/-1}.project--offset{margin-top:88px}.project__visual{height:clamp(310px,43vw,590px);display:block;position:relative;overflow:hidden;background:#e9e9e4;isolation:isolate}.project--offset .project__visual{height:clamp(290px,35vw,460px)}.project--half .project__visual{height:clamp(250px,29vw,390px)}.project__visual:before{content:"";position:absolute;inset:0;z-index:3;border:1px solid #00000008;pointer-events:none}.project-visit{position:absolute;right:24px;top:24px;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;z-index:4;font-size:18px;transform:scale(.7);opacity:0;transition:.35s var(--ease)}.project__visual:hover .project-visit{transform:scale(1);opacity:1}.visual-label{position:absolute;bottom:16px;left:19px;z-index:4;font-size:8px;letter-spacing:.13em;color:#5d5d58}.project__visual:after{content:"";position:absolute;inset:0;z-index:1;background:#00000007;pointer-events:none;transition:background .4s}.project__visual:hover:after{background:transparent}.project__visual>*:not(.visual-label):not(.project-visit){transition:transform .8s var(--ease)}.project__visual:hover>*:not(.visual-label):not(.project-visit){transform:scale(1.025)}.project__meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#85857e;margin-top:19px}.project h3{font:500 clamp(24px,3.3vw,41px)/1 var(--display);letter-spacing:-.065em;margin:14px 0 9px}.project p{font-size:12px;line-height:1.7;color:#777;max-width:520px;margin:0}.project__links{display:flex;gap:22px;margin-top:18px}.project__links a{font-size:10px;border-bottom:1px solid #c7c7c1;padding-bottom:6px}.project__links span{margin-left:10px}.work-note{margin-top:76px;text-align:center;color:#999;font-size:9px;letter-spacing:.04em}
.visual--crm{background:#e8e9e4;display:grid;place-items:center}.mock-browser{width:78%;height:77%;background:#fff;box-shadow:0 26px 70px #17171220;border:1px solid #d9d9d2;border-radius:5px;overflow:hidden}.mock-top{height:31px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:9px 12px;font-size:7px;color:#777}.crm-layout{height:calc(100% - 31px);display:flex}.crm-layout aside{width:19%;border-right:1px solid #eee;padding:15px 10px;font-size:8px}.crm-layout aside b{display:block;font-size:11px;margin:0 0 20px}.crm-layout aside b span{color:#a5d364}.crm-layout aside i{display:block;height:5px;background:#f1f1ed;margin:13px 0;width:75%;border-radius:5px}.crm-main{padding:18px 20px;flex:1}.crm-welcome{font-size:14px;font-weight:600}.crm-welcome small{display:block;color:#aaa;font-size:7px;font-weight:400;margin-top:4px}.crm-metrics{display:flex;gap:9px;margin-top:20px}.crm-metrics b{font-size:12px;font-weight:600;border:1px solid #eee;padding:9px 10px;flex:1}.crm-metrics small{display:block;font-size:7px;font-weight:400;color:#999;margin-top:5px}.crm-chart{height:46%;border-bottom:1px solid #eee;display:flex;align-items:flex-end;justify-content:space-around;padding-top:14px;margin-top:12px}.crm-chart span{width:5%;height:35%;background:#dcefc4;border-radius:3px 3px 0 0}.crm-chart span:nth-child(3n){height:72%;background:#b5df86}.crm-chart span:nth-child(4n){height:52%}.crm-chart span:nth-child(5n){height:88%;background:#9dcf6b}
.visual--cms{background:#e5e8e1;display:grid;place-items:center}.cms-screen{width:79%;height:76%;background:#fff;display:flex;box-shadow:0 22px 60px #292d2520}.cms-side{width:27%;background:#f8f8f6;padding:16px 10px;font-size:7px}.cms-side>b{font:600 11px var(--display);display:block;margin-bottom:20px}.cms-side>b span{font-size:7px;color:#91bc5c;margin-left:2px}.cms-side i{display:block;font-style:normal;color:#777;padding:8px 3px}.cms-content{padding:13px 14px;flex:1}.cms-head{display:flex;justify-content:space-between;font-size:10px;align-items:center}.cms-head button{font-size:6px;border:0;background:#111;color:#fff;padding:7px}.cms-preview{height:52%;background:#f0f1ea;margin-top:12px;padding:12px 13px;position:relative;overflow:hidden}.cms-preview:after{content:"";position:absolute;width:80px;height:120px;background:#dce8ca;border-radius:50%;right:0;top:4px}.cms-preview small{font-size:5px;color:#888;letter-spacing:.1em}.cms-preview>b{display:block;position:relative;z-index:1;font:500 19px/.94 var(--display);letter-spacing:-.06em;margin-top:10px}.cms-preview>b em{font-style:normal;color:#82a94f}.cms-preview>span{position:absolute;bottom:9px;left:13px;font-size:6px}.cms-row{padding:8px 0;border-bottom:1px solid #eee;font-size:7px}.cms-row i{float:right;color:#7da246;font-size:6px;font-style:normal}
.visual--travel{background:#ddd9ce}.travel-nav,.estate-nav{position:absolute;z-index:2;top:0;left:0;width:100%;height:50px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#f9f8f2;font:600 11px var(--display);letter-spacing:.04em}.travel-nav span,.estate-nav span{font:400 8px var(--body);color:#555}.travel-nav b,.estate-nav b{font-weight:500;background:#171a14;color:white;padding:8px 10px;margin-left:15px}.travel-scene{position:absolute;inset:50px 0 0;background:linear-gradient(180deg,#d7d9d3 0%,#e7dfcc 68%,#c6bba3 69%);padding:7% 8%;overflow:hidden}.travel-scene>span,.estate-hero small{font-size:7px;letter-spacing:.2em}.travel-scene>b{display:block;position:relative;z-index:2;font:500 clamp(28px,4vw,53px)/.9 var(--display);letter-spacing:-.07em;margin-top:15px}.travel-scene>b i,.estate-hero i{font-style:normal;color:#687749}.travel-scene>small{display:block;font-size:8px;color:#555;margin-top:12px}.travel-scene button,.estate-hero button{margin-top:14px;background:#171a14;color:white;border:0;font-size:7px;padding:10px 13px}.travel-sun{position:absolute;width:150px;height:150px;border-radius:50%;background:#eee8cc;right:18%;top:12%;box-shadow:0 0 60px #fff8}.travel-temple{position:absolute;right:20%;bottom:9%;font-size:140px;color:#8c8a7c;opacity:.55;line-height:.8}.visual--estate{background:#d8ded9}.estate-hero{position:absolute;inset:50px 0 0;background:#e8e9e2;padding:7% 8%;overflow:hidden}.estate-hero>div:first-child{position:relative;z-index:2}.estate-hero>div:first-child>b{display:block;font:500 clamp(31px,4.2vw,58px)/.88 var(--display);letter-spacing:-.08em;margin-top:18px}.estate-building{position:absolute;right:8%;bottom:-10%;width:43%;height:92%;background:#c3c7bb;transform:skewY(-5deg);box-shadow:-30px 0 0 #d0d3c9}.estate-building:before{content:"";position:absolute;inset:0 0 0 15%;background:repeating-linear-gradient(90deg,transparent 0 22%,#e6e8df 22% 25%),repeating-linear-gradient(0deg,transparent 0 17%,#e6e8df 17% 20%)}.estate-building div{position:absolute;background:#abb2a3;width:12%;height:30%;left:8%;top:14%}.estate-building div:nth-child(2){left:39%;top:14%}.estate-building div:nth-child(3){left:70%;top:14%}
.visual--code{background:#171a18;color:#ddd}.code-top{height:38px;border-bottom:1px solid #343834;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:8px var(--body);color:#b5bcb2}.code-top span:last-child{color:#b5f36d}.code-body{display:flex;height:calc(100% - 38px);font:10px/1.8 monospace}.code-body aside{width:27%;border-right:1px solid #333;padding:17px 9px;color:#81877e;font-size:8px}.code-body aside i{display:block;font-style:normal;margin:4px 0}.code-body pre{margin:0;padding:16px 12px;white-space:pre-wrap;color:#d2d7d0}.code-body pre span{color:#656d62}.code-body pre i{font-style:normal;color:#c691c4}.code-body pre b{font-weight:400;color:#9ec8e8}.code-caret{position:absolute;width:2px;height:14px;background:#b5f36d;left:62%;top:54%;animation:blink .9s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.visual--game{background:#191d1d;color:#dff8c3;overflow:hidden}.game-grid{position:absolute;inset:-50% -10% -20%;background:linear-gradient(#a7c99013 1px,transparent 1px),linear-gradient(90deg,#a7c99013 1px,transparent 1px);background-size:28px 28px;transform:perspective(300px) rotateX(55deg) scale(1.4);transform-origin:center bottom}.game-scan{position:absolute;inset:0;background:linear-gradient(transparent 49%,#c4f68b09 50%,transparent 51%);background-size:100% 5px}.robot{position:absolute;width:100px;height:100px;left:55%;top:33%;border:1px solid #c2f389;transform:rotate(45deg);box-shadow:0 0 34px #95d95a40}.robot i{position:absolute;inset:18px;border:1px solid #c2f389}.robot b{position:absolute;width:19px;height:19px;background:#b5f36d;top:39px;left:39px;box-shadow:0 0 20px #b5f36d}.robot span{position:absolute;width:145px;height:1px;background:linear-gradient(90deg,transparent,#b5f36d,transparent);top:50%;left:-23px;transform:rotate(-45deg)}.game-hud{position:absolute;top:21px;left:21px;right:21px;display:flex;justify-content:space-between;font:8px/1.8 monospace;letter-spacing:.1em}.game-title{position:absolute;left:7%;bottom:12%;font:500 clamp(31px,4vw,54px)/.83 var(--display);letter-spacing:-.06em;color:#e3e9de}.game-title em{font-style:normal;color:#b5f36d}.visual--game .visual-label{color:#a2b49b}
.playground{padding-top:138px;padding-bottom:145px}.playground__top{display:flex;justify-content:space-between;align-items:flex-end;margin:63px 0 55px}.playground__top p{font-size:12px;color:#777;max-width:220px;line-height:1.6;margin:0 3% 8px 0}.playground__canvas{height:480px;background:#f4f4ef;position:relative;overflow:hidden;isolation:isolate}.play-grid{position:absolute;inset:0;background-image:linear-gradient(#10101008 1px,transparent 1px),linear-gradient(90deg,#10101008 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(ellipse at center,#000,transparent 70%)}.play-crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.16em;text-align:center;line-height:1.8;color:#85857d}.play-shape{position:absolute;will-change:transform}.play-shape--ring{width:190px;height:190px;border:1px solid #8ba85b;border-radius:50%;left:calc(50% - 95px);top:calc(50% - 95px);box-shadow:inset 0 0 30px #b5f36d30,0 0 35px #b5f36d29}.play-shape--ring:before,.play-shape--ring:after{content:"";position:absolute;inset:-16px 24px;border:1px solid #77796e;border-radius:50%;transform:rotate(55deg)}.play-shape--ring:after{transform:rotate(-55deg)}.play-shape--cube{width:95px;height:95px;left:24%;top:31%;transform-style:preserve-3d;transform:rotateX(30deg) rotateY(40deg)}.play-shape--cube span{position:absolute;inset:0;border:1px solid #111;background:#b5f36d22}.play-shape--cube span:nth-child(2){transform:rotateY(60deg)}.play-shape--cube span:nth-child(3){transform:rotateX(60deg)}.play-shape--sphere{width:45px;height:45px;right:25%;top:30%;border-radius:50%;background:radial-gradient(circle at 30% 25%,white,#c8c8bd 68%,#88897e);box-shadow:15px 18px 25px #0002}.play-dots{position:absolute;width:7px;height:7px;border-radius:50%;background:#111;left:69%;top:68%;box-shadow:-280px -195px 0 #b5f36d,174px -130px 0 #aaa, -90px 140px 0 #999}.playground__caption,.playground__footer{position:absolute;left:25px;right:25px;bottom:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#777}.playground__caption span:last-child{font-size:19px;color:#111}.playground__footer{position:static;margin-top:15px;color:#888}
.journey{padding-top:133px;padding-bottom:148px;background:#f8f8f5}.journey__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;padding-top:69px}.timeline{position:relative;padding-left:38px}.timeline__line{position:absolute;left:3px;top:7px;bottom:18px;width:1px;background:#deded8}.timeline__line i{display:block;width:1px;height:0;background:#9dcb64}.timeline-item{position:relative;display:grid;grid-template-columns:100px 1fr;gap:18px;padding-bottom:58px}.timeline-item:before{content:"";position:absolute;left:-40px;top:3px;width:7px;height:7px;border-radius:50%;background:#b5f36d;box-shadow:0 0 0 5px #b5f36d35}.timeline-item__date{font-size:10px;color:#888}.timeline-item h3{font:500 23px var(--display);letter-spacing:-.04em;margin:0 0 10px}.timeline-item p{font-size:12px;line-height:1.75;color:#777;max-width:425px;margin:0}.timeline-item small{display:block;font-size:8px;letter-spacing:.13em;color:#999;margin-top:17px}
.contact{padding-top:130px;padding-bottom:115px;background:#e8eddf}.contact__main{display:grid;grid-template-columns:1fr .75fr;gap:10%;padding-top:63px}.contact__eyebrow{font-size:9px;letter-spacing:.15em;color:#71815e;margin:0 0 24px}.contact h2{font:500 clamp(52px,7vw,98px)/.91 var(--display);letter-spacing:-.085em;margin:0}.contact h2 em{font-style:normal;color:#869577}.contact__support{font-size:13px;line-height:1.7;color:#656b5e;max-width:310px;margin:27px 0}.contact__details{display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin-top:33px}.contact__details a{font-size:12px;border-bottom:1px solid #aab19f;padding-bottom:7px}.contact__details span{margin-left:21px}.social-links{display:flex;gap:18px;margin-top:28px}.social-links a{font-size:9px;color:#6a7163}.contact__form-wrap{position:relative;padding-top:1px}.contact-orbit{position:absolute;right:-26px;top:-14px;width:100px;height:100px;border:1px solid #abb69c;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:7px;letter-spacing:.08em;line-height:1.4;transform:rotate(-13deg)}.contact-orbit i{position:absolute;right:-7px;top:14px;font-style:normal;font-size:15px;background:#e8eddf}.contact-form{padding-top:5px}.contact-form>p{font-size:8px;letter-spacing:.14em;color:#79806f;margin:0 0 22px}.contact-form label{display:block;font-size:9px;color:#666d5f;margin-bottom:16px}.contact-form input,.contact-form textarea{display:block;width:100%;resize:vertical;background:transparent;border:0;border-bottom:1px solid #c4cabb;padding:10px 0 11px;outline:0;font-size:12px;color:#111}.contact-form input:focus,.contact-form textarea:focus{border-color:#111}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9b9f94}.contact-form .button{cursor:pointer;margin-top:7px}.form-note{display:block;color:#7e8477;font-size:8px;margin-top:13px}.footer{background:#111;color:white;padding-top:53px;padding-bottom:18px}.footer__main{display:flex;justify-content:space-between;padding-bottom:64px}.brand--footer{font-size:24px}.footer__main>div p{color:#929292;font-size:11px;line-height:1.6;margin-top:15px}.footer nav{display:grid;grid-template-columns:repeat(2,90px);gap:15px 36px;align-content:start;font-size:10px}.footer nav a:after{background:white}.footer nav .back-top{grid-column:1/-1;color:#aaa;margin-top:12px}.footer__bottom{border-top:1px solid #363636;padding-top:17px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.13em;color:#858585}.footer__bottom a{color:#c7c7c7}.custom-cursor{position:fixed;left:0;top:0;z-index:150;width:76px;height:76px;border-radius:50%;background:var(--lime);display:grid;place-items:center;text-align:center;font-size:8px;line-height:1.35;letter-spacing:.07em;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .2s,transform .25s var(--ease)}.custom-cursor.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}.form-toast{position:fixed;z-index:160;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#111;color:white;padding:14px 19px;font-size:11px;transition:.3s}.form-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.section-pad{padding-left:6vw;padding-right:6vw}.hero__orbital{right:1%;width:44vw;opacity:.55}.hero__actions{margin-right:3%}.desktop-nav{gap:18px;margin-left:0}.header-right{gap:14px}.expertise-item{grid-template-columns:7% 1.2fr .7fr 20px;gap:16px}.expertise-art{width:120px}.project-grid{gap:58px 5%}.project--offset{margin-top:56px}.journey__grid{gap:6%}}
@media(max-width:700px){.section-pad{padding-left:6vw;padding-right:6vw}.site-header{height:68px;padding:0 6vw}.desktop-nav,.header-right{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;z-index:75;inset:0;background:#111;color:white;display:flex;flex-direction:column;justify-content:center;padding:86px 9vw 40px;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .65s var(--ease),visibility .65s}.mobile-menu.is-open{clip-path:inset(0);visibility:visible}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{font:500 clamp(40px,12vw,67px)/1.2 var(--display);letter-spacing:-.07em;border-bottom:1px solid #373737;padding:6px 0}.mobile-menu nav a span{font:9px var(--body);letter-spacing:.1em;color:#858585;float:right;margin-top:17px}.mobile-menu>p{font-size:8px;letter-spacing:.15em;color:#aaa;margin-top:30px}.hero{min-height:760px;height:100svh;max-height:900px;padding-top:100px;padding-bottom:116px}.hero__eyebrow{font-size:7px;letter-spacing:.09em;margin-bottom:27px}.hero__title{font-size:clamp(57px,13vw,94px);line-height:.93}.hero__orbital{width:72vw;right:-21%;top:30%;opacity:.37}.hero__side-note{right:5vw;top:39%;font-size:7px}.hero__bottom{display:block;margin-top:26px}.hero__intro{font-size:12px;max-width:295px}.hero__actions{margin:22px 0 0;gap:19px}.button{padding:13px 15px;gap:20px;font-size:10px}.scroll-cue{left:6vw;bottom:105px}.hero__ticker{height:47px;justify-content:flex-start;gap:30px;overflow:hidden;white-space:nowrap;padding:0 6vw}.hero__ticker span{flex:none;font-size:7px}.about,.expertise,.work,.playground,.journey,.contact{padding-top:88px;padding-bottom:92px}.section-kicker{font-size:7px;letter-spacing:.1em}.section-kicker span:last-child{max-width:100px;text-align:right}.about__grid{grid-template-columns:1fr;gap:39px;padding-top:45px}.display-heading{font-size:clamp(54px,14vw,82px)}.portrait-placeholder{margin-top:29px;width:100%;height:270px}.about__copy{max-width:none}.about__statement{font-size:25px}.about__copy>p:not(.about__statement){font-size:13px}.facts{margin-top:25px}.signature{margin-top:33px}.marquees{padding:16px 0}.marquee{font-size:25px}.marquee--two{font-size:20px}.expertise__heading{margin-top:44px}.expertise-list{margin-top:42px}.expertise-item{min-height:0;padding:24px 0;grid-template-columns:30px 1fr 70px;gap:8px}.expertise-item:hover{padding-left:0;padding-right:0}.expertise-item__number{margin-top:5px;font-size:9px}.expertise-item h3{font-size:25px}.expertise-item>div:nth-child(2)>p{font-size:10px;max-width:220px;line-height:1.5}.skill-tags{gap:4px}.skill-tags span{font-size:7px;padding:5px 6px}.expertise-art{width:68px;height:75px}.art-window{left:9px;top:16px;transform:scale(.56) rotate(-6deg);transform-origin:top left}.server-stack{left:4px;top:13px;transform:scale(.65);transform-origin:top left}.art--back>b{right:5px;bottom:8px}.design-circle{left:5px;top:19px;width:42px;height:42px}.design-square{left:24px;top:27px;width:38px;height:38px}.design-dot{right:5px;top:9px;width:9px;height:9px}.data-cylinder{transform:scale(.75)}.art--data>b{font-size:5px;right:5px;bottom:5px}.expertise-arrow{display:none}.work__intro,.playground__top{display:block;margin:45px 0 37px}.work__intro p,.playground__top p{max-width:245px;margin:19px 0 0;font-size:11px}.project-grid{grid-template-columns:1fr;gap:47px}.project--wide{grid-column:auto}.project--offset{margin-top:0}.project__visual,.project--offset .project__visual,.project--half .project__visual{height:clamp(275px,82vw,400px)}.project__meta{font-size:7px;margin-top:14px}.project h3{font-size:30px;margin-top:12px}.project p{font-size:11px}.project__links{margin-top:14px}.work-note{line-height:1.6;margin-top:43px}.mock-browser{width:88%;height:73%}.crm-main{padding:12px}.crm-metrics{gap:4px;margin-top:13px}.crm-metrics b{font-size:9px;padding:6px}.cms-screen{width:88%;height:72%}.travel-nav,.estate-nav{height:42px;padding:0 4%;font-size:9px}.travel-nav span,.estate-nav span{font-size:6px}.travel-nav b,.estate-nav b{padding:6px;margin-left:5px}.travel-scene,.estate-hero{top:42px}.travel-scene{padding:8%}.travel-scene>b{font-size:40px}.travel-temple{font-size:105px;right:13%}.estate-hero{padding:8%}.estate-hero>div:first-child>b{font-size:40px}.playground__canvas{height:360px}.play-shape--ring{transform:scale(.75)}.play-shape--cube{left:10%;top:25%;transform:scale(.7) rotateX(30deg) rotateY(40deg)}.play-shape--sphere{right:13%;top:26%;width:35px;height:35px}.playground__caption{left:12px;right:12px;bottom:13px;font-size:6px;letter-spacing:.06em}.playground__caption span:nth-child(2){max-width:135px;text-align:center}.playground__footer{font-size:6px}.journey__grid{grid-template-columns:1fr;gap:42px;padding-top:45px}.timeline{padding-left:29px}.timeline-item{grid-template-columns:74px 1fr;gap:10px;padding-bottom:42px}.timeline-item:before{left:-31px}.timeline-item__date{font-size:9px}.timeline-item h3{font-size:20px}.timeline-item p{font-size:11px}.contact__main{grid-template-columns:1fr;gap:60px;padding-top:45px}.contact h2{font-size:clamp(57px,15vw,88px)}.contact__support{font-size:12px}.contact-orbit{width:77px;height:77px;right:0;top:-17px;font-size:6px}.contact-form{max-width:500px}.footer{padding-top:38px}.footer__main{padding-bottom:42px}.footer nav{grid-template-columns:repeat(2,68px);gap:14px 20px}.footer__bottom{flex-wrap:wrap;gap:12px;font-size:6px}.footer__bottom span:first-child{width:100%;line-height:1.5}.custom-cursor{display:none}}
@media(max-width:380px){.hero__title{font-size:54px}.hero__side-note{display:none}.hero__ticker{gap:23px}.project__meta span:last-child{max-width:44%;text-align:right}.facts span{font-size:9px;padding:8px}.expertise-item{grid-template-columns:25px 1fr 58px}.expertise-art{width:58px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loader{display:none}.site-shell{opacity:1;clip-path:none}.hero__orbital,.custom-cursor{display:none}}
/* Type and motion refinement */
:root{--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
body{font-size:16px;line-height:1.55}
.site-header{height:78px;padding-inline:5vw}
.brand{font-size:19px}
.desktop-nav{font-size:13px;gap:clamp(20px,2.2vw,34px)}
.header-right{font-size:12px}
.hero{padding-top:112px}
.hero__title{font-family:var(--display);font-weight:700;font-size:clamp(78px,11vw,166px);letter-spacing:-.09em;line-height:.87;max-width:1180px}
.hero__eyebrow{font-size:10px}
.hero__intro{font-size:15px;max-width:390px}
.hero__actions{gap:30px}
.hero__side-note{font-size:9px}
.scroll-cue,.hero__ticker{font-size:9px}
.button{font-size:12px;padding:16px 20px}
.text-link{font-size:12px}
.display-heading{font-family:var(--display);font-weight:650}
.section-kicker{font-size:10px}
.about__statement{font-size:clamp(26px,2.7vw,37px)}
.about__copy>p:not(.about__statement),.project p,.timeline-item p{font-size:14px}
.facts span{font-size:11px}
.expertise-item>div:nth-child(2)>p{font-size:12px}
.skill-tags span{font-size:9px}
.project__meta,.project__links a{font-size:10px}
.project h3{font-size:clamp(28px,3.5vw,44px)}
.work__intro p,.playground__top p{font-size:14px}
.contact__support{font-size:15px}
.contact-form label{font-size:11px}
.footer__main>div p{font-size:13px}
.footer nav{font-size:12px}
.hero-burst{position:absolute;z-index:5;pointer-events:none;width:1px;height:1px}
.hero-burst i{position:absolute;left:0;top:0;width:2px;height:15px;border-radius:2px;background:var(--lime);box-shadow:0 0 10px #b5f36d99;transform-origin:50% 0;animation:burst-ray .62s var(--ease) forwards}
.hero-burst:after{content:"";position:absolute;left:-5px;top:-5px;width:10px;height:10px;border:1px solid #a8dc68;border-radius:50%;animation:burst-ring .6s ease-out forwards}
@keyframes burst-ray{0%{transform:rotate(var(--ray)) translateY(-3px) scaleY(.25);opacity:0}20%{opacity:1}100%{transform:rotate(var(--ray)) translateY(-35px) scaleY(.8);opacity:0}}
@keyframes burst-ring{to{transform:scale(5);opacity:0}}
.desktop-nav a:after{height:2px;background:var(--lime);transition:transform .45s var(--ease)}
.hero__eyebrow .eyebrow-line{transform-origin:left;animation:line-draw 1.1s .35s var(--ease) both}
@keyframes line-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1000px){.hero__title{font-size:clamp(76px,11.6vw,142px)}.desktop-nav{font-size:12px}.hero__intro{font-size:14px}}
@media(max-width:700px){.site-header{height:68px}.brand{font-size:18px}.hero__title{font-size:clamp(60px,13.6vw,98px);line-height:.9}.hero__eyebrow{font-size:8px}.hero__intro{font-size:13px}.button{font-size:11px;padding:13px 15px}.section-kicker{font-size:8px}.display-heading{font-size:clamp(58px,14vw,88px)}.about__statement{font-size:26px}.about__copy>p:not(.about__statement),.project p,.timeline-item p{font-size:12px}.project h3{font-size:32px}.project__meta,.project__links a{font-size:8px}.contact__support{font-size:13px}.footer nav{font-size:10px}}
@media(max-width:380px){.hero__title{font-size:57px}}
@media(prefers-reduced-motion:reduce){.hero-burst{display:none}}