/* Article-specific rhythm, using the existing Journal's typefaces and palette. */
.natural-article .journal-heading h1 { max-width: 27ch; font-size: clamp(38px, 4.6vw, 72px); line-height: 1.12; }
.natural-article .eyebrow, .natural-article .journal-back { font-size: 12px; }
.natural-article .journal-photo img { object-fit: contain; height: auto; }
.natural-split { display: grid; grid-template-columns: 1.05fr 1fr; gap: 9%; align-items: center; margin: var(--article-space) 8%; }
.natural-split > * { min-width: 0; }
.natural-copy { max-width: 64ch; margin: var(--article-space) 12% 65px auto; padding-left: 20px; }
.natural-copy-left { margin-left: 12%; margin-right: auto; padding-left: 0; }
.natural-preparation { width: 66%; margin: 0 8% var(--article-space) auto; }
.natural-emotion { width: 84%; margin: 0 auto var(--article-space); }
.natural-evening { width: min(86%, 560px); margin: 70px 12% var(--article-space) auto; }
.natural-faq { width: min(84%, 760px); margin: var(--article-space) auto; padding-top: 48px; border-top: 1px solid var(--line); }
.natural-faq h3 { font: 400 clamp(23px, 2.1vw, 31px)/1.25 var(--serif); letter-spacing: -.02em; margin: 36px 0 14px; }
.natural-contact-button { display: inline-flex; align-items: center; gap: 28px; padding: 18px 24px; margin-top: 20px; background: var(--ink); color: var(--bone); font-size: 15px; line-height: 1.5; }
.natural-contact-button:hover { opacity: .85; }
.natural-contact-button:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
@media (max-width: 1050px) {
  .natural-split { gap: 6%; }
  .natural-copy { max-width: 64ch; margin-right: 8%; margin-left: 12%; padding-left: 0; }
}
@media (max-width: 760px) {
  .natural-article .journal-heading h1 { font-size: clamp(34px, 8.4vw, 52px); line-height: 1.15; overflow-wrap: break-word; }
  .natural-split { display: flex; flex-direction: column; align-items: stretch; gap: 36px; margin: 75px 7%; }
  .natural-portraits .journal-copy { order: -1; }
  .natural-copy, .natural-copy-left { margin: 75px 7% 42px; padding: 0; }
  .natural-preparation { width: 86%; margin: 0 7% 75px; }
  .natural-emotion { width: 100%; margin-bottom: 75px; }
  .natural-evening { margin: 48px auto 75px; }
  .natural-faq { width: 86%; margin: 75px 7%; padding-top: 36px; }
  .natural-faq h3 { font-size: 25px; }
  .natural-contact-button { max-width: 100%; font-size: 15px; padding: 16px 18px; gap: 20px; }
}