.hero{padding:80px var(--pad-x) 28px;position:relative}
.hero .eyebrow{margin-bottom:42px}
.hero h1{
  font-family:var(--font-display);
  font-size:clamp(64px,13vw,196px);
  line-height:.86;letter-spacing:-.035em;
  text-transform:uppercase;
}
.hero h1 .line{display:block;overflow:hidden}
.hero h1 .word{
  display:inline-block;
  transform:translateY(110%);
  animation:up 1s var(--ease) forwards;
}
.hero h1 .word.d2{animation-delay:.1s}
.hero h1 .word.d3{animation-delay:.2s}
.hero h1 .word.d4{animation-delay:.3s}
.hero h1 .out{-webkit-text-stroke:var(--border) var(--bone);color:transparent}
.hero h1 .ember{color:var(--ember)}
.hero h1 em{font-style:italic;font-family:var(--font-body);font-weight:900}
@keyframes up{to{transform:translateY(0)}}

.hero .lead-row{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:80px;padding-top:64px;margin-top:48px;
  border-top:var(--border) solid var(--line-d);
  align-items:start;
  opacity:0;animation:fade 1s .8s forwards;
}
.hero .lead{
  font-family:var(--font-mono);
  font-size:14px;line-height:1.85;
  color:var(--steel);max-width:54ch;
}
.hero .lead b{color:var(--bone);font-weight:500}
.hero .ctas{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%}
@keyframes fade{to{opacity:1}}

.manifesto{
  background:var(--bone);color:var(--graphite);
  padding:140px var(--pad-x);
  border-bottom:var(--border) solid var(--graphite);
}
.manifesto .tag{
  font-family:var(--font-mono);
  font-size:12px;text-transform:uppercase;letter-spacing:.3em;
  color:var(--slate);margin-bottom:36px;
  display:flex;align-items:center;gap:14px;
}
.manifesto .tag::before{content:"";width:42px;height:1px;background:var(--ember)}
.manifesto p{
  font-family:var(--font-display);
  font-size:clamp(36px,5.6vw,84px);
  line-height:1.02;letter-spacing:-.028em;
  max-width:22ch;text-transform:uppercase;font-weight:400;
}
.manifesto p em{
  font-style:italic;font-family:var(--font-body);
  font-weight:900;color:var(--ember);
}
.manifesto p .strike{position:relative;color:var(--slate);text-transform:uppercase}
.manifesto p .strike::after{
  content:"";position:absolute;left:-2%;right:-2%;top:50%;
  height:6px;background:var(--graphite);
  transform:translateY(-50%) rotate(-1.5deg);
}
.manifesto .foot{
  display:flex;justify-content:space-between;
  margin-top:80px;padding-top:24px;
  border-top:var(--border) solid var(--line-l);
  font-family:var(--font-mono);font-size:12px;
  text-transform:uppercase;letter-spacing:.16em;color:var(--slate);
}

.tele-head{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:48px var(--pad-x) 28px;
  border-bottom:var(--border) solid var(--line-d);
  background:var(--graphite);
}
.tele-head h2{
  font-family:var(--font-display);
  font-size:clamp(32px,4vw,56px);
  letter-spacing:-.025em;text-transform:uppercase;line-height:1;
}
.tele-head h2 .e{color:var(--ember)}
.tele-head .sub{
  font-family:var(--font-mono);font-size:12px;color:var(--slate);
  text-transform:uppercase;letter-spacing:.16em;
}

.pillars{
  background:var(--bone);color:var(--graphite);
  border-bottom:var(--border) solid var(--graphite);
}
.pillars .head{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:80px var(--pad-x) 32px;
  border-bottom:var(--border) solid var(--graphite);
}
.pillars .head h2{
  font-family:var(--font-display);
  font-size:clamp(36px,5vw,72px);
  letter-spacing:-.03em;text-transform:uppercase;line-height:.95;
}
.pillars .head .sub{
  font-family:var(--font-mono);font-size:12px;color:var(--slate);
  text-transform:uppercase;letter-spacing:.16em;
}
.pillars .grid3{
  display:grid;grid-template-columns:repeat(3,1fr);
}
.pillars .pillar{
  padding:60px var(--pad-x);
  border-right:var(--border) solid var(--graphite);
  transition:background var(--dur-fast);
}
.pillars .pillar:last-child{border-right:none}
.pillars .pillar:hover{background:var(--bone-deep)}
.pillars .pillar .n{
  font-family:var(--font-mono);font-size:12px;
  color:var(--ember);letter-spacing:.3em;text-transform:uppercase;
}
.pillars .pillar h3{
  font-family:var(--font-display);
  font-size:clamp(28px,3vw,40px);
  margin:18px 0 18px;line-height:1;letter-spacing:-.02em;
  text-transform:uppercase;font-weight:400;
}
.pillars .pillar p{
  font-family:var(--font-mono);font-size:13px;
  line-height:1.75;color:var(--slate);max-width:38ch;
}
.pillars .pillar p b{color:var(--graphite);font-weight:500}

.shout{
  background:var(--graphite);color:var(--bone);
  padding:160px var(--pad-x);text-align:center;
  position:relative;
  border-bottom:var(--border) solid var(--line-d);
}
.shout h3{
  font-family:var(--font-display);
  font-size:clamp(40px,7vw,120px);
  line-height:.9;letter-spacing:-.03em;text-transform:uppercase;
}
.shout h3 .out{-webkit-text-stroke:var(--border) var(--bone);color:transparent}
.shout h3 .e{color:var(--ember)}
.shout h3 em{font-style:italic;font-family:var(--font-body);font-weight:900}
.shout cite{
  display:block;margin-top:48px;
  font-family:var(--font-mono);font-size:12px;font-style:normal;
  text-transform:uppercase;letter-spacing:.24em;color:var(--slate);
}

@media (max-width:900px){
  .hero .lead-row{grid-template-columns:1fr;gap:36px;padding-top:36px}
  .pillars .grid3{grid-template-columns:1fr}
  .pillars .pillar{border-right:none;border-bottom:var(--border) solid var(--graphite)}
}