:root{
  --black:#080808;
  --ink:#101010;
  --anth:#171717;
  --soft:#f3efe6;
  --paper:#ebe6dc;
  --muted:#8f8a80;
  --green:#355745;
  --gold:#b39a6a;
  --line:rgba(16,16,16,.16);
  --wline:rgba(243,239,230,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--black);color:var(--soft);line-height:1.55;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
[data-lang]{display:none}
html[lang="de"] [data-lang="de"],html[lang="en"] [data-lang="en"],html[lang="es"] [data-lang="es"],html[lang="pt"] [data-lang="pt"]{display:inline}
p [data-lang],h1 [data-lang],h2 [data-lang],h3 [data-lang],a [data-lang],strong [data-lang],span [data-lang]{display:none}
html[lang="de"] p [data-lang="de"],html[lang="en"] p [data-lang="en"],html[lang="es"] p [data-lang="es"],html[lang="pt"] p [data-lang="pt"],
html[lang="de"] h1 [data-lang="de"],html[lang="en"] h1 [data-lang="en"],html[lang="es"] h1 [data-lang="es"],html[lang="pt"] h1 [data-lang="pt"],
html[lang="de"] h2 [data-lang="de"],html[lang="en"] h2 [data-lang="en"],html[lang="es"] h2 [data-lang="es"],html[lang="pt"] h2 [data-lang="pt"],
html[lang="de"] h3 [data-lang="de"],html[lang="en"] h3 [data-lang="en"],html[lang="es"] h3 [data-lang="es"],html[lang="pt"] h3 [data-lang="pt"],
html[lang="de"] a [data-lang="de"],html[lang="en"] a [data-lang="en"],html[lang="es"] a [data-lang="es"],html[lang="pt"] a [data-lang="pt"],
html[lang="de"] strong [data-lang="de"],html[lang="en"] strong [data-lang="en"],html[lang="es"] strong [data-lang="es"],html[lang="pt"] strong [data-lang="pt"],
html[lang="de"] span [data-lang="de"],html[lang="en"] span [data-lang="en"],html[lang="es"] span [data-lang="es"],html[lang="pt"] span [data-lang="pt"]{display:inline}
.nav{
  position:fixed;top:0;left:0;right:0;z-index:99;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;
  padding:18px clamp(18px,4vw,70px);background:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,0));
}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;white-space:nowrap}
.logo img{width:34px;height:34px}
.nav nav{display:flex;gap:26px;justify-content:flex-end}
.nav nav a{font-size:.82rem;color:rgba(243,239,230,.74)}
.nav nav a:hover{color:var(--soft)}
.lang-switch{display:flex;gap:5px;border:1px solid rgba(243,239,230,.22);border-radius:999px;padding:4px;background:rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.lang-switch button{appearance:none;border:0;background:transparent;color:rgba(243,239,230,.68);font-weight:800;font-size:.72rem;padding:7px 8px;border-radius:999px;cursor:pointer}
.lang-switch button.active{background:var(--soft);color:var(--black)}
.section{padding:112px clamp(20px,6vw,96px);background:var(--paper);color:var(--ink)}
.section-dark{position:relative;overflow:hidden;background:var(--black)}
.bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.76) contrast(1.08)}
.bg-hero{background-image:url("https://images.unsplash.com/photo-1519999482648-25049ddd37b1?auto=format&fit=crop&w=2200&q=82")}
.bg-focus{background-image:url("https://images.unsplash.com/photo-1565043589221-1a6fd9ae45c7?auto=format&fit=crop&w=2200&q=82")}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.48),rgba(0,0,0,.88))}
.hero{min-height:100vh;display:flex;align-items:flex-end;padding:150px clamp(20px,6vw,96px) 95px}
.hero-inner,.focus-inner{position:relative;z-index:1;max-width:1080px}
.kicker{margin:0 0 18px;color:rgba(243,239,230,.68);text-transform:uppercase;letter-spacing:.20em;font-size:.72rem;font-weight:800}
.kicker.dark{color:var(--green)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(3.2rem,9vw,9.4rem);line-height:.88;letter-spacing:-.078em;margin:0 0 30px}
h2{font-size:clamp(2rem,4.3vw,5rem);line-height:.98;letter-spacing:-.058em;margin:0}
h3{font-size:1.15rem;letter-spacing:-.025em;margin-bottom:14px}
.hero-text{max-width:780px;font-size:clamp(1.08rem,2vw,1.45rem);color:rgba(243,239,230,.78);margin-bottom:34px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;border-radius:999px;padding:14px 22px;font-weight:800;font-size:.92rem}
.btn.primary{background:var(--soft);color:var(--black)}
.btn.secondary{border:1px solid rgba(243,239,230,.38);color:var(--soft);background:rgba(243,239,230,.05);backdrop-filter:blur(10px)}
.btn:hover{transform:translateY(-1px)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(38px,7vw,110px);align-items:start}
.copy p{font-size:1.08rem;color:rgba(16,16,16,.72)}
.image-band{display:grid;grid-template-columns:repeat(3,1fr);background:var(--black);gap:1px}
.image-card{height:430px;position:relative;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:28px;overflow:hidden}
.image-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.08))}
.image-card span{position:relative;z-index:1;font-weight:800;letter-spacing:-.02em;font-size:1.25rem}
.img-steel{background-image:url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1000&q=82")}
.img-recycling{background-image:url("https://images.unsplash.com/photo-1532996122724-e3c354a0b15b?auto=format&fit=crop&w=1000&q=82")}
.img-execution{background-image:url("https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=1000&q=82")}
.expertise h2{max-width:1040px;margin-bottom:62px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--line);gap:1px}
.cards article{background:var(--paper);padding:30px;min-height:305px}
.num{display:block;color:var(--gold);font-weight:900;font-size:.8rem;margin-bottom:38px}
.cards p{color:rgba(16,16,16,.65)}
.focus{min-height:82vh;display:flex;align-items:flex-end;padding:115px clamp(20px,6vw,96px)}
.focus p:last-child{max-width:780px;color:rgba(243,239,230,.76);font-size:1.18rem;margin-top:32px}
.projects .split{margin-bottom:54px}
.project-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-list div{padding:28px 28px 34px;border-right:1px solid var(--line)}
.project-list div:last-child{border-right:0}
.project-list strong{display:block;font-size:1.12rem;margin-bottom:10px}
.project-list span{color:rgba(16,16,16,.62)}
.method{background:#111;color:var(--soft)}
.method .kicker{color:rgba(243,239,230,.62)}
.statements{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--wline);border:1px solid var(--wline);margin-top:48px}
.statements p{background:#111;padding:30px;min-height:185px;font-size:1.08rem;color:rgba(243,239,230,.82)}
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,7vw,100px);padding:120px clamp(20px,6vw,96px);background:var(--green);color:var(--soft)}
.contact-box{align-self:end}
.contact-box p{color:rgba(243,239,230,.76);font-size:1.05rem}
.mail{font-size:clamp(1.45rem,3.4vw,4rem);line-height:1;letter-spacing:-.055em;font-weight:900;border-bottom:2px solid rgba(243,239,230,.35)}
.phone{margin-top:18px}
footer{display:flex;justify-content:space-between;gap:18px;padding:28px clamp(20px,6vw,96px);color:rgba(243,239,230,.55);font-size:.84rem}
footer span:last-child{display:flex;gap:18px;flex-wrap:wrap}
.legal{max-width:980px;margin:0 auto;padding-top:140px}
.legal h1{font-size:clamp(2.4rem,7vw,6.8rem);color:var(--ink)}
.legal h2{font-size:clamp(1.45rem,3vw,2.6rem);margin:48px 0 14px}
.legal p,.legal li{color:rgba(16,16,16,.72)}
.note{border:1px solid #b89a5f;background:#fff8e8;padding:18px;margin:24px 0;color:#5a4216}
@media(max-width:1180px){.cards{grid-template-columns:repeat(2,1fr)}.project-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){
  .nav{grid-template-columns:auto auto}.nav nav{display:none}.logo span{font-size:.68rem}.lang-switch{justify-self:end}
  .hero{padding:130px 22px 76px}.section,.focus,.contact{padding:78px 22px}.split,.contact{grid-template-columns:1fr}
  .image-band,.cards,.project-list,.statements{grid-template-columns:1fr}.image-card{height:300px}.cards article{min-height:245px}
  footer{flex-direction:column}
}