@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101413;--paper:#f1efe8;--soft:#d7d3c8;--accent:#ff5c35;--dark:#18201f;--line:rgba(16,20,19,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 4vw;border-bottom:1px solid var(--line);background:rgba(241,239,232,.9);backdrop-filter:blur(14px)}.brand{display:flex;gap:10px;align-items:center;font:700 14px 'Manrope';letter-spacing:.1em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--paper);font-size:18px}.brand b{font-weight:400}.nav{display:flex;gap:30px;font-size:14px}.nav a:hover{color:var(--accent)}.language-switcher{justify-self:end;display:flex;gap:4px}.language-switcher button{border:0;background:transparent;padding:6px;cursor:pointer;font-size:12px;opacity:.5}.language-switcher button.active{opacity:1;border-bottom:2px solid var(--accent)}.menu-toggle{display:none;border:0;background:none;font-size:22px}.hero{min-height:820px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:80px 4vw 60px;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;margin:0 0 22px}.hero h1,.section-heading h2,.statement h2,.about h2,.contact h2{font:600 clamp(54px,7.3vw,118px)/.9 'Manrope';letter-spacing:-.065em;margin:0}.hero h1 em{font-style:normal;color:var(--accent)}.hero-text{max-width:610px;margin:32px 0;font-size:19px;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;padding:17px 23px;font-weight:700}.button.primary{background:var(--ink);color:white}.button.primary:hover{background:var(--accent)}.text-link{font-weight:600;border-bottom:1px solid}.hero-art{position:relative;min-height:650px}.hero-art svg{width:100%;height:100%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.13))}.hero-badge{position:absolute;right:4%;bottom:8%;width:145px;height:145px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--accent);color:#fff}.hero-badge strong{font:800 34px 'Manrope'}.hero-badge span{font-size:11px}.section-pad{padding:120px 4vw}.statement{display:grid;grid-template-columns:.25fr 1.15fr .6fr;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement h2{font-size:clamp(42px,5.7vw,82px)}.statement>p:last-child{font-size:18px;line-height:1.65;align-self:end}.section-index{font:700 14px 'Manrope'}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;margin-bottom:70px}.section-heading h2,.about h2,.contact h2{font-size:clamp(45px,6vw,86px)}.section-heading>p{font-size:18px;line-height:1.6;align-self:end}.service-list{border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:90px 1fr 1fr 40px;gap:30px;padding:35px 0;border-bottom:1px solid var(--line);align-items:center}.service-card span{font:700 12px 'Manrope'}.service-card h3{font:600 clamp(24px,3vw,40px) 'Manrope';letter-spacing:-.04em;margin:0}.service-card p{line-height:1.55;margin:0}.service-card i{font-size:25px;font-style:normal}.service-card:hover h3,.service-card:hover i{color:var(--accent)}.about{background:var(--dark);color:#f4f1e9;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-art{height:620px;position:relative;overflow:hidden;background:#242e2d}.shape{position:absolute}.shape-one{width:44%;height:75%;left:12%;bottom:-8%;background:#d0cdc2;transform:skewY(-10deg)}.shape-two{width:40%;height:90%;right:8%;top:-15%;background:#566260;transform:skewY(12deg)}.shape-three{width:180px;height:180px;border-radius:50%;background:var(--accent);left:32%;top:20%}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:50px 50px}.about-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:620px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.metrics div{border-top:1px solid rgba(255,255,255,.25);padding-top:18px}.metrics strong{display:block;font:700 36px 'Manrope';color:var(--accent)}.metrics span{font-size:12px;opacity:.75}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.project-card{background:#dedbd1;min-height:530px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project-card:nth-child(3){grid-column:1/-1;min-height:400px}.project-visual{position:relative;flex:1;min-height:300px}.project-card h3{font:600 30px 'Manrope';letter-spacing:-.04em;margin:8px 0}.project-card small{font-weight:700}.building{position:absolute;bottom:10%;background:#59615f}.b1{height:70%;width:38%;left:18%;transform:skewY(-8deg)}.b2{height:50%;width:32%;right:15%;background:#aaa79e;transform:skewY(9deg)}.beam{position:absolute;width:110%;height:70px;background:#303837;transform:rotate(-25deg);left:-10%;top:30%}.beam-two{top:57%;background:var(--accent);transform:rotate(18deg)}.tank{position:absolute;width:260px;height:260px;border-radius:50%;border:55px solid #434d4b;left:20%;top:8%}.pipe{position:absolute;width:48%;height:70px;background:var(--accent);right:5%;bottom:26%}.contact{background:var(--accent);text-align:center}.contact h2{max-width:1050px;margin:0 auto}.contact>p:not(.eyebrow){font-size:18px;max-width:650px;margin:28px auto}.contact-email{font:700 clamp(22px,3vw,42px) 'Manrope';border-bottom:2px solid;word-break:break-word}footer{display:flex;justify-content:space-between;align-items:center;padding:34px 4vw;background:var(--ink);color:#f4f1e9;font-size:13px}.footer-brand .brand-mark{background:var(--paper);color:var(--ink)}.reveal{opacity:0;transform:translateY(26px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto}.menu-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:25px 4vw;background:var(--paper);flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{min-height:500px}.statement,.section-heading,.about{grid-template-columns:1fr}.statement{gap:30px}.service-card{grid-template-columns:55px 1fr 30px}.service-card p{grid-column:2/-1}.project-grid{grid-template-columns:1fr}.project-card:nth-child(3){grid-column:auto}.about-art{height:450px}.metrics{grid-template-columns:1fr}.language-switcher{margin-left:14px}.section-pad{padding:85px 5vw}}@media(max-width:560px){.site-header{padding:15px 4vw}.brand span:last-child{font-size:11px}.brand-mark{width:30px;height:30px}.language-switcher button{font-size:10px;padding:4px}.hero{min-height:auto;padding:70px 5vw 25px}.hero h1{font-size:55px}.hero-text{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{min-height:390px}.hero-badge{width:110px;height:110px}.section-heading{gap:20px}.service-card{grid-template-columns:40px 1fr 25px}.service-card p{grid-column:1/-1}.project-card{min-height:430px}.contact-email{font-size:19px}footer{gap:20px;align-items:flex-start;flex-direction:column}}