/* Nature illustrations in the archive’s classical Greek frames.
   Shared controls, borders, and reading surfaces inherit antiquity.css. */
.nature-shelf {margin: 0 0 65px}
.nature-shelf .section-heading {margin-bottom: 17px}
.nature-introduction {font: 1.125rem/1.8 Georgia, serif; color: var(--muted); max-width: 720px; margin: 0 0 34px}
.nature-gallery {display: grid; grid-template-columns: 1.35fr 1fr; gap: 42px; align-items: start}
.nature-story {min-width: 0}
.nature-picture {position: relative; padding: 12px; margin: 0; border: 1px solid #aa9979; outline: 1px solid #cbbd9e; outline-offset: 5px; background: #e0d4b9; box-shadow: 0 9px 24px #493d2010}
.nature-picture::before {content: ''; position: absolute; inset: 4px; pointer-events: none; border: 1px solid #b2a080}
.nature-picture img {display: block; width: 100%; height: auto}
.tree-story .nature-picture {max-width: 440px; margin-inline: auto}
.nature-copy {padding: 29px 4px 0}
.nature-copy h3 {font-size: 2rem; line-height: 1.3; margin: 10px 0 17px}
.nature-copy p {font: 1.0625rem/1.85 Georgia, serif; color: #5b6050; margin-bottom: 23px; max-width: 590px}
.nature-copy .gold-button {max-width: 100%}
.nature-related {display: flex; width: fit-content; margin-top: 9px; font-size: .9375rem}
.nature-art-note {font: italic .875rem/1.7 Georgia, serif; color: var(--muted); margin: 24px 0 0; padding: 18px 0 0; border-top: 1px solid var(--line)}

@media (max-width: 1100px) {
  .nature-gallery {gap: 30px; grid-template-columns: 1.15fr 1fr}
}
@media (max-width: 860px) {
  .nature-gallery {gap: 38px; grid-template-columns: 1fr}
  .tree-story {display: grid; grid-template-columns: .9fr 1.1fr; gap: 28px; align-items: center}
  .tree-story .nature-copy {padding-top: 0}
  .tree-story .nature-picture {max-width: none}
  .nature-copy h3 {font-size: 1.8rem}
}
@media (max-width: 600px) {
  .nature-shelf {margin-bottom: 47px}
  .nature-introduction {font-size: 1.0625rem; margin-bottom: 28px}
  .nature-gallery {gap: 40px}
  .nature-picture {padding: 8px; outline-offset: 4px}
  .nature-copy {padding: 24px 0 0}
  .nature-copy h3 {font-size: 1.8rem}
  .nature-copy p {font-size: 1rem; margin-bottom: 20px}
  .tree-story {display: block}
  .tree-story .nature-copy {padding-top: 24px}
  .nature-related {font-size: .9375rem; line-height: 1.7; text-align: left}
  .nature-art-note {font-size: .8125rem; margin-top: 20px}
}