body{
  font-family:var(--f-body);
  font-weight:400;
  color:var(--bone);
  background:var(--black);
  font-size:clamp(14px,1.05vw,17px);
  line-height:1.62;
  letter-spacing:.005em;
  font-feature-settings:"tnum" 1,"ss01" 1;
}

.display{
  font-family:var(--f-display);
  font-weight:600;
  line-height:.86;
  letter-spacing:-.012em;
  text-transform:uppercase;
  text-wrap:balance;
}
.display--xl{font-size:clamp(50px,10.4vw,178px)}
.display--lg{font-size:clamp(38px,6.6vw,112px)}
.display--md{font-size:clamp(32px,4.4vw,74px)}
.display--sm{font-size:clamp(24px,2.6vw,42px)}

.eyebrow{
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--amber);
  margin-bottom:1.1em;
}
.lede{
  font-size:clamp(16px,1.5vw,23px);
  line-height:1.5;
  color:var(--bone-dim);
  max-width:34ch;
  font-weight:300;
}
.body{max-width:46ch;color:var(--bone-dim);font-weight:300}
.body + .body{margin-top:1.1em}
.body--dim{color:var(--bone-faint)}
.body--sm{font-size:clamp(13px,.95vw,15.5px);max-width:40ch}
.mono{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}