@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#0c0d10;--panel:#15161b;--text:#f1f1ee;--muted:#a4a5ad;--line:#2a2b31;--lime:#d8ff62}*{box-sizing:border-box}.hidden{display:none}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,summary,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:6px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:106px;margin:0 5%;display:flex}.brand{letter-spacing:-2px;align-items:center;gap:17px;font-family:Manrope,sans-serif;font-size:30px;font-weight:800;display:flex}.brand>span{letter-spacing:2px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}nav{color:#c3c3c7;gap:32px;font-size:14px;display:flex}.nav-cta{border:1px solid #45464d;border-radius:40px;padding:10px 21px;font-size:14px}.nav-cta span{color:var(--lime);margin-left:22px}a:hover{color:var(--lime)}.hero{flex-direction:column;justify-content:center;height:calc(100svh - 106px);min-height:740px;max-height:950px;margin:0 5%;display:flex;position:relative}.hero-top{letter-spacing:1.7px;width:100%;color:var(--muted);justify-content:space-between;font-size:12px;display:flex;position:absolute;top:26px}.hero-copy{z-index:2;pointer-events:none;width:67%;padding-bottom:25px;position:relative}.hero-copy a{pointer-events:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-6px;font-size:clamp(70px,7.4vw,120px);font-weight:500;line-height:1.06}em{color:var(--lime);font-style:normal}.hero-copy p{color:var(--muted);margin:32px 0 36px;font-size:18px;line-height:1.75}.actions{flex-wrap:wrap;align-items:center;gap:27px;display:flex}.button{cursor:pointer;border:0;border-radius:5px;align-items:center;gap:28px;padding:16px 24px;font-size:14px;font-weight:600;display:inline-flex}.primary{background:var(--lime);color:#12150b;border:1px solid #0000}.primary:hover{color:#111;background:#e6ff9c;transform:translateY(-2px)}.secondary{color:var(--text);border:1px solid var(--line);background:0 0}.secondary:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px)}.text-link{border-bottom:1px solid #57585c;padding-bottom:5px;font-size:14px}.scene{z-index:1;width:58%;height:80%;position:absolute;top:8%;right:-2%}canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.scene-meta{color:#9b9ba6;align-items:center;gap:25px;font-family:monospace;font-size:12px;display:flex;position:absolute;bottom:50px;right:20px}.scene-controls{gap:6px;display:flex}.scene-controls button{color:#aaa;cursor:pointer;background:0 0;border:1px solid #3a3b40;border-radius:4px;padding:5px 9px;font-size:12px}.drag-hint{color:#8a8c95;letter-spacing:1px;font-size:11px;position:absolute;bottom:22px;right:20px}.hero-bottom{border-top:1px solid var(--line);width:100%;color:var(--muted);justify-content:space-between;padding-top:24px;font-size:13px;display:flex;position:absolute;bottom:27px}.hero-bottom a{color:var(--text)}.hero-bottom>span:nth-child(2){color:var(--lime)}.hero-bottom>a{letter-spacing:1.7px;font-size:11px}.section{border-top:1px solid var(--line);padding:100px 5%}.section-label{color:var(--lime);letter-spacing:2px;margin-bottom:32px;font-size:12px}.section-intro{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px;display:flex}h2{letter-spacing:-2.5px;font-size:clamp(38px,4vw,64px);font-weight:500;line-height:1.15}h2 span{color:#85868f}.section-intro>p{max-width:350px;color:var(--muted)}.work-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.work-card{background:var(--panel);transform-style:preserve-3d;will-change:transform;border:1px solid #292b32;border-radius:8px;padding:28px;transition:transform .2s,border-color .2s}.work-card:hover{border-color:#747b54}.card-top{letter-spacing:1px;color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.card-top>span:last-child{color:var(--lime);font-size:22px}.metric{letter-spacing:-7px;color:var(--lime);margin-top:25px;font-family:Manrope,sans-serif;font-size:108px;line-height:1.2}.metric>span{font-size:55px}.metric-caption{color:#c0c6aa;margin-bottom:38px;font-size:14px}.featured{background:linear-gradient(140deg,#242b1c,#15191a 85%)}.work-card h3{letter-spacing:-.6px;margin-bottom:13px;font-size:26px}.work-card>p:not(.metric-caption){color:var(--muted);min-height:80px;font-size:15px}.tags{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.tags span{color:#b7b9c2;border:1px solid #393b43;border-radius:4px;padding:5px 9px;font-size:12px}.card-symbol{color:#3e4459;letter-spacing:15px;justify-content:center;align-items:center;height:206px;font-family:monospace;font-size:110px;font-weight:100;display:flex}.card-symbol span{color:#ada8fc;font-size:84px;display:inline-block;transform:rotate(-15deg)}.commerce span{color:#78cee2;transform:rotate(15deg)}.experience-line{color:#babac0;justify-content:space-between;align-items:center;gap:40px;padding-top:38px;display:flex}.experience-line>span{letter-spacing:1px;color:var(--muted);font-size:11px}.experience-line strong{font-size:20px;font-weight:500}.expertise{background:#101115}.service-list details{border-top:1px solid #35363e}.service-list details:last-child{border-bottom:1px solid #35363e}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-list summary{align-items:center;gap:30px;padding:27px 0;display:flex}.service-number{color:#7a7d89;width:50px;font-size:14px}.service-list h3{letter-spacing:-1px;font-size:clamp(22px,2.6vw,37px);font-weight:500}.plus{color:var(--lime);margin-left:auto;font-size:27px;font-weight:400}details[open] .plus{transform:rotate(45deg)}.service-body{max-width:820px;padding:0 60px 32px 80px}.service-body p{color:var(--muted)}.service-body a{color:var(--lime);margin-top:22px;font-size:14px;display:inline-block}.about{grid-template-columns:1fr 1fr;gap:80px;display:grid}.about h2{font-size:clamp(36px,3.6vw,56px)}.about-copy p{color:var(--muted);margin-bottom:22px}.about-copy .large-copy{color:var(--text);font-size:26px;line-height:1.5}.engagement-grid{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px;display:grid}.engagement-grid article{border-top:1px solid #44464c;padding-top:24px}.engagement-grid article>span{letter-spacing:1px;color:var(--muted);font-size:11px}.engagement-grid h3{margin:18px 0;font-size:24px;font-weight:500}.engagement-grid p,.engagement-grid small{color:var(--muted)}.engagement-grid small{margin-top:14px;font-size:13px;display:block}.contact{color:#13170c;background:#d8ff62}.contact .section-label{color:#4c5d23}.contact-head{justify-content:space-between;align-items:center;display:flex}.contact h2{letter-spacing:-4px;font-size:clamp(46px,6.4vw,95px)}.contact em{color:#51672a}.contact-arrow{border:1px solid #94b640;border-radius:50%;justify-content:center;align-items:center;width:145px;height:145px;font-size:90px;display:flex}.contact a:hover{color:#49621c}.contact-grid{grid-template-columns:1fr 1fr;gap:100px;margin-top:60px;display:grid}.contact-grid p{color:#46532f}.email{letter-spacing:-1px;margin-top:35px;font-size:clamp(19px,2.3vw,33px);display:block}.phone{margin-top:12px;display:block}.contact-note{margin-top:28px;font-size:13px}form{gap:7px;display:grid}label{margin-top:8px;font-size:13px}input,textarea{color:#18200e;outline-offset:5px;background:0 0;border:0;border-bottom:1px solid #a0bb5b;border-radius:0;width:100%;padding:10px 0}input::placeholder,textarea::placeholder{color:#667b37}form .primary{color:var(--lime);background:#13170c;justify-content:space-between;margin-top:15px}#form-status{margin-top:7px;font-size:12px}.faq{padding-top:60px;padding-bottom:60px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{justify-content:space-between;display:flex}.faq details p{color:var(--muted);max-width:850px;padding:18px 35px 0 0}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:25px;padding:35px 5%;font-size:12px;display:flex}footer .brand{color:var(--text)}footer .brand span{display:none}@media (min-width:1600px){header,.hero{margin-left:max(5%,50% - 750px);margin-right:max(5%,50% - 750px)}.section,footer{padding-left:max(5%,50% - 750px);padding-right:max(5%,50% - 750px)}}@media (max-width:1000px){h1{letter-spacing:-4px;font-size:76px}.hero-copy{width:80%}.scene{opacity:.8;width:65%;right:-4%}.hero-copy p{max-width:480px}.work-grid{gap:10px}.work-card{padding:20px}.metric{font-size:86px}.card-symbol{height:180px}.work-card>p:not(.metric-caption){min-height:110px}.tags{gap:5px}.about{gap:40px}.contact-grid{gap:50px}.engagement-grid{gap:24px}.hero-top span:last-child{display:none}}@media (max-width:700px){header{height:82px}.brand span{letter-spacing:1px;font-size:11px}nav{display:none}.nav-cta{padding:8px 13px}.nav-cta span{margin-left:8px}.hero{justify-content:flex-start;height:auto;min-height:900px;padding-top:98px}.hero-top{font-size:10px;top:25px}.hero-copy{width:100%;padding:0}h1{letter-spacing:-3px;font-size:clamp(51px,11.5vw,80px)}.hero-copy p{margin:24px 0;font-size:16px}.hero-copy p br{display:none}.actions{gap:20px}.button{padding:14px 19px}.scene{opacity:1;width:106%;height:400px;top:380px;right:-3%}.scene-meta{gap:12px;bottom:35px;right:15px}.scene-meta>span{font-size:10px}.drag-hint{font-size:9px;bottom:8px}.hero-bottom{flex-wrap:wrap;gap:15px;bottom:20px}.hero-bottom>span{font-size:12px}.hero-bottom>a{width:100%}.section{padding:65px 6%}.section-label{margin-bottom:23px;font-size:11px}.section-intro{display:block}.section-intro>p{margin-top:23px}h2{letter-spacing:-1.5px}.work-grid{grid-template-columns:1fr;gap:18px}.work-card{padding:25px}.work-card>p:not(.metric-caption){min-height:0}.metric{font-size:100px}.card-symbol{height:160px}.experience-line{flex-wrap:wrap;gap:20px}.experience-line>span{width:100%}.experience-line strong{font-size:15px}.service-list summary{gap:10px}.service-number{flex-shrink:0;width:26px}.service-list h3{letter-spacing:-.6px;font-size:22px}.service-body{padding:0 10px 25px 36px}.about{grid-template-columns:1fr;gap:30px}.about-copy .large-copy{font-size:23px}.engagement-grid{grid-template-columns:1fr;gap:35px}.contact h2{letter-spacing:-2px;font-size:47px}.contact-arrow{display:none}.contact-grid{grid-template-columns:1fr;gap:35px;margin-top:32px}.email{font-size:25px}footer{flex-wrap:wrap;font-size:11px}footer .brand{width:35%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}