
:root{
  --black:#070908;
  --charcoal:#101412;
  --panel:#151a17;
  --paper:#f4f6f3;
  --ink:#101511;
  --muted:#b9c4bc;
  --green:#098233;
  --green-bright:#12d660;
  --line:rgba(255,255,255,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:white;font-family:Inter,Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.nav{
  position:sticky;top:0;z-index:100;
  display:flex;justify-content:space-between;align-items:center;
  padding:16px clamp(18px,5vw,72px);
  background:rgba(7,9,8,.86);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px)
}
.nav img{height:34px;width:auto}
.nav-links{display:flex;gap:22px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#dbe4dd;font-weight:800}
.print-btn{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 14px;color:#fff;background:rgba(255,255,255,.06)}
.hero{
  min-height:94vh;
  display:flex;align-items:flex-end;
  padding:clamp(60px,8vw,110px) clamp(22px,5vw,72px);
  position:relative;background-size:cover;background-position:center;
}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.42),rgba(0,0,0,.78))}
.hero-content{position:relative;max-width:1050px}
.kicker{color:var(--green-bright);font-weight:900;text-transform:uppercase;letter-spacing:.22em;font-size:13px}
h1{font-size:clamp(54px,10vw,144px);line-height:.86;letter-spacing:-.085em;margin:18px 0 22px}
h2{font-size:clamp(38px,6vw,84px);line-height:.92;letter-spacing:-.06em;margin:0 0 28px}
h3{font-size:clamp(24px,2.5vw,34px);line-height:1;margin:0 0 16px;letter-spacing:-.04em}
p{font-size:18px;line-height:1.56;color:#d8dfda}
.lead{font-size:clamp(22px,2.5vw,34px);line-height:1.25;color:#fff;max-width:950px;font-weight:650}
.pills{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.pill{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;padding:12px 18px;font-weight:900;color:#eef6f0}
.section{padding:clamp(68px,8vw,110px) clamp(22px,5vw,72px);border-top:1px solid var(--line)}
.light{background:var(--paper);color:var(--ink)}
.light p{color:#314038}
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.media{overflow:hidden;border-radius:34px;background:#222;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.media img{width:100%;height:100%;display:block;object-fit:cover}
.tall{height:640px}
.short{height:430px}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:44px}
.stat{padding:28px;min-height:150px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))}
.num{font-size:clamp(42px,5vw,64px);font-weight:950;color:var(--green-bright);letter-spacing:-.07em}
.label{margin-top:10px;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#c7d0c9;font-weight:900}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.card{background:#111612;border:1px solid rgba(255,255,255,.14);border-radius:30px;overflow:hidden;display:flex;flex-direction:column;min-height:100%}
.light .card{background:white;border-color:rgba(0,0,0,.1)}
.card img{width:100%;height:260px;object-fit:cover;display:block}
.card-body{padding:26px;display:flex;flex-direction:column;flex:1}
.tag{display:inline-block;align-self:flex-start;margin-bottom:18px;border:1px solid rgba(18,214,96,.34);background:rgba(18,214,96,.13);color:#adffcb;border-radius:999px;padding:8px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:950}
.light .tag{color:#076728;background:rgba(9,130,51,.1);border-color:rgba(9,130,51,.22)}
.meta{border-top:1px solid rgba(255,255,255,.15);padding-top:16px;margin-top:auto;color:#d7dfd9;font-size:15px;line-height:1.6}
.light .meta{border-color:rgba(0,0,0,.12);color:#334039}
.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:36px}
.gallery img{width:100%;height:455px;object-fit:cover;border-radius:30px;border:1px solid rgba(255,255,255,.12)}
.gallery-stack{display:grid;gap:18px}
.gallery-stack img{height:218px}
.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.fleet-box{padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);font-weight:800;color:#dfe7e1}
.fleet-box strong{display:block;font-size:48px;letter-spacing:-.07em;color:var(--green-bright);margin-bottom:4px}
.project-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.project-chip{padding:16px;border:1px solid rgba(0,0,0,.12);background:white;border-radius:16px;font-weight:850;color:#172019}
.org{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.person{padding:22px;border-radius:20px;background:white;border:1px solid rgba(0,0,0,.12)}
.person b{display:block;font-size:18px;color:#0b0d0c}
.person span{display:block;color:#4a574f;margin-top:7px;line-height:1.45}
.footer{padding:80px clamp(22px,5vw,72px);background:#050605}
.footer img{height:64px;margin-bottom:26px}
.footer p{max-width:800px}
.print-note{font-size:14px;color:#aeb8b0}
@media(max-width:980px){
  .nav-links{display:none}
  .split,.gallery{grid-template-columns:1fr}
  .stats,.cards,.fleet-grid,.org,.project-list{grid-template-columns:1fr}
  .tall,.short{height:360px}
  .gallery img,.gallery-stack img{height:300px}
}
@media print{
  @page{size:A4;margin:10mm}
  body{background:white;color:#111}
  .nav{display:none}
  .section,.hero,.footer{break-inside:avoid;page-break-inside:avoid}
  .hero{min-height:260mm;padding:22mm 12mm}
  .hero:before{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.45))}
  .section{padding:16mm 10mm;border-top:0}
  .light{background:white}
  h1{font-size:58pt}
  h2{font-size:34pt}
  p{font-size:11pt}
  .lead{font-size:17pt}
  .stats{grid-template-columns:repeat(2,1fr)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .fleet-grid{grid-template-columns:repeat(2,1fr)}
  .org{grid-template-columns:repeat(2,1fr)}
  .project-list{grid-template-columns:repeat(2,1fr)}
  .card img{height:45mm}
  .media,.card,.stat,.person,.fleet-box{box-shadow:none}
  .print-btn{display:none}
}
