@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#102a2b;--paper:#f7f7f2;--lime:#d6ee5c;--muted:#667474;--line:#d9ded8;--dark-muted:#bdcbc5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{width:min(1200px,100% - 64px);margin-inline:auto}.header{justify-content:space-between;align-items:center;gap:30px;height:88px;display:flex}.brand{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:8px;font-size:16px;font-weight:800;display:inline-flex}.brand span{font-weight:500}.brand i{background:var(--lime);width:10px;height:10px;display:inline-block;transform:rotate(45deg)}nav{align-items:center;gap:29px;margin-left:auto;font-size:13px;font-weight:700;display:flex}nav a{opacity:.72;transition:opacity .2s}nav a:hover{opacity:1}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;letter-spacing:.01em;cursor:pointer;justify-content:center;align-items:center;gap:13px;min-height:50px;padding:0 19px;font-size:11px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#244446;transform:translateY(-2px)}.button-small{min-height:40px;padding:0 13px;font-size:10px}.button svg,.secondary-link svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.hero{grid-template-columns:minmax(0,.97fr) minmax(390px,.78fr);align-items:center;gap:74px;min-height:632px;padding:82px 0 95px;display:grid}.eyebrow{color:#536464;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.hero h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-4.2px;max-width:650px;margin-bottom:25px;font-size:clamp(46px,5vw,70px);line-height:1.03}.hero h1 em{color:#486866;font-style:normal}.hero-copy>p:not(.eyebrow){max-width:610px;color:var(--muted);font-size:16px;line-height:1.72}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:35px;display:flex}.secondary-link{border-bottom:1px solid var(--ink);align-items:center;gap:11px;padding-bottom:6px;font-size:12px;font-weight:800;display:inline-flex}.hero-art{isolation:isolate;background:#e3e8dc;height:410px;position:relative;overflow:hidden}.orbit{z-index:-1;border:1px solid #9db6ab;border-radius:50%;position:absolute}.orbit-one{width:450px;height:450px;top:-142px;right:-155px}.orbit-two{width:620px;height:620px;top:-224px;right:-245px}.grid-lines{opacity:.6;background-image:linear-gradient(#a4b8af 1px,#0000 1px),linear-gradient(90deg,#a4b8af 1px,#0000 1px);background-size:44px 44px;height:70%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.hero-card{z-index:1;color:#fff;background:var(--ink);flex-direction:column;width:300px;min-height:196px;padding:25px;display:flex;position:absolute;bottom:44px;left:46px}.hero-card small{color:var(--lime);letter-spacing:.1em;font-family:DM Mono,monospace;font-size:9px}.hero-card strong{letter-spacing:-1.5px;margin-top:26px;font-size:25px;line-height:1.15}.hero-card span{background:var(--lime);width:38px;height:4px;margin-top:auto}.section{padding:110px 0}.audience{border-top:1px solid var(--line)}.split-heading,.section-intro{justify-content:space-between;gap:60px;display:flex}.split-heading h2,.section-intro h2,.why h2,.work-copy h2,.contact h2{letter-spacing:-2.7px;max-width:700px;margin:0;font-size:clamp(31px,3.3vw,46px);line-height:1.1}.split-heading>p,.section-intro>p{max-width:330px;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.7}.section-intro{margin-bottom:44px}.service-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafaf6;min-height:218px;padding:28px;transition:background .2s}.service-card:hover{background:#fff}.service-card>span,.process-list>li>span{color:#617873;font-family:DM Mono,monospace;font-size:10px}.service-card h3{letter-spacing:-.8px;margin:39px 0 10px;font-size:16px}.service-card p{max-width:285px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.featured{color:#fff;background:var(--ink)}.featured-inner{grid-template-columns:.95fr 1fr;align-items:center;gap:100px;padding:100px 0;display:grid}.work-preview{color:#fff;background-color:#8d9f96;background-image:linear-gradient(135deg,#0c2a2a59,#0c2a2a0d),linear-gradient(20deg,#405451 0 30%,#0000 30%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:376px;position:relative;overflow:hidden}.preview-nav{height:57px;color:var(--ink);background:#fff;align-items:center;gap:23px;padding:0 24px;font-size:9px;display:flex}.preview-nav b{margin-right:auto;font-size:13px}.preview-nav span{background:#d6dcd7;width:30px;height:4px}.preview-copy{flex-direction:column;align-items:flex-start;max-width:290px;display:flex;position:absolute;bottom:36px;left:36px}.preview-copy small{letter-spacing:.1em;font:9px DM Mono,monospace}.preview-copy strong{letter-spacing:-2px;margin:14px 0 22px;font-size:33px;line-height:1}.preview-copy i{background:var(--lime);color:var(--ink);padding:11px 14px;font-size:9px;font-style:normal;font-weight:800}.work-copy .eyebrow{color:var(--lime)}.work-copy h2{margin-bottom:20px}.work-copy>p:not(.eyebrow){max-width:455px;color:var(--dark-muted);font-size:14px;line-height:1.7}.work-copy .note{color:#f0f5d1;font-size:11px}.button-light{color:var(--ink);background:var(--lime);border-color:var(--lime)}.button-light:hover{background:#e3f58d}.process-list{counter-reset:process;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--line);grid-template-columns:20% 1fr;gap:20px;padding:28px 0 30px;display:grid}.process-list h3{letter-spacing:-1px;margin:0 0 8px;font-size:20px}.process-list p{max-width:580px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.why{background:#e4e9df;justify-content:space-between;gap:90px;padding:78px 70px;display:flex}.why h2{font-size:35px}.why ul{grid-template-columns:1fr 1fr;column-gap:30px;width:430px;margin:0;padding:0;list-style:none;display:grid}.why li{border-bottom:1px solid #bac8bd;padding:14px 0;font-size:13px;font-weight:700}.why li:before{content:"↗";color:#597a70;padding-right:8px}.contact{color:#fff;background:#173738;grid-template-columns:.88fr 1fr;gap:80px;margin-top:110px;padding:82px 70px;display:grid}.contact .eyebrow{color:var(--lime)}.contact h2{margin-bottom:22px}.contact-copy>p:not(.eyebrow){max-width:430px;color:var(--dark-muted);font-size:14px;line-height:1.7}.form-panel{color:var(--ink);background:var(--paper);padding:27px}.form-grid{grid-template-columns:1fr 1fr;gap:17px 14px;display:grid}.form-grid label{color:#47605c;letter-spacing:.06em;text-transform:uppercase;gap:7px;font-family:DM Mono,monospace;font-size:9px;display:grid}.form-grid label span{color:#8a9893}.form-grid input,.form-grid textarea{min-height:43px;color:var(--ink);letter-spacing:0;text-transform:none;background:#fff;border:1px solid #c8d1c9;border-radius:0;outline:none;padding:10px;font-family:Manrope,sans-serif;font-size:13px}.form-grid textarea{resize:vertical;min-height:93px}.form-grid input:focus,.form-grid textarea:focus{border-color:#60897b;box-shadow:0 0 0 3px #d6ee5c70}.form-grid .full{grid-column:1/-1}.form-grid .honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.submit{width:100%;margin-top:20px}.button-lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button-lime:hover{background:#e8fa96}.button:disabled{cursor:wait;opacity:.7;transform:none}.form-status{min-height:18px;margin:12px 0 0;font-size:12px;line-height:1.4}.form-status.success{color:#26704a}.form-status.error{color:#a23e36}.footer{color:var(--muted);justify-content:space-between;align-items:center;gap:30px;padding:36px 0 42px;font-size:12px;display:flex}.footer p{margin:0}.footer .brand{color:var(--ink)}@media (max-width:800px){.shell{width:min(100% - 40px,600px)}.header{height:74px}.header nav,.header .button{display:none}.hero{min-height:0;padding:62px 0 74px;display:block}.hero h1{letter-spacing:-3px;font-size:clamp(43px,12vw,58px)}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-art{height:340px;margin-top:55px}.hero-card{bottom:28px;left:28px}.section{padding:75px 0}.split-heading,.section-intro{display:block}.split-heading>p,.section-intro>p{margin-top:20px}.service-grid{grid-template-columns:1fr 1fr}.featured-inner{grid-template-columns:1fr;gap:45px;padding:70px 0}.work-preview{height:330px}.process-list li{grid-template-columns:75px 1fr}.why{width:100%;padding:65px 20px;display:block}.why ul{width:100%;margin-top:35px}.contact{width:100%;margin-top:75px;padding:65px 20px;display:block}.form-panel{margin-top:45px;padding:20px}.footer{flex-wrap:wrap;width:min(100% - 40px,600px)}.footer p{order:3;width:100%}}@media (max-width:480px){.shell{width:min(100% - 36px,600px)}.hero{padding-top:48px}.hero-art{height:280px}.hero-card{width:250px;min-height:165px;padding:20px}.hero-card strong{margin-top:19px;font-size:22px}.actions{justify-items:start;gap:22px;display:grid}.service-grid{grid-template-columns:1fr}.service-card{min-height:190px}.work-preview{height:280px}.featured-inner{padding:60px 0}.preview-nav span{display:none}.preview-copy strong{font-size:29px}.process-list li{grid-template-columns:58px 1fr}.why ul,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer{align-items:flex-start;display:grid}.footer p{order:initial}.footer span{grid-column:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
