.hub-intro{
  min-height:0;
  display:block;
  padding:64px 0 54px;
}
.hub-intro .eyebrow{margin:0 0 16px}
.hub-intro h1{
  max-width:12ch;
  font-size:clamp(50px,6vw,72px);
  line-height:.98;
}
.hub-dek{
  max-width:56ch;
  margin:18px 0 0;
  padding:0;
  border:0;
  font:17px/1.6 var(--sans);
}

.guides-index{
  padding:54px 0 0;
  scroll-margin-top:90px;
}
.guides-index-header{
  max-width:760px;
  padding-bottom:46px;
}
.guides-index-header h2{
  margin:0;
  font-size:clamp(38px,4.5vw,54px);
  line-height:1;
}
.guides-index-header p{
  max-width:56ch;
  margin:20px 0 0;
  color:var(--muted);
}
.guides-index .guide-list{padding-top:0}
.guides-index .guide-group+.guide-group{padding-top:82px}
.guides-index .list-heading h3{
  margin:0;
  font-family:var(--serif);
  font-size:31px;
  font-weight:500;
  letter-spacing:-.03em;
  line-height:1.05;
}
.guide-card h4{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(34px,4.2vw,56px);
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.02;
}
.guide-card h4 a{text-decoration:none}

@media (max-width:760px){
  .hub-intro{
    min-height:0;
    padding:46px 0 40px;
  }
  .hub-intro h1{font-size:clamp(45px,13vw,58px)}
  .hub-dek{font-size:16px}
  .guides-index{padding-top:42px}
  .guides-index-header{padding-bottom:36px}
  .guides-index-header h2{font-size:38px}
  .guides-index .guide-group+.guide-group{padding-top:64px}
  .guides-index .list-heading{
    display:block;
    margin-bottom:30px;
  }
  .guides-index .list-heading h3{font-size:29px}
  .guide-card h4{font-size:35px}
}