:root{--lime:#d4f478;--deep:#181e1a}body{overflow-x:hidden}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:96px;color:var(--white);border-color:#ffffff30}.site-header .brand svg{fill:var(--lime)}.site-header .brand-dot{color:var(--lime)}.site-header .header-cta{border-color:#ffffff70}.site-header nav a:after{background:var(--lime)}.site-header .menu-toggle span{background:white}.immersive-hero{height:max(800px,100svh);max-height:1160px;position:relative;isolation:isolate;background:var(--deep);color:var(--paper);overflow:hidden}.hero-parallax-media{position:absolute;inset:-12% -4%;z-index:-3;will-change:transform;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.04)}.hero-parallax-media img{width:100%;height:100%;object-position:58% 52%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,19,15,.83),rgba(15,20,17,.50) 43%,rgba(15,20,17,.03) 85%),linear-gradient(0deg,rgba(12,17,14,.8),transparent 38%,rgba(12,17,14,.25))}.hero-gridlines{position:absolute;inset:96px 48px 73px;z-index:-1;border-right:1px solid #fff2;border-left:1px solid #fff2;pointer-events:none}.hero-gridlines:after{content:'';position:absolute;left:65%;top:0;bottom:0;border-left:1px solid #fff1}.immersive-content{position:relative;padding:174px 6.2% 140px;max-width:1120px;transform:translate3d(0,var(--copy-y,0px),0);will-change:transform}.immersive-content>.eyebrow{font-size:10px;letter-spacing:1.6px;color:#e2e5d6}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #d4f4781c;flex:none}.immersive-content h1{font-size:clamp(80px,8.8vw,148px);line-height:.93;font-weight:400;letter-spacing:-6px;margin:42px 0 42px}.immersive-content h1>span{display:block}.immersive-content h1 em{color:var(--lime);display:block;font-size:.97em;letter-spacing:-6px;line-height:1.06}.immersive-bottom{display:flex;align-items:center;gap:48px}.immersive-bottom p{font-size:14px;line-height:1.7;color:#e0e1d4}.button-lime{background:var(--lime);color:#20291a}.button-lime:hover{background:#e2ffa0}.hero-scroll-line{position:absolute;bottom:0;left:48px;right:48px;min-height:73px;display:flex;gap:35px;justify-content:space-between;align-items:center;border-top:1px solid #ffffff36;font-size:8px;letter-spacing:1.2px}.hero-scroll-line a{display:flex;align-items:center;gap:15px}.hero-scroll-line>a:after{content:'↓';font-size:18px;margin-left:12px;color:var(--lime)}.hero-scroll-line>span{color:#c7cdc0}.scroll-stroke{display:block;height:24px;width:1px;background:var(--lime)}.floating-material{position:absolute;right:9%;bottom:19%;width:185px;height:245px;perspective:900px;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x,4deg)) rotateY(var(--tilt-y,-15deg)) rotateZ(7deg) translate3d(0,var(--float-y,0px),0);will-change:transform}.material-back{position:absolute;inset:12px -15px -12px 15px;background:#d3bc8f;border:1px solid #fff4;transform:translateZ(-25px) rotate(-13deg);box-shadow:0 20px 40px #0004}.material-front{position:absolute;inset:0;background:#f1eddf;color:#273023;padding:16px;box-shadow:15px 25px 60px #0007;transform:translateZ(25px)}.material-front>span{font-size:7px;letter-spacing:1.6px}.material-swatch{height:106px;margin:13px 0 16px;background:repeating-linear-gradient(92deg,#ab865b 0,#d3b992 3px,#d7be98 5px,#bb986d 9px,#d7bd95 12px);box-shadow:inset 0 0 0 1px #6c4f2730}.material-front>b{font-size:21px;letter-spacing:-.5px;line-height:1.1;font-weight:400}.material-front>i{position:absolute;right:18px;bottom:15px;font-size:27px;font-style:normal}.material-footnote{position:absolute;bottom:-43px;left:-5px;white-space:nowrap;color:#fff;font-size:7px;letter-spacing:1.4px;transform:rotate(-7deg)}.motion-ribbon{padding:30px 0 32px;background:var(--lime);color:#263020;overflow:hidden;position:relative}.motion-ribbon>div{display:flex;align-items:center;gap:40px;white-space:nowrap;width:max-content;transform:translateX(var(--ribbon-x,-30px));will-change:transform}.motion-ribbon span{font-size:clamp(25px,3.1vw,48px);letter-spacing:-1.4px;font-weight:500}.ribbon-outline{-webkit-text-stroke:1px #263020;color:transparent}.motion-ribbon i{font-size:46px;font-style:normal;font-weight:300}.transformation-section{background:var(--deep);color:var(--paper);padding:96px 48px 50px}.transformation-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:42px}.transformation-heading>.eyebrow,.transformation-heading .eyebrow{color:#c0cbbb;font-size:9px}.transformation-heading h2{margin-top:26px;font-size:clamp(40px,4.3vw,69px);letter-spacing:-2.7px}.transformation-heading h2 em{color:var(--lime);letter-spacing:-2.5px}.transformation-aside{max-width:330px;width:100%}.transformation-aside>p{font-size:12px;line-height:1.7;color:#c6cdc1;margin-bottom:25px}.compare-tabs{display:flex;border:1px solid #64705b;gap:4px;padding:4px}.compare-tabs button{background:none;color:#c7cdbf;display:flex;gap:35px;align-items:center;justify-content:space-between;flex:1;padding:13px 15px;font-size:12px}.compare-tabs button>span{font-size:8px;opacity:.7}.compare-tabs button.active{background:var(--lime);color:#1e2b16}.comparison{position:relative;isolation:isolate;aspect-ratio:1672/941;width:100%;overflow:hidden;background:#9c9b8a;box-shadow:0 20px 55px #0004;user-select:none}.comparison>img,.compare-before-layer,.compare-before-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-before-layer{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1;pointer-events:none}.compare-badge{position:absolute;top:25px;z-index:2;background:#172119bd;color:white;backdrop-filter:blur(10px);padding:13px 18px;font-size:13px;letter-spacing:1.5px;line-height:1;pointer-events:none}.compare-badge small{display:block;font-size:7px;letter-spacing:1.1px;margin-top:8px;opacity:.85}.before-badge{left:25px;border:1px solid #ffffff50}.after-badge{right:25px;background:var(--lime);color:#263020}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;z-index:3;background:#fff;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 2px 7px #0005)}.compare-handle{display:flex;justify-content:center;align-items:center;gap:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;background:var(--lime);border:5px solid #f7ffd9;color:#172119;border-radius:50%;font-size:29px;font-family:Arial}.compare-handle i{font-style:normal;font-size:13px;margin-top:1px;letter-spacing:-2px}.compare-drag-hint{position:absolute;left:50%;top:calc(50% + 49px);transform:translateX(-50%);background:#141c17cf;color:white;padding:8px 12px;font-size:7px;letter-spacing:1.4px;border-radius:20px}.compare-range{position:absolute;z-index:4;top:0;bottom:0;left:-34px;width:calc(100% + 68px)!important;height:100%!important;margin:0;opacity:0;cursor:ew-resize!important;appearance:none;touch-action:pan-y}.compare-range::-webkit-slider-thumb{appearance:none;width:68px;height:68px}.compare-range::-moz-range-thumb{width:68px;height:68px;border:0}.comparison:focus-within{outline:3px solid var(--lime);outline-offset:7px}.comparison:focus-within .compare-handle{box-shadow:0 0 0 5px #182119,0 0 0 7px var(--lime)}.compare-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:25px 0 15px}.compare-footer p{font-size:10px;line-height:1.7;color:#c2cbbd}.compare-footer p>span{color:var(--lime);font-size:22px;margin-right:10px;vertical-align:middle}.compare-shortcuts{display:flex;gap:5px;flex:none}.compare-shortcuts button{background:transparent;padding:9px 13px;color:#b2bdaa;font-size:9px;border:1px solid transparent}.compare-shortcuts button:hover,.compare-shortcuts button.active{border-color:#738267;color:var(--lime)}.comparison-disclaimer{font-size:9px;line-height:1.7;color:#aab4a4;max-width:750px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-grid{perspective:1300px}.project-card[data-tilt]{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .2s ease-out;will-change:transform}.project-card .round-arrow{transform:translateZ(36px)}.project-card .project-caption{transform:translateZ(20px)}.project-image:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,20%),#ffffff38,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.project-card:hover .project-image:after{opacity:1}.process-section{box-shadow:0 25px 55px #27302216}.motion-ready .reveal{transition:opacity .8s ease,transform .9s cubic-bezier(.22,.61,.36,1)}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(45px)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:left;transform:scaleX(var(--reading-progress,0));background:var(--lime);z-index:40;pointer-events:none}.closing{overflow:hidden}.closing>a{transform:translateX(var(--closing-x,0px));will-change:transform}.site-header a:focus-visible,.site-header button:focus-visible,.transformation-section button:focus-visible{outline-color:var(--lime)}
@media(min-width:1600px){.immersive-content{padding-top:190px}.floating-material{right:12%;bottom:24%;width:220px;height:285px}.material-swatch{height:135px}.material-front b{font-size:27px}.transformation-section{padding-left:70px;padding-right:70px}}
@media(max-width:1100px){.immersive-hero{height:max(780px,96svh)}.immersive-content{padding:170px 6% 135px}.immersive-content h1{font-size:99px;letter-spacing:-5px}.immersive-content h1 em{letter-spacing:-5px}.floating-material{right:8%;bottom:26%;width:150px;height:210px}.material-swatch{height:80px}.material-front b{font-size:19px}.material-footnote{font-size:6px}.immersive-bottom{gap:30px}.hero-scroll-line{left:30px;right:30px}.hero-gridlines{left:30px;right:30px}.transformation-section{padding:75px 30px 45px}}
@media(max-width:800px){.site-header{height:78px}.site-header nav{background:#1d271f;color:var(--paper);border-color:#46513e}.hero-gridlines{inset:78px 22px 73px}.hero-scroll-line{left:22px;right:22px;font-size:7px}.hero-scroll-line>span:nth-child(2){display:none}.immersive-content{padding:150px 6% 120px}.immersive-content>.eyebrow{font-size:8px;letter-spacing:1px}.immersive-content h1{font-size:87px;letter-spacing:-4px;margin:37px 0 38px}.immersive-content h1 em{letter-spacing:-4px}.immersive-bottom{flex-direction:column;align-items:flex-start;gap:24px}.immersive-bottom p{font-size:12px}.floating-material{width:136px;height:186px;bottom:25%;right:10%}.material-front{padding:12px}.material-front>span{font-size:6px}.material-swatch{height:72px;margin:12px 0}.material-front b{font-size:18px}.material-front i{right:12px;bottom:12px;font-size:24px}.material-footnote{left:-8px;bottom:-33px}.transformation-section{padding:65px 22px 38px}.transformation-heading{gap:25px}.transformation-heading h2{font-size:41px;letter-spacing:-1.8px}.transformation-heading h2 em{letter-spacing:-1.6px}.transformation-aside{max-width:260px}.compare-tabs button{padding:12px;gap:15px;font-size:10px}.compare-footer{align-items:flex-start}.compare-footer p{font-size:9px}.compare-shortcuts button{font-size:8px;padding:10px}.compare-badge{top:18px;font-size:11px;padding:11px 13px}.before-badge{left:18px}.after-badge{right:18px}.compare-handle{width:56px;height:56px;font-size:24px;border-width:4px;gap:6px}.compare-range{left:-28px;width:calc(100% + 56px)!important}.compare-range::-webkit-slider-thumb{width:56px;height:56px}.compare-range::-moz-range-thumb{width:56px;height:56px}.compare-drag-hint{top:calc(50% + 41px)}}
@media(max-width:600px){.site-header{height:74px;margin:0 20px}.site-header .header-cta{font-size:10px}.immersive-hero{height:850px;min-height:100svh;max-height:1020px}.hero-parallax-media{inset:-8% -24% -8% -32%}.hero-parallax-media img{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#0e1811bd,#13201833),linear-gradient(0deg,#101811da,transparent 50%,#14201766)}.hero-gridlines{inset:74px 20px 65px}.hero-gridlines:after{left:80%}.immersive-content{padding:137px 26px 100px;max-width:none}.immersive-content>.eyebrow{font-size:7px;letter-spacing:1px;line-height:1.9;max-width:275px}.immersive-content h1{font-size:clamp(60px,15vw,87px);letter-spacing:-3.5px;line-height:.98;margin:35px 0 28px}.immersive-content h1 em{font-size:1em;letter-spacing:-3.7px;white-space:nowrap}.immersive-bottom{gap:23px}.immersive-bottom p{font-size:12px}.immersive-bottom .button{font-size:11px;min-height:54px}.floating-material{width:114px;height:158px;right:12%;bottom:110px;transform:perspective(900px) rotateX(8deg) rotateY(-16deg) rotateZ(10deg) translateY(var(--float-y,0px))}.material-back{inset:8px -10px -8px 10px}.material-front{padding:10px}.material-front>span{font-size:5px;letter-spacing:1px}.material-swatch{height:57px;margin:10px 0}.material-front b{font-size:16px}.material-front>i{font-size:21px;right:10px;bottom:10px}.material-footnote{font-size:5px;letter-spacing:1px;bottom:-27px}.hero-scroll-line{left:20px;right:20px;min-height:65px;font-size:6px;letter-spacing:.8px;gap:15px}.hero-scroll-line>a{gap:8px}.hero-scroll-line>a:after{font-size:15px;margin-left:3px}.hero-scroll-line>span:last-child{font-size:6px}.motion-ribbon{padding:21px 0}.motion-ribbon>div{gap:23px}.motion-ribbon span{font-size:27px;letter-spacing:-1px}.motion-ribbon i{font-size:30px}.transformation-section{padding:54px 20px 35px}.transformation-heading{display:block;margin-bottom:27px}.transformation-heading h2{font-size:37px;letter-spacing:-1.6px;margin-top:22px}.transformation-heading h2 em{letter-spacing:-1.5px}.transformation-aside{max-width:none;margin-top:23px}.transformation-aside>p{font-size:12px;margin-bottom:21px}.transformation-aside>p br{display:none}.compare-tabs{max-width:320px}.compare-tabs button{font-size:11px;padding:13px 16px}.comparison{aspect-ratio:1.12;margin-left:-20px;width:calc(100% + 40px);box-shadow:none}.comparison>img,.compare-before-layer img{object-position:50% center}.compare-badge{top:15px;font-size:11px;letter-spacing:1px;padding:10px 12px}.compare-badge small{font-size:6px;letter-spacing:.6px}.before-badge{left:15px}.after-badge{right:15px}.compare-footer{display:flex;flex-direction:column;gap:17px;padding-top:21px}.compare-footer p{font-size:9px;max-width:320px}.compare-footer p>span{font-size:17px}.compare-shortcuts{justify-content:space-between;width:100%;gap:6px}.compare-shortcuts button{font-size:10px;padding:10px 13px}.comparison-disclaimer{font-size:8px;margin-top:8px}.project-card[data-tilt]{transform:none;will-change:auto}.closing>a{transform:none}.scroll-progress{height:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-parallax-media,.immersive-content,.floating-material,.motion-ribbon>div,.project-card[data-tilt],.closing>a{will-change:auto}.hero-parallax-media{transform:scale(1.04)}.immersive-content,.motion-ribbon>div,.project-card[data-tilt],.closing>a{transform:none!important}.floating-material{transform:perspective(900px) rotateY(-10deg) rotateZ(7deg)}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.scroll-progress{display:none}}

@media(max-width:600px){.floating-material{bottom:90px;pointer-events:none}}