:root{
  --bg:#0b0c0f;
  --text:#f2f2f2;
  --muted:#9aa2ac;
}

*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.5;
}

.container{
  width:min(1100px,92%);
  margin:auto;
}

header{
  position:fixed;
  width:100%;
  top:0;
  padding:28px 0;
}

header .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.lang a{
  margin-left:18px;
  color:var(--muted);
  text-decoration:none;
  font-size:14px;
}

main{
  padding-top:140px;
}

section{
  padding:160px 0;
}

h1{
  font-size:clamp(3rem,7vw,5.5rem);
  line-height:1.05;
  letter-spacing:-0.03em;
  margin:0 0 40px 0;
}

.lead div{
  margin-top:12px;
  color:var(--muted);
  font-size:18px;
}

a.link{
  display:inline-block;
  margin-top:40px;
  font-size:18px;
  text-decoration:none;
  border-bottom:1px solid var(--text);
}

.kicker{
  font-size:14px;
  color:var(--muted);
  letter-spacing:0.12em;
  text-transform:uppercase;
  margin-bottom:40px;
}

.big-line{
  font-size:clamp(1.8rem,3vw,2.5rem);
  margin:14px 0;
}

.effort{
  display:grid;
  grid-template-columns:1fr;
  gap:80px;
  margin-top:120px;
}

@media(min-width:1000px){
  .effort{
    grid-template-columns:1fr 1fr;
  }
  .effort.reverse{
    direction:rtl;
  }
  .effort.reverse .text{
    direction:ltr;
  }
}

.video{
  width:100%;
  aspect-ratio:16/9;
  background:#000;
}

footer{
  padding:200px 0;
}