/* Homepage preview of the shared cinematic / narrative type playbook. */
body { font-family:var(--type-body); }
#hero-title { font-family:var(--type-display); font-weight:800; }
body :is(#tales-title, #field-notes-title, #principles-title, #testimonials-title, #connect-title) {
  font-family:var(--type-narrative);
  font-size:var(--type-heading-size);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.025em;
  text-transform:none;
}
#principles-title { max-width:22ch; }
body :is(.book-title, .journey-marker-grid h3, .story-collection__copy strong) {
  font-family:var(--type-narrative);
  font-size:var(--type-subheading-size);
  font-weight:500;
  line-height:1.2;
  letter-spacing:-.015em;
  text-transform:none;
}
#voices .testimonial-name { font-family:var(--type-narrative); font-size:24px; font-weight:500; line-height:1.2; letter-spacing:0; }
body :is(.hero-copy .intro, .about-body, .journey-marker-grid article p) { font-size:var(--type-body-size); line-height:1.7; }
.hero-copy .intro { max-width:48ch; }
body :is(.tales-invite, .journey-campsite .journey-wrap>p:not(.eyebrow)) { font-size:20px; line-height:1.5; }
body :is(.book-caption, .story-collection__copy>span:not(.book-number)) { font-size:16px; line-height:1.5; }
body :is(.eyebrow, .book-number, .journey-marker-grid article>span) { font-family:var(--type-body); font-size:var(--type-label-size); font-weight:600; letter-spacing:.1em; line-height:1.5; }
.trail-nav nav a { font-family:var(--type-body); font-size:14px; font-weight:500; }
@media(max-width:650px) {
  :root { --type-body-size:17px; }
  body :is(#tales-title, #field-notes-title, #principles-title, #testimonials-title, #connect-title) { font-size:36px; }
  body :is(.tales-invite, .journey-campsite .journey-wrap>p:not(.eyebrow)) { font-size:19px; }
  .trail-nav nav a { font-size:14px; }
}

html body #tales .book-title { font:500 clamp(24px,2.3vw,32px)/1.2 var(--type-narrative); letter-spacing:-.015em; }