/* ===================================================
   RESOURCES PAGE — styles/resources.css
   All rules scoped to #r-resources to avoid conflicts
   =================================================== */

#r-resources{padding-top:120px}
#r-resources .ld-hero{padding-top:0;margin-top:0}

#r-resources h1{
  font-family:var(--serif);
  font-weight:330;
  font-size:clamp(40px,5vw,64px);
  line-height:1.04;
  letter-spacing:-.02em;
  max-width:820px;
  margin:20px auto 0;
}

#r-resources h1 em,
#r-resources h2 em,
#r-resources h3 em{
  font-style:italic;
  color:var(--grn);
}

#r-resources .ey{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--grn);
  display:inline-flex;
  align-items:center;
  gap:8px;
}
#r-resources .ey::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--grn);
}

#r-resources .sub{
  color:var(--mut);
  font-size:18px;
  max-width:560px;
  margin:20px auto 0;
  text-align:center;
}