:root{--ink:#12251e;--paper:#f3f0e9;--lime:#d9ff47;--line:#cdd0c4;--muted:#607067}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}.site-header,footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 5%;display:flex}.brand{color:var(--ink);letter-spacing:-1px;font-size:18px;font-weight:800;text-decoration:none}.brand span{color:#5e8270}nav{align-items:center;gap:30px;display:flex}nav a{color:var(--ink);font-size:13px;text-decoration:none}.nav-cta,.button{background:var(--ink);border-radius:3px;padding:13px 19px;color:#fff!important}.hero{min-height:695px;padding:115px 11% 80px;position:relative;overflow:hidden}.eyebrow{letter-spacing:1.2px;color:#627269;margin:0 0 25px;font:500 11px DM Mono,monospace}.hero h1{letter-spacing:-6px;max-width:920px;margin:0;font-size:clamp(55px,8vw,126px);line-height:.94}.hero em,h2 em{font-family:Playfair Display,serif;font-weight:600}.lede{max-width:530px;margin:35px 0;font-size:18px;line-height:1.6}.button{cursor:pointer;border:0;align-items:center;gap:29px;font:600 13px Manrope;text-decoration:none;display:inline-flex}.button span{font-size:18px}.hero-mark{text-align:center;border:1px solid #8ba194;border-radius:50%;place-content:center;width:290px;height:290px;display:grid;position:absolute;bottom:44px;right:7%}.hero-mark i{border:1px solid #adc1b3;border-radius:50%;position:absolute;inset:28px}.hero-mark i:nth-child(2){inset:62px}.hero-mark i:nth-child(3){inset:96px}.hero-mark b{letter-spacing:2px;font:500 11px/1.7 DM Mono}.statement{background:var(--ink);color:#fff;grid-template-columns:1.35fr 1fr;gap:70px;padding:82px 11%;display:grid}.statement>p{margin:0;font-family:Playfair Display;font-size:34px;line-height:1.25}.statement div{border-left:1px solid #52685d;flex-direction:column;gap:18px;padding-left:25px;display:flex}.statement span{color:var(--lime);letter-spacing:1px;font:11px DM Mono}.statement strong{font-size:18px;font-weight:500}.services{padding:120px 8%}.section-head{max-width:670px}.section-head h2,.approach h2,.outcomes h2,.contact h2{letter-spacing:-3px;margin:0;font-size:clamp(37px,4.5vw,65px);line-height:1.05}.service-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}article{border-right:1px solid var(--line);min-height:300px;padding:30px 30px 0}article:first-child{padding-left:0}article:last-child{border:0}article>span{color:#668373;font:12px DM Mono}article h3{letter-spacing:-1px;margin:60px 0 12px;font-size:22px}article p{color:var(--muted);font-size:14px;line-height:1.7}article a{color:var(--ink);margin-top:25px;font-size:13px;font-weight:700;text-decoration:none;display:block}article a b{float:right;font-size:18px}.approach{background:#dce6dc;grid-template-columns:1fr 1fr;gap:100px;padding:110px 11%;display:grid}.steps{border-top:1px solid #8fa698}.steps p{border-bottom:1px solid #8fa698;margin:0;padding:23px 0;font-size:15px;line-height:1.5}.steps span{color:#547362;width:54px;font:11px DM Mono;display:inline-block}.outcomes{padding:125px 11%}.outcomes>div{grid-template-columns:1fr 1fr;gap:130px;display:grid}.outcomes h2{font-size:clamp(46px,6vw,83px)}.outcomes div p{color:var(--muted);margin:8px 0;font-size:17px;line-height:1.7}.contact{background:var(--lime);grid-template-columns:1fr 1fr;gap:100px;padding:100px 11%;display:grid}.contact h2{font-size:clamp(37px,4.4vw,62px)}.contact>div>p:last-child{max-width:420px;line-height:1.6}.contact form{gap:19px;display:grid}.contact label{font-size:12px;font-weight:700}.contact input,.contact textarea{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #698355;border-radius:0;outline:none;padding:9px 0;font:16px Manrope;display:block}.contact textarea{resize:vertical;height:76px}.contact .button{background:var(--ink);justify-self:start;margin-top:12px}footer{background:var(--ink);color:#fff;border:0}footer .brand{color:#fff}footer p{color:#b6c8bd;font-size:12px}@media (max-width:760px){.site-header{padding:18px 6%}nav a:not(.nav-cta){display:none}.hero{min-height:650px;padding:86px 7% 335px}.hero h1{letter-spacing:-3px}.hero-mark{width:250px;height:250px;right:calc(50% - 125px)}.statement,.approach,.outcomes>div,.contact{grid-template-columns:1fr;gap:45px}.statement,.services,.approach,.outcomes,.contact{padding:72px 7%}.service-grid{grid-template-columns:1fr}.service-grid article,article:first-child{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:28px 0}article h3{margin:30px 0 12px}.outcomes>div{gap:28px}.contact{gap:55px}footer{flex-wrap:wrap;gap:12px;padding:22px 7%}}
.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-family:inherit;display:inline-flex}.brand-mark{object-fit:cover;border-radius:10px;flex:none}nav button{color:#12251e;font:inherit;cursor:pointer;background:0 0;border:0;font-size:13px}nav .nav-cta{color:#fff;background:#12251e}article button{color:#12251e;cursor:pointer;background:0 0;border:0;margin-top:25px;padding:0;font:700 13px Manrope;display:block}article button b{float:right;font-size:18px}.portfolio{background:#edf1e8;padding:110px 11%}.portfolio-heading{grid-template-columns:1fr 1fr;align-items:end;gap:130px;display:grid}.portfolio h2{letter-spacing:-3px;max-width:640px;margin:0;font-size:clamp(40px,5vw,70px);line-height:1.04}.portfolio-heading p{color:#607067;max-width:440px;margin:0;font-size:16px;line-height:1.7}.outcome-grid{border-top:1px solid #aab9aa;grid-template-columns:repeat(4,1fr);margin-top:65px;display:grid}.outcome-grid div{border-right:1px solid #aab9aa;flex-direction:column;justify-content:space-between;min-height:145px;padding:22px 20px 20px 0;display:flex}.outcome-grid div:not(:first-child){padding-left:20px}.outcome-grid div:last-child{border-right:0}.outcome-grid span{color:#547362;font:11px DM Mono,monospace}.outcome-grid strong{max-width:150px;font-size:17px;line-height:1.35}@media (max-width:760px){nav button:not(.nav-cta){display:none}.portfolio{padding:72px 7%}.portfolio-heading{grid-template-columns:1fr;gap:28px}.outcome-grid{grid-template-columns:1fr 1fr;margin-top:45px}.outcome-grid div{border-bottom:1px solid #aab9aa;min-height:118px}.outcome-grid div:nth-child(2){border-right:0}.outcome-grid div:nth-child(3){padding-left:0}.outcome-grid div:nth-child(4){border-right:0}}.portfolio-link{color:var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:34px;margin-top:40px;padding-bottom:7px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.work-hero{border-bottom:1px solid var(--line);padding:110px 8% 95px}.work-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:9vw;display:grid}.work-hero h1{letter-spacing:-5px;max-width:850px;margin:0;font-size:clamp(50px,7vw,104px);line-height:.94}.work-hero h1 em{font-family:Playfair Display,serif;font-weight:600}.work-hero-grid>div>p{color:var(--muted);margin:0;font-size:17px;line-height:1.7}.portfolio-metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;display:grid}.portfolio-metrics div{border-top:1px solid var(--line);flex-direction:column;gap:5px;padding-top:13px;display:flex}.portfolio-metrics strong{font-size:18px;line-height:1.2}.portfolio-metrics span{letter-spacing:.7px;color:var(--muted);text-transform:uppercase;font:10px DM Mono,monospace}.portfolio-section{background:#edf1e8;padding:45px 5% 105px}.portfolio-filters{flex-wrap:wrap;gap:8px;max-width:1500px;margin:0 auto 32px;display:flex}.portfolio-filter{cursor:pointer;color:var(--ink);background:0 0;border:1px solid #aab9aa;border-radius:999px;padding:10px 15px;font:500 11px DM Mono,monospace}.portfolio-filter:hover,.portfolio-filter.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.portfolio-grid{gap:18px;max-width:1500px;margin:0 auto;display:grid}.case-study,.case-study:first-child,.case-study:last-child{background:var(--paper);border:1px solid #cfd6cc;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);min-height:560px;padding:0;display:grid;overflow:hidden}.case-study:nth-child(2n) .case-study-media{order:2}.case-study-media{background:#dfe6dd;min-height:500px;position:relative;overflow:hidden}.case-study-image{object-fit:cover;object-position:top center;transition:transform .6s}.case-study:hover .case-study-image{transform:scale(1.02)}.case-study-index{z-index:2;background:var(--ink);color:#fff;letter-spacing:.7px;padding:8px 11px;font:10px DM Mono,monospace;position:absolute;top:15px;left:15px}.case-study-placeholder{color:var(--ink);background:linear-gradient(145deg,#dce6dc,#9eb9a5);flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:absolute;inset:0}.case-study-placeholder span{color:#fff9;letter-spacing:-12px;align-self:flex-end;font-size:clamp(100px,16vw,230px);font-weight:800;line-height:.9}.case-study-placeholder strong{letter-spacing:1.5px;text-transform:uppercase;font:500 12px DM Mono,monospace}.case-study-copy{align-self:center;padding:clamp(32px,4vw,65px)}.case-study-copy h2{letter-spacing:-3px;max-width:560px;margin:0;font-size:clamp(36px,4vw,62px);line-height:1}.case-study-summary{color:var(--muted);margin:20px 0 0;font-size:15px;line-height:1.7}.platform-list,.stack-list{flex-wrap:wrap;gap:7px;display:flex}.platform-list{margin-top:22px}.platform-list span,.stack-list span{color:#53645a;border:1px solid #cfd6cc;border-radius:999px;padding:7px 10px;font-size:11px}.case-study-details{border-top:1px solid var(--line);margin-top:27px}.case-study-details summary{cursor:pointer;justify-content:space-between;padding:16px 0;font-size:12px;font-weight:700;list-style:none;display:flex}.case-study-details summary::-webkit-details-marker{display:none}.case-study-details[open] summary span{transform:rotate(45deg)}.detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:10px 0;display:grid}.detail-columns h3{letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;font:500 10px DM Mono,monospace}.detail-columns p,.detail-columns li{color:var(--muted);margin-top:0;font-size:12px;line-height:1.6}.detail-columns ul{margin:0;padding-left:16px}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.case-gallery-image{background:#dfe6dd;min-height:210px;position:relative;overflow:hidden}.case-gallery-image img{object-fit:cover;object-position:top center}.work-cta{background:var(--lime);padding:100px 11%}.work-cta h2{letter-spacing:-4px;max-width:1000px;margin:0;font-size:clamp(42px,6vw,78px);line-height:1}.work-cta>a{color:var(--ink);border-bottom:1px solid var(--ink);gap:34px;margin-top:35px;padding-bottom:7px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.construction-page{flex-direction:column;min-height:100vh;padding:28px 5% 60px;display:flex;position:relative;overflow:hidden}.construction-page>div{z-index:1;max-width:790px;margin:auto 6%;position:relative}.construction-page h1{letter-spacing:-6px;margin:0;font-size:clamp(52px,8vw,112px);line-height:.94}.construction-page>div>p:not(.eyebrow){max-width:540px;color:var(--muted);margin:28px 0;font-size:17px;line-height:1.7}.construction-number{color:#dce6dc;letter-spacing:-35px;font-size:clamp(210px,34vw,560px);font-weight:800;line-height:.8;position:absolute;bottom:-80px;right:-30px}@media (max-width:900px){.work-hero-grid,.case-study,.case-study:first-child,.case-study:last-child{grid-template-columns:1fr}.work-hero-grid{gap:40px}.case-study:nth-child(2n) .case-study-media{order:0}.case-study-media{min-height:410px}}@media (max-width:760px){.work-hero{padding:75px 7% 65px}.work-hero h1{letter-spacing:-3px}.portfolio-section{padding:32px 5% 70px}.portfolio-metrics{grid-template-columns:1fr}.case-study-media{min-height:300px}.case-study-copy{padding:30px 22px}.detail-columns,.case-gallery{grid-template-columns:1fr}.work-cta{padding:72px 7%}.work-cta h2,.construction-page h1{letter-spacing:-3px}.construction-page{padding:22px 7% 50px}.construction-page>div{margin:auto 0}.construction-number{letter-spacing:-15px;bottom:-20px;right:-15px}}