.hero{
  padding:56px 0 44px;
  border-bottom:1px solid var(--line);
}

.hero h1{
  font-family:var(--display);
  font-weight:800;
  font-size:clamp(42px,7vw,80px);
  line-height:.92;
  letter-spacing:-.035em;
  margin:0 0 16px;
}

.hero h1 em{font-style:normal;color:var(--accent);}
.hero p{margin:0;color:var(--bone-dim);font-size:15px;}

/* the crumbs linking to sibling pages read as a separate affordance from
   the same-page jump nav above them, not more pills in the same row */
.jump + .crumbs{margin-top:14px;}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;}
.crumbs .crumb{margin-bottom:0;}

/* kit list */

.kit{list-style:none;margin:0;padding:0;}

.kit li{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:16px;align-items:baseline;
  padding:12px 0;border-top:1px solid var(--line);
}

.kit li:last-child{border-bottom:1px solid var(--line);}
.kit b{font-weight:600;font-size:14.5px;display:block;margin-bottom:2px;}
.kit span{font-size:13.5px;color:var(--bone-dim);line-height:1.45;}

.kit em{
  font-style:normal;font-family:var(--mono);font-size:11px;
  color:var(--accent);white-space:nowrap;
}

@media (max-width:820px){
  .hero{padding-top:36px;}
}