:root{--ink:#101419;--paper:#f4f2ed;--white:#fff;--lime:#c9ff45;--muted:#697077;--line:#d8d7d2;--dark:#11171d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.logo{font:800 25px Manrope;color:var(--ink);text-decoration:none;letter-spacing:-.06em}.logo span{color:#67a500}.nav nav{display:flex;gap:32px}.nav nav a,.nav-cta{font-size:13px;color:var(--ink);text-decoration:none;font-weight:600}.nav-cta{border-bottom:1px solid var(--ink)}.hero{min-height:700px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:65px;padding:70px 0 95px}.kicker{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;margin:0 0 20px;color:#647068}.hero h1,.case-hero h1{font:800 clamp(54px,7.1vw,98px)/.98 Manrope;letter-spacing:-.065em;margin:0 0 28px}.lead{font-size:19px;color:#596169;max-width:650px}.actions,.case-actions{display:flex;align-items:center;gap:22px;margin-top:36px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:56px;padding:0 22px;border-radius:2px;text-decoration:none;font-weight:700;font-size:13px}.btn.primary{background:var(--ink);color:#fff}.btn.primary span{color:var(--lime)}.btn.text{color:var(--ink);border-bottom:1px solid var(--ink);padding:0 4px;border-radius:0}.system-visual{position:relative;aspect-ratio:1/1;max-width:520px;margin:auto;border-radius:50%;background:radial-gradient(circle,#253038 0 18%,#171d22 19% 35%,#242d33 36% 36.5%,#11171d 37% 100%);box-shadow:0 30px 70px rgba(25,31,36,.25);overflow:hidden}.orbit{position:absolute;inset:13%;border:1px solid #39444b;border-radius:50%}.orbit.two{inset:29%}.core{position:absolute;inset:37%;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center}.core span{font:800 52px Manrope;line-height:1}.core small{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.signal{position:absolute;z-index:2;background:#fff;border-radius:4px;padding:11px 14px;font-size:11px;font-weight:700;box-shadow:0 15px 28px rgba(0,0,0,.28)}.signal b{display:block;color:#778087;font-weight:500}.s1{left:2%;top:21%}.s2{right:1%;top:14%}.s3{left:3%;bottom:18%}.s4{right:0;bottom:22%}.trust{background:var(--ink);color:white}.trust .wrap{height:82px;display:flex;align-items:center;justify-content:space-between;font:600 11px Manrope;letter-spacing:.18em}.trust i{height:1px;flex:1;background:#30363b;margin:0 25px}.section{padding:120px 0}.heading{display:grid;grid-template-columns:.65fr 1.15fr .9fr;gap:55px;align-items:end;margin-bottom:65px}.heading h2,.cta h2,.case-summary h2{font:800 clamp(39px,4.5vw,62px)/1.02 Manrope;letter-spacing:-.055em;margin:0}.heading>p:last-child{color:var(--muted);margin:0}.flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.flow article{min-height:250px;padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column}.flow article:last-child{border-right:0}.flow b{font-size:11px;color:#8a9297}.flow span{font:700 19px Manrope;margin-top:auto}.flow p{font-size:13px;color:var(--muted);margin:10px 0 0}.work-section{background:var(--dark);color:#fff;padding:120px 0}.heading.light .kicker,.heading.light>p:last-child{color:#9ca7ad}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-media{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#263039}.project-media img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-media:hover img{transform:scale(1.025)}.construction .project-media img{filter:saturate(.75);}.live{position:absolute;top:18px;left:18px;background:var(--lime);color:var(--ink);padding:7px 11px;border-radius:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.project-info{display:flex;justify-content:space-between;align-items:end;padding-top:21px}.project-info p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#919da4;margin:0 0 5px}.project-info h3{font:700 25px Manrope;margin:0}.project-info>a{color:#fff;font-size:13px;text-decoration:none}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process article{border-top:2px solid var(--ink);padding:22px 4px}.process span{font-size:11px;color:#768087}.process h3{font:700 20px Manrope;margin:45px 0 10px}.process p{font-size:13px;color:var(--muted)}.cta{padding:120px 0;background:var(--lime)}.cta h2{font-size:clamp(50px,7vw,92px);margin-bottom:40px}.cta .btn.primary span{color:var(--lime)}footer{min-height:170px;display:grid;grid-template-columns:.5fr 1fr .7fr;gap:30px;align-items:center}footer p{color:var(--muted);font-size:13px}footer div{display:flex;flex-direction:column;align-items:flex-end;gap:8px}footer div a{color:var(--ink);font-size:13px}footer small{color:#8b9297}.case-page{background:#f5f3ee}.case-hero{padding:100px 0 80px}.case-hero h1{font-size:clamp(58px,8vw,110px)}.case-hero>p:not(.kicker){font-size:20px;color:var(--muted);max-width:720px}.case-cover{background:var(--dark);padding:75px 0}.case-cover img{display:block;width:100%;height:min(65vw,720px);object-fit:cover}.roof-cover img{object-position:center}.block-cover img{object-position:center 42%}.case-summary{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px}.case-summary p,.case-summary li{color:var(--muted)}.case-summary ul{padding-left:20px}.feature-band{background:var(--ink);color:#fff}.feature-band .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.feature-quote{padding:55px 38px;border-right:1px solid #30363b}.feature-quote:first-child{border-left:1px solid #30363b}.feature-quote span{color:var(--lime);font-size:11px}.feature-quote h3{font:700 21px Manrope;margin:40px 0 10px}.feature-quote p{font-size:13px;color:#9eaaaf}.next-project{padding:105px 0}.next-project>p{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:var(--muted)}.next-project a{display:flex;justify-content:space-between;gap:25px;color:var(--ink);text-decoration:none;border-top:1px solid var(--ink);padding-top:25px;font:600 20px Manrope}.next-project a span{font-size:clamp(30px,5vw,60px);letter-spacing:-.05em}@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:75px}.system-visual{width:min(100%,500px)}.heading{grid-template-columns:1fr;gap:18px}.flow{grid-template-columns:1fr 1fr}.flow article{border-bottom:1px solid var(--line)}.projects,.case-summary{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.feature-band .wrap{grid-template-columns:1fr}.feature-quote,.feature-quote:first-child{border-left:1px solid #30363b;border-bottom:1px solid #30363b}.case-summary{gap:35px}footer{grid-template-columns:1fr;padding:45px 0}footer div{align-items:flex-start}}@media(max-width:540px){.wrap{width:calc(100% - 28px)}.nav{height:70px}.hero{min-height:auto;padding:70px 0}.hero h1{font-size:53px}.signal{font-size:9px}.flow,.process{grid-template-columns:1fr}.projects{gap:65px}.project-info{display:block}.project-info>a{display:inline-block;margin-top:12px}.case-hero{padding:70px 0}.case-cover{padding:25px 0}.case-cover img{height:65vw}.case-summary{padding:70px 0}.next-project a{display:block}.next-project a span{display:block;margin-bottom:10px}}
:root .system-visual{width:100%}