:root{--dark:#122719;--green:#98c973;--paper:#eff3e9;--muted:#aebbaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#f5f7f0;font-family:Manrope,Arial,sans-serif}header{height:88px;padding:0 4.5vw;display:flex;align-items:center;justify-content:flex-start;position:absolute;z-index:2;width:100%;color:#fff}header img{width:160px;filter:brightness(0) invert(1);position:absolute;left:50%;transform:translateX(-50%)}header a{font:11px "DM Mono",monospace;color:inherit;text-decoration:none;text-transform:uppercase}.hero{min-height:820px;display:grid;grid-template-columns:1fr;position:relative;overflow:hidden}.hero-text{padding:180px 7vw 70px 5vw;background:#193d22;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.kicker{font:12px "DM Mono",monospace;color:var(--green);letter-spacing:.11em;text-transform:uppercase}.hero h1{font-weight:700;letter-spacing:-.075em;line-height:.94;margin:20px 0;padding-left:.075em}.hero h1{font-size:clamp(54px,6.1vw,94px)}.hero h1 i{color:var(--green);font-style:normal}.hero-text>p:not(.kicker){max-width:450px;line-height:1.65;color:#d7e1d3}.cta{color:#fff;margin-top:34px;text-decoration:none;font-size:13px;font-weight:700}.manifesto,.responsibility{max-width:1200px;margin:auto;padding:140px 5vw;display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.manifesto h2,.responsibility h2,.solution h2{font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:20px 0;font-size:clamp(46px,5.8vw,86px)}.manifesto>div,.responsibility>div:last-child{max-width:520px;color:#d2ddd0;line-height:1.7}.lead{font-size:20px;line-height:1.55!important;color:#fff}.statement{border-top:1px solid #557359;border-bottom:1px solid #557359;padding:45px 5vw;display:grid;grid-template-columns:1fr 2fr;gap:50px;max-width:1200px;margin:auto}.statement span{color:var(--green);font:14px "DM Mono",monospace}.statement p{margin:0;font-size:20px;line-height:1.55}
.statement h3{font-weight:700;letter-spacing:-.05em;line-height:1;margin:0 0 16px;font-size:clamp(28px,3.1vw,46px)}
.statement>div{display:flex;flex-direction:column;justify-content:center}.solution{margin:120px 4vw;padding:85px 7vw;background:var(--green);color:var(--dark)}.solution p{max-width:550px;line-height:1.65}.solution strong{display:block;margin-top:28px}.responsibility{align-items:center}.leaf{height:490px;background:url('assets/photos/recycling-symbol.png') center/contain no-repeat;clip-path:none}footer{padding:70px 5vw;background:#eff3e9;color:var(--dark);display:flex;justify-content:space-between;gap:40px;line-height:1.8}footer img{width:140px;height:max-content}footer a{color:inherit}header>a:last-child{margin-left:auto}@media(max-width:700px){header{padding:0 22px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-text{padding:70px 24px 90px}.manifesto,.responsibility{padding:85px 24px;grid-template-columns:1fr;gap:30px}.statement{margin:0 24px;padding:36px 0;grid-template-columns:1fr;gap:12px}.solution{margin:60px 0;padding:65px 24px}.leaf{height:310px;order:-1}footer{padding:50px 24px;display:block}footer img{margin-bottom:30px}}
.language{display:flex;gap:2px;margin-right:14px}.language button{border:0;background:transparent;color:#fff;font:11px "DM Mono",monospace;padding:5px;cursor:pointer;opacity:.5}.language button.active{opacity:1;border-bottom:1px solid var(--green)}@media(max-width:700px){header{height:70px}header img{width:130px}.language{margin-right:0}.back{display:none}}

/* manifesto layout fix */
.manifesto{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 80px}
.manifesto>.kicker{grid-column:1/-1;margin:0}
.manifesto>h2{grid-column:1/-1;margin:0 0 40px}
section.manifesto>div{grid-column:1/-1;width:100%;max-width:900px}
@media(max-width:700px){
  .manifesto{grid-template-columns:minmax(0,1fr);gap:20px}
  .manifesto>.kicker,.manifesto>h2,section.manifesto>div{grid-column:1}
  .manifesto>h2{margin:0 0 10px}
}
/* Mobile header and hero refinements shared with concept 1. */
@media(max-width:700px){
  header{height:auto;min-height:76px;padding:10px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo contact" "language back";gap:4px 12px;align-content:center}
  header img{grid-area:logo;position:static;left:auto;transform:none;width:118px;max-width:100%}
  header>a:last-child{grid-area:contact;margin:0;justify-self:end;font-size:9px;white-space:nowrap}
  .language{grid-area:language;gap:8px;margin:0}
  .language button{min-width:32px;min-height:32px;padding:6px 8px}
  .back{grid-area:back;display:block;justify-self:end;font-size:9px;white-space:nowrap}
  .hero{min-height:760px;min-height:100svh;padding-top:82px}
  .hero-text{padding:70px 22px 68px}
  .hero h1{font-size:clamp(42px,11.8vw,64px);line-height:.98;letter-spacing:-.065em}
  .hero-text>p:not(.kicker){font-size:15px}
  .cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;margin-top:22px}
}
@media(max-width:360px){
  header{padding-inline:14px;gap:2px 8px}
  header img{width:108px}
  .hero-text{padding-inline:18px}
  .hero h1{font-size:clamp(38px,11vw,48px)}
  .manifesto h2,.responsibility h2,.solution h2{font-size:clamp(38px,10vw,52px)}
}
@media(max-width:400px){
  .manifesto h2,.responsibility h2{font-size:clamp(32px,9vw,36px);letter-spacing:-.035em}
  .solution h2{font-size:clamp(29px,8.2vw,34px);letter-spacing:-.035em}
}
@media(max-width:400px){.solution h2{font-size:clamp(23px,7.3vw,28px)}}
@media(max-width:700px){
  header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"language logo contact" "back back back";column-gap:8px;row-gap:0}
  header img{justify-self:center}
  .language{justify-self:start}
  header>a:last-child{justify-self:end}
  .back{justify-self:start}
}

/* The section number was removed; let the statement use the full row. */
.statement{grid-template-columns:minmax(0,1fr)}
.statement>div{width:100%;max-width:none}
.statement>div{align-items:center;text-align:center}
.statement p{width:100%;max-width:900px}
.statement h3{margin-bottom:26px}
.statement p{max-width:820px;font-size:18px;line-height:1.45;letter-spacing:-.01em}
.statement h3{font-size:clamp(30px,3.4vw,50px)}
.statement p{font-size:20px;line-height:1.5}
@media(max-width:700px){.leaf{height:220px;background-size:220px 220px}}