@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap');

:root{--black:#0a0b0a;--ink:#111310;--white:#f3f3ef;--lime:#c6f000;--grey:#a8aaa4;--line:#30322f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button,input,select,textarea{font:inherit}::selection{background:var(--lime);color:#000}
.siteHeader{height:92px;display:flex;align-items:center;padding:0 5.5vw;border-bottom:1px solid #41433f;position:absolute;z-index:10;width:100%;font-family:'IBM Plex Mono';text-transform:uppercase;font-size:12px;letter-spacing:.08em}.brand{display:flex;align-items:center;gap:9px;font-family:'Barlow Condensed';font-size:21px;letter-spacing:.08em}.brand b{font-weight:700}.brandMark{width:13px;height:13px;background:var(--lime);display:inline-block}.siteHeader nav{margin-left:auto;display:flex;gap:42px}.siteHeader nav a{position:relative}.siteHeader nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--lime);transition:.25s}.siteHeader nav a:hover:after{right:0}.headerCta{border:1px solid #777;margin-left:44px;padding:13px 16px;transition:.25s}.headerCta:hover{border-color:var(--lime);color:var(--lime)}
.hero{height:min(900px,100vh);min-height:700px;display:grid;grid-template-columns:41% 59%;position:relative}.heroCopy{padding:170px 4.7vw 0 7.8vw;display:flex;flex-direction:column;overflow:hidden}.eyebrow,.sectionIndex{font:500 11px 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:12px;white-space:nowrap}.eyebrow span{width:10px;height:10px;background:var(--lime)}.hero h1{font:600 clamp(72px,8.6vw,136px)/.82 'Barlow Condensed';text-transform:uppercase;letter-spacing:-.025em;margin:28px 0 18px}.heroBottom{border-top:1px solid var(--lime);margin-top:auto;height:72px;display:grid;grid-template-columns:42% 58%;font:500 12px 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.1em}.heroBottom small,.heroBottom a{display:flex;align-items:center}.heroBottom small b{color:var(--lime);margin-right:8px}.heroBottom a{border-left:1px solid var(--lime);justify-content:space-between;padding:0 26px 0 24px}.heroBottom a span{font-size:22px;color:var(--lime);transition:.2s}.heroBottom a:hover span{transform:translate(4px,-4px)}.heroImage{background:url('/images/hero.png') center/cover no-repeat;position:relative}.heroImage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent)}.projectTag{position:absolute;right:22px;bottom:22px;z-index:1;background:rgba(0,0,0,.72);padding:9px 11px;font:10px 'IBM Plex Mono';text-transform:uppercase}.coordinates{position:absolute;left:2.5vw;top:207px;bottom:82px;border-left:1px solid var(--lime);color:var(--lime);font:10px 'IBM Plex Mono';writing-mode:vertical-rl;display:flex;justify-content:space-between;padding:0 0 0 10px}
.intro{background:var(--white);color:var(--ink);padding:110px 7vw 120px;display:grid;grid-template-columns:22% 42% 1fr;gap:4vw}.sectionIndex{color:#63655f}.intro h2,.work h2,.services h2,.process h2,.contact h2{font:600 clamp(54px,6vw,96px)/.9 'Barlow Condensed';text-transform:uppercase;letter-spacing:-.02em;margin:0}.intro h2 em{color:#858782;font-style:normal}.introText{padding-top:8px}.introText>p{font-size:18px;line-height:1.7;margin:0 0 60px}.stats{display:flex;gap:50px;border-top:1px solid #bbbdb7;padding-top:24px}.stats div{display:flex;flex-direction:column}.stats strong{font:600 44px 'Barlow Condensed'}.stats span{font:10px 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.09em;margin-top:6px}
.work{padding:115px 5.5vw 130px}.workHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.workHead h2{margin-top:20px}.workHead p{color:var(--grey);max-width:430px;line-height:1.7}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.projectLarge{grid-row:span 2}.project img{height:330px;filter:saturate(.82);transition:.55s}.projectLarge img{height:760px}.project:hover img{filter:saturate(1);transform:scale(1.01)}.project{overflow:hidden}.projectMeta{border-top:1px solid var(--lime);display:flex;justify-content:space-between;padding:17px 0 28px}.projectMeta div{display:flex;flex-direction:column}.projectMeta b{font:500 15px 'IBM Plex Mono';text-transform:uppercase}.projectMeta span{font:10px 'IBM Plex Mono';color:var(--grey);text-transform:uppercase;margin-top:6px}.projectMeta i{font:12px 'IBM Plex Mono';color:var(--lime);font-style:normal}
.services{background:var(--white);color:var(--ink);padding:120px 7vw;display:grid;grid-template-columns:42% 1fr;gap:7vw}.services h2{margin-top:24px}.serviceList article{display:grid;grid-template-columns:44px 1fr 1.3fr 20px;gap:20px;align-items:start;border-top:1px solid #aaa;padding:25px 0}.serviceList article:last-child{border-bottom:1px solid #aaa}.serviceList span,.serviceList b{font:12px 'IBM Plex Mono'}.serviceList h3{font:600 19px 'Barlow Condensed';text-transform:uppercase;margin:0;font-size:26px}.serviceList p{font-size:13px;line-height:1.65;color:#676963;margin:0}.serviceList article>b{color:#777;font-size:18px}
.process{padding:110px 7vw 130px}.processGrid{display:grid;grid-template-columns:42% 1fr;gap:8vw;margin-top:45px}.processTitle p{color:var(--grey);line-height:1.75;max-width:390px;margin-top:35px}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:50px 1fr;border-top:1px solid var(--line);padding:25px 0 30px}.process li:last-child{border-bottom:1px solid var(--line)}.process li>span{font:11px 'IBM Plex Mono';color:var(--lime)}.process li b{font:500 24px 'Barlow Condensed';text-transform:uppercase}.process li p{color:var(--grey);font-size:13px;line-height:1.7;max-width:500px}.quote{background:var(--lime);color:#0b0c0a;padding:110px 12vw;text-align:center}.quote blockquote{font:500 clamp(38px,4.4vw,70px)/1.05 'Barlow Condensed';text-transform:uppercase;margin:0 auto 32px;max-width:1120px}.quote cite{font:500 11px 'IBM Plex Mono';text-transform:uppercase;font-style:normal}
.contact{padding:120px 7vw;display:grid;grid-template-columns:43% 1fr;gap:7vw}.contact h2{margin-top:24px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.contact label{font:10px 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.08em}.contact input,.contact select,.contact textarea{display:block;width:100%;background:transparent;color:var(--white);border:0;border-bottom:1px solid #555;padding:14px 0;outline:none;border-radius:0;text-transform:none}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--lime)}.contact textarea{height:96px;resize:vertical}.contact label:last-of-type{grid-column:1/-1}.contact button{grid-column:1/-1;background:var(--lime);border:0;padding:19px 23px;text-align:left;text-transform:uppercase;font:500 12px 'IBM Plex Mono';display:flex;justify-content:space-between;cursor:pointer}.contact button:hover{background:#d5ff00}footer{border-top:1px solid var(--line);padding:45px 5.5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}footer p{color:var(--grey);font-size:12px;text-align:center}footer>div{display:flex;flex-direction:column;text-align:right;color:#777;font:9px/1.8 'IBM Plex Mono';text-transform:uppercase}
@media(max-width:900px){.siteHeader{height:76px;padding:0 22px}.siteHeader nav{display:none}.headerCta{margin-left:auto;padding:10px;font-size:9px}.hero{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:76px}.heroCopy{padding:60px 22px 0;min-height:570px}.hero h1{font-size:78px}.heroImage{height:420px;order:2}.coordinates{display:none}.heroBottom{height:68px}.intro,.services,.processGrid,.contact{grid-template-columns:1fr}.intro{padding:75px 24px}.intro h2{margin-top:12px}.work{padding:75px 22px}.workHead{display:block}.workHead p{margin-top:24px}.projects{grid-template-columns:1fr}.projectLarge{grid-row:auto}.project img,.projectLarge img{height:420px}.services,.contact{padding:75px 24px}.serviceList{margin-top:20px}.serviceList article{grid-template-columns:35px 1fr 20px}.serviceList p{grid-column:2/-1}.process{padding:75px 24px}.quote{padding:75px 24px}.contact form{margin-top:20px}footer{grid-template-columns:1fr;gap:20px;text-align:left}footer p{text-align:left}footer>div{text-align:left}}
@media(max-width:560px){.brand{font-size:17px}.headerCta{display:none}.eyebrow{font-size:8px}.heroCopy{min-height:515px;padding-top:45px}.hero h1{font-size:64px}.heroImage{height:320px}.heroBottom{margin-left:0}.introText>p{font-size:16px}.stats{gap:30px}.projects .project img,.projects .projectLarge img{height:300px}.serviceList article{grid-template-columns:28px 1fr 15px}.contact form{grid-template-columns:1fr}.contact label:last-of-type,.contact button{grid-column:auto}footer{padding:38px 24px}}

.contact button{color:#0a0b0a;font-weight:600}