/* Focused homepage navigation for the current Chullin 108 publication. */
.hero-daf{
  align-self:flex-start;
  margin:0 0 28px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--clay);
  font-family:var(--display);
  font-size:clamp(34px,4vw,58px);
  line-height:1;
  letter-spacing:-.025em;
  text-decoration:none;
}
.hero-daf span{
  font-family:var(--sans);
  font-size:.38em;
  line-height:1;
  transition:transform .18s ease;
}
.hero-daf:hover span{
  transform:translateX(4px);
}
.hero-choices{
  margin:4px 0 0;
  padding-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  border-top:1px solid var(--line);
}
.hero-choice{
  min-height:48px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:1px solid var(--ink);
  color:var(--ink);
  font-size:13px;
  font-weight:500;
  text-decoration:none;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.hero-choice-primary{
  background:var(--ink);
  color:var(--paper);
}
.hero-choice:hover{
  transform:translateY(-2px);
  background:var(--ink);
  color:var(--paper);
}
.hero-choice span{
  color:var(--clay);
}

@media(max-width:640px){
  .hero-daf{
    margin-bottom:24px;
    font-size:38px;
  }
  .hero-choices{
    padding-top:16px;
    display:grid;
    grid-template-columns:1fr;
  }
  .hero-choice{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-daf span,
  .hero-choice{
    transition:none;
  }
}