/* Keep the portfolio's serif display type while aligning reading text across pages. */
/* The homepage and About page share one warm background; case studies stay white. */
.home-page .hero{background:var(--paper)}
.about-page{background:#faf9f6}
.about-page .card{background:#fff}
.case-study-copy h3,
.experience-row h3{
  font-family:'Spline Sans',Arial,sans-serif;
  font-weight:500;
  line-height:1.2;
  letter-spacing:-.025em;
}
.case-study-copy>p:not(.case-study-tags),
.experience-row p,
.about-copy p:not(.lead),
.about-page .intro p,
.payrentz-page .copy,
.payrentz-page .results-list p{
  font-size:1rem;
  line-height:1.65;
  letter-spacing:0;
  color:var(--muted);
}
.about-page .card p,
.payrentz-page .findings p,
.payrentz-page .constraints-grid p,
.payrentz-page .system-card p{
  font-size:.9375rem;
  line-height:1.6;
  letter-spacing:0;
}
.payrentz-page .copy{max-width:75ch}
@media(max-width:600px){
  .case-study-copy>p:not(.case-study-tags),
  .experience-row p,
  .about-copy p:not(.lead),
  .about-page .intro p,
  .payrentz-page .copy,
  .payrentz-page .results-list p{font-size:1rem;line-height:1.6}
}