/* Editorial adjustments requested for the live Chance Encounters page. */
header { justify-content: flex-end; }
header nav { margin-left: auto; }
header nav a { white-space: nowrap; }
.script-initial,
.story-paragraph::first-letter,
.find-paragraph::first-letter,
.encounter .joke::first-letter,
.gallery-head h2::first-letter,
.gallery-head > p::first-letter,
.exchange-inner h2::first-letter,
.exchange-lead::first-letter,
.exchange-detail::first-letter,
.location-paragraph::first-letter {
  color: #e1c580;
  font-family: "Apple Chancery", "Zapfino", "Brush Script MT", cursive;
  font-weight: 400;
  letter-spacing: -0.045em;
}
.story-paragraph::first-letter,
.find-paragraph::first-letter,
.encounter .joke::first-letter,
.gallery-head > p::first-letter,
.exchange-lead::first-letter,
.exchange-detail::first-letter,
.location-paragraph::first-letter { font-size: 1.4em; line-height: 0; }
.gallery-head h2::first-letter,
.exchange-inner h2::first-letter { font-size: 1.25em; line-height: 0; }
.script-initial { font-size: 1.25em; line-height: 0; vertical-align: -0.03em; }
.exchange-section {
  background: radial-gradient(ellipse at 50% 0%, #20251a 0%, #151a14 70%);
  border-bottom: 1px solid #3e4333;
}
.exchange-inner {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: clamp(36px, 6vw, 100px);
}
.exchange-inner h2 {
  color: #d2b476;
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  line-height: 1.05;
  margin: 0;
}
.exchange-inner p {
  font-size: clamp(1.05rem, 1.8vw, 1.28rem);
  line-height: 1.75;
  margin: 0;
}
.exchange-inner h2 em { font-style: italic; font-weight: 400; }
.exchange-inner .exchange-lead {
  color: #e1c580;
  font-family: Georgia, serif;
  font-size: clamp(1.2rem, 2.1vw, 1.49rem);
  line-height: 1.4;
  margin-bottom: 0.65em;
}
@media (max-width: 800px) {
  .exchange-inner { grid-template-columns: 1fr; gap: 25px; text-align: center; }
}
@media (max-width: 650px) {
  header { padding: 15px 16px; }
  header nav { justify-content: center; width: 100%; }
}
@media (max-width: 420px) {
  header { padding: 14px 9px; }
  header nav { gap: 9px; font-size: 0.62rem; letter-spacing: 0.06em; }
}