@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&display=swap";:root{color:#111;font-synthesis:none;background:#f3f3f1;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.nav{z-index:20;color:#fff;background:#080808;align-items:center;height:76px;padding:0 22px;transition:all .3s;display:flex;position:fixed;top:28px;left:3vw;right:3vw}.nav.snapped{top:0;left:0;right:0}.brand{color:inherit;letter-spacing:.05em;background:0 0;border:0;font-size:16px;font-weight:800}.brand span{color:#080808;background:#fff;place-items:center;width:34px;height:34px;margin-right:9px;font-family:Archivo Black;font-size:14px;display:inline-grid}.nav nav{gap:30px;margin:auto;display:flex}.nav nav button,.footer button{color:inherit;text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;font-size:12px}.nav nav button{opacity:.65}.nav nav button.active,.nav nav button:hover{opacity:1}.nav-cta,.dark-btn{color:#080808;letter-spacing:.12em;background:#fff;border:0;padding:15px 18px;font-size:11px;font-weight:700}.nav-cta span,.light-btn span{margin-left:14px}.menu{display:none}.hero,.page-hero{color:#fff;background-image:linear-gradient(90deg,#000000b8,#00000029),var(--hero);background-position:50%;background-size:cover;position:relative}.hero{align-items:flex-end;min-height:100vh;padding:0 7vw 10vh;display:flex}.hero-content{max-width:920px}.eyebrow{letter-spacing:.24em;margin:0 0 25px;font-size:11px;font-weight:700}.hero h1,.page-hero h1,h2{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-family:Archivo Black,Impact,sans-serif;line-height:.9}.hero h1{font-size:clamp(62px,10vw,154px)}.hero-content>p:not(.eyebrow){max-width:560px;font-size:18px;line-height:1.6}.light-btn{color:#000;letter-spacing:.12em;background:#fff;border:1px solid #fff;margin-top:25px;padding:18px 20px;font-size:11px;font-weight:700}.scroll-mark{writing-mode:vertical-rl;letter-spacing:.18em;font-size:9px;position:absolute;bottom:10vh;right:4vw}.scroll-mark i{border-left:1px solid #fff;height:55px;margin-top:14px;display:inline-block}.split{grid-template-columns:1.1fr .9fr;align-items:start;gap:8vw;padding:120px 7vw;display:grid}.eyebrow.dark{color:#666}.split h2,.contact h2{font-size:clamp(46px,6.5vw,100px)}.split>div:last-child{color:#555;padding-top:34px;font-size:17px;line-height:1.8}.text-btn{letter-spacing:.12em;background:0 0;border:0;border-bottom:1px solid #111;margin-top:25px;padding:0 0 8px;font-size:11px;font-weight:700}.service-grid{color:#fff;background:#0a0a0a;grid-template-columns:repeat(4,1fr);display:grid}.service-grid article{border-right:1px solid #333;min-height:360px;padding:45px 32px}.service-grid span,.service-list article>span{color:#888;font-size:11px}.service-grid h3{text-transform:uppercase;margin:100px 0 18px;font-family:Archivo Black;font-size:26px}.service-grid p,.values p{color:#aaa;font-size:14px;line-height:1.7}.stats{text-align:center;background:#fff;grid-template-columns:repeat(3,1fr);padding:90px 7vw;display:grid}.stats div{border-right:1px solid #ddd;flex-direction:column;display:flex}.stats div:last-child{border:0}.stats strong{font-family:Archivo Black;font-size:clamp(48px,6vw,85px)}.stats span{letter-spacing:.16em;margin-top:12px;font-size:10px}.cta{color:#fff;background:#090909;padding:110px 7vw}.cta h2{font-size:clamp(54px,9vw,130px)}.page-hero{align-items:flex-end;min-height:72vh;padding:0 7vw 8vh;display:flex}.page-hero h1{font-size:clamp(65px,11vw,160px)}.page-hero div>p:last-child{max-width:540px;font-size:17px;line-height:1.6}.service-list article{border-bottom:1px solid #ccc;grid-template-columns:70px 1fr 1fr auto;align-items:center;gap:4vw;padding:65px 7vw;display:grid}.service-list h2{font-size:clamp(34px,4vw,65px)}.service-list p{color:#666;line-height:1.7}.service-list button{letter-spacing:.12em;background:0 0;border:0;border-bottom:1px solid;padding:8px 0;font-size:10px}.project-section{padding:80px 7vw}.filters{flex-wrap:wrap;gap:8px;margin-bottom:35px;display:flex}.filters button{text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #bbb;padding:11px 18px;font-size:10px}.filters .selected{color:#fff;background:#111;border-color:#111}.project-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.project-grid article{background-position:50%;background-size:cover;height:500px;position:relative}.project-grid article:after{content:"";background:linear-gradient(#0000 45%,#000c);position:absolute;inset:0}.project-grid article div{z-index:1;color:#fff;position:absolute;bottom:28px;left:30px}.project-grid span{text-transform:uppercase;letter-spacing:.15em;font-size:10px}.project-grid h3{text-transform:uppercase;margin:8px 0 0;font:32px Archivo Black}.values{grid-template-columns:repeat(3,1fr);padding:0 7vw 110px;display:grid}.values article{color:#fff;background:#111;border-right:1px solid #333;min-height:300px;padding:50px}.values b{color:#777;font-size:11px}.values h3{margin-top:85px;font:26px Archivo Black}.contact{grid-template-columns:.8fr 1.2fr;gap:8vw;padding:110px 7vw;display:grid}.contact>div>p{color:#666;line-height:1.7}.contact-lines{flex-direction:column;gap:10px;margin-top:45px;display:flex}.contact-lines a,.contact-lines span{color:#111;font-weight:600;text-decoration:none}.contact form{grid-template-columns:1fr 1fr;gap:30px;display:grid}.contact label{letter-spacing:.12em;font-size:10px;font-weight:700}.contact input,.contact textarea,.contact select{background:0 0;border:0;border-bottom:1px solid #aaa;outline:none;width:100%;margin-top:10px;padding:14px 0;display:block}.contact textarea{resize:vertical}.contact .wide{grid-column:1/-1}.dark-btn{color:#fff;background:#111;justify-self:start}.contact .dark-btn{grid-column:1/-1}footer{color:#fff;background:#050505;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:70px 7vw 30px;display:grid}footer p{letter-spacing:.14em;color:#888;font-size:10px}footer div{border-top:1px solid #333;grid-column:1/-1;gap:22px;padding-top:30px;display:flex}footer div button{color:#aaa;background:0 0;border:0;font-size:10px}footer small{color:#555;grid-column:1/-1;font-size:9px}@media (width<=850px){.nav{height:66px;padding:0 16px;top:14px;left:14px;right:14px}.nav.snapped{top:0;left:0;right:0}.nav .nav-cta{display:none}.menu{color:#fff;letter-spacing:.15em;background:0 0;border:0;margin-left:auto;font-size:10px;display:block}.nav nav{background:#080808;flex-direction:column;gap:0;padding:18px;display:none;position:absolute;top:66px;left:0;right:0}.nav nav.open{display:flex}.nav nav button{text-align:left;padding:15px}.hero{padding:0 24px 11vh}.hero h1{font-size:clamp(54px,17vw,90px)}.scroll-mark{display:none}.split{grid-template-columns:1fr;gap:25px;padding:80px 24px}.split>div:last-child{padding-top:0}.service-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr;padding:50px 24px}.stats div{border-bottom:1px solid #ddd;border-right:0;padding:28px 0}.page-hero{min-height:65vh;padding:0 24px 55px}.service-list article{grid-template-columns:45px 1fr;padding:45px 24px}.service-list article p,.service-list article button{grid-column:2}.project-section{padding:55px 24px}.project-grid{grid-template-columns:1fr}.project-grid article{height:420px}.values{grid-template-columns:1fr;padding:0 24px 75px}.values article{min-height:240px}.contact{grid-template-columns:1fr;padding:75px 24px}.cta{padding:80px 24px}footer{grid-template-columns:1fr;padding:60px 24px 28px}footer p,footer div,footer small{grid-column:1}.contact form{grid-template-columns:1fr}.contact label,.contact .wide,.contact .dark-btn{grid-column:1}}@media (width<=520px){.brand{font-size:13px}.brand span{width:30px;height:30px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:280px}.service-grid h3{margin-top:65px}.project-grid article{height:340px}.contact form{gap:24px}footer div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
