/* Paired headings use the site's upright sans and italic serif. */
.living-garden { --paired-heading-color: #7b8364; }
.living-garden :is(.atelier-hero, .atelier-personal, .package-guide) { --paired-heading-color: var(--accent); }
.living-garden .custom-package { --paired-heading-color: var(--coral); }
.living-garden .faq-intro { --paired-heading-color: var(--paper); }
/* Keep stronger contrast where the background is coral. */
.packages-page .packages-contact,
.planting-page .planting-contact,
.business-page .residential-contact,
.faq-page .faq-next { --paired-heading-color: var(--ink); }
.living-garden main :is(h1, h2) em,
.living-garden main h2.section-title em { color: var(--paired-heading-color); }

.living-garden main h2.section-title {
  font: 500 clamp(32px, 3.2vw, 44px)/1.13 Manrope, Arial, sans-serif;
  letter-spacing: -.05em;
  text-wrap: balance;
  margin-top: 0;
}
.living-garden main h2.section-title em {
  display: block;
  font: italic 500 1.18em/1.08 Cormorant, Georgia, serif;
  letter-spacing: -.035em;
}
.living-garden:not(.subpage) main h2.section-title { margin-bottom: 24px; }
.living-garden .folio-heading h2.section-title { margin: 0; text-transform: none; max-width: none; }
.living-garden .folio-heading {
  display: block;
  margin-bottom: 48px;
}
.living-garden .folio-intro-copy { margin-top: 24px; text-transform: none; letter-spacing: normal; }
.living-garden .folio-intro-copy .copy { max-width: none; margin: 0; font-size: 16px; line-height: 1.8; }
.living-garden .folio-intro-copy .copy + .copy { margin-top: 18px; }
.living-garden .atelier-contact h2.section-title { font-size: clamp(42px, 7vw, 100px); margin-block: 0 30px; text-wrap: initial; }
.living-garden .contact-top { justify-content: flex-end; }
.living-garden .hero-bottom-line { justify-content: flex-end; }
.living-garden .hero-bottom-line a { font-size: 12px; }
.living-garden .atelier-hero .hero-meta > .status { max-width: none; text-align: left; }
.living-garden .package-guide-heading { display: block; }
.living-garden .editorial-intro { grid-template-columns: minmax(0, 1fr); }
.living-garden .method-section .section-intro { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Captions explain the source or the drawing; they must remain readable. */
.living-garden main :is(figcaption, .personal-caption, .sheet-meta, .image-note, .thinking-note, .method-note > p, .hero-byline, .hero-meta, .contact-location, .offer-note, .rates-note, .package-badge, .subpage-note, .subpage-caption) {
  font-size: 12px;
  line-height: 1.65;
  letter-spacing: normal;
}
.living-garden .atelier-contact .contact-location { font-size: 12px !important; }
.living-garden .atmosphere-photo figcaption small { font-size: 12px; line-height: 1.6; }
.living-garden .sheet-meta { text-transform: none; }
.living-garden .drawing-sheet { padding-bottom: 50px; }
.living-garden .image-note, .living-garden .planting-sheet figcaption { flex-wrap: wrap; gap: 6px 20px; }
.living-garden .desk-stamp { justify-content: center; }

.subpage {
  --sub-type-caption: 12px;
  --sub-type-note: 13px;
}
.subpage main :is(.eyebrow, .reading-label) { letter-spacing: .08em; }
.subpage .breadcrumbs { font-size: 12px; flex-wrap: wrap; gap: 6px 12px; }
.subpage :is(.study-footnote, .family-study-foot, .reading-note, .samples-foot > p, .document-scope p, .delivery-end p) { font-size: 13px; }
.living-garden main .subpage-note { font-size: 13px; }
.living-garden .package-card li, .living-garden .package-card > a { font-size: 12px; }

@media (min-width: 1101px) {
  .living-garden .editorial-intro { grid-template-columns: minmax(0, 1fr) minmax(220px, 390px); column-gap: 64px; }
  .living-garden .editorial-intro h2, .living-garden .intro-copy { grid-column: 1; }
  .living-garden .intro-photo { grid-column: 2; }
}
@media (max-width: 800px) {
  .living-garden .folio-heading { margin-bottom: 32px; }
  .living-garden .method-section .section-intro { display: block; }
  .living-garden .photo-print figcaption { padding-inline: 4px; }
  .living-garden .sheet-meta { line-height: 1.4; }
  .living-garden .method-intro-note { align-items: flex-start; }
}