/* End of the Spear — page-specific styling, not shared with the rest of the site */

body { background: rgb(32, 87, 18); }
.page-content { background: rgb(32, 87, 18); }
.eots-filmstrip { background: rgb(20, 55, 12); }

.page-hero--full { min-height: 100vh; align-items: center; }
.page-hero--serif { text-align: center; }
.page-hero--serif .page-hero__content { max-width: 1120px; margin: 0 auto; }

.page-hero__byline {
  font-family: 'Cormorant Infant', serif;
  font-size: 40px;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 24px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.page-hero__byline strong { color: #fff; }

.page-hero--serif .page-hero__rule { margin: 0 auto 16px; }

.page-hero--serif h1 {
  font-family: 'Cormorant Infant', serif;
  font-weight: 700;
  font-size: 200px;
  line-height: 0.7;
  letter-spacing: -5px;
  color: #fff;
}
.page-hero--serif h1 .page-hero__title-line { display: block; }
.page-hero--serif h1 .page-hero__title-line + .page-hero__title-line { margin-top: 0.1em; }
.page-hero--serif h1 { margin-top: 22vh; }

@media (max-width: 1024px) { .page-hero--serif h1 { font-size: 130px; } .page-hero__byline { font-size: 32px; } }
@media (max-width: 768px) { .page-hero--serif h1 { font-size: 90px; letter-spacing: -3px; } .page-hero__byline { font-size: 26px; } }
@media (max-width: 544px) { .page-hero--serif h1 { font-size: 60px; letter-spacing: -2px; } .page-hero__byline { font-size: 20px; } }

/* --- Auto-scrolling photo strip --- */
.eots-filmstrip { overflow: hidden; background: #000; }
.eots-filmstrip__track {
  display: flex;
  width: max-content;
  animation: eots-scroll 40s linear infinite;
}
.eots-filmstrip__track img {
  height: 45vh;
  width: auto;
  object-fit: cover;
  display: block;
}
@keyframes eots-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (max-width: 768px) { .eots-filmstrip__track img { height: 30vh; } }

/* --- Pull-quote section --- */
.eots-quote {
  background: rgb(32, 87, 18);
  padding: 100px 20px;
  text-align: center;
}
.eots-quote__icon {
  font-family: Georgia, serif;
  font-size: 90px;
  line-height: 1;
  color: #bdbdbd;
  margin-bottom: 24px;
}
.eots-quote__text {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 38px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #efd37d;
  max-width: 900px;
  margin: 0 auto;
}
.eots-quote__attribution {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  margin-top: 32px;
}
@media (max-width: 768px) { .eots-quote__text { font-size: 28px; } .eots-quote__icon { font-size: 64px; } }

.page-content__inner--article p { margin-top: 4px; font-size: 26px; line-height: 40px; }

/* --- Accent color override (pink clashes with the green body) --- */
.page-content .page-content__subhead,
.page-content a { color: #efd37d; }
.page-content a:hover, .page-content a:focus { color: #f5e3a3; }

/* --- Footer: slightly darker green tint on this page --- */
.site-footer { background: rgb(20, 55, 12); }

/* --- Photo captions --- */
.eots-figure { margin: 24px auto; }
.eots-figure .page-content__article-img { margin: 0 0 8px; display: block; }
.eots-figure figcaption {
  font-size: 16px;
  line-height: 1.5;
  opacity: 0.7;
  font-style: italic;
}
.page-content__img-grid .eots-figure { margin: 0; }
.page-content__img-grid .eots-figure .page-content__article-img { margin: 0; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.page-content__img-grid .eots-figure figcaption { font-size: 14px; margin-top: 6px; }