/* Screenshot-inspired gathering section. Scoped to the homepage variant. */
.gather-screenshot {
  padding: clamp(40px, 4vw, 64px) 0 28px;
  background: #faf7f0;
}
.gather-screenshot > .container {
  max-width: 1440px;
  padding-inline: clamp(20px, 2.1vw, 32px);
}
.gather-screenshot .gather-header {
  max-width: none;
  margin-bottom: 28px;
}
.gather-screenshot .gather-header .label {
  color: #977d65;
  font-size: .65rem;
  letter-spacing: .35em;
}
.gather-screenshot .gather-header h2 {
  margin: 14px 0 16px;
  color: var(--forest);
  font-size: clamp(2rem, 4.4vw, 4rem);
  font-weight: 400;
}
.gather-screenshot .gather-header p {
  max-width: 660px;
  line-height: 1.55;
}
.gather-screenshot .gather-grid {
  grid-template-columns: 1.08fr 1fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  aspect-ratio: 2.57;
  gap: clamp(8px, 1.1vw, 16px);
}
.gather-screenshot .gather-card { min-width: 0; min-height: 0; }
.gather-screenshot .gather-card img { position: absolute; inset: 0; }
.gather-screenshot .gather-card-overlay {
  padding: clamp(16px, 1.7vw, 26px);
  background: linear-gradient(0deg, rgba(20, 25, 18, .76), rgba(20, 25, 18, 0) 48%);
}
.gather-screenshot .gather-card-label { margin-bottom: 5px; font-size: .6rem; }
.gather-screenshot .gather-card h4 {
  font-size: clamp(1.1rem, 1.9vw, 1.8rem);
  line-height: 1.15;
}
.gather-screenshot .gather-footer { margin-top: 24px; gap: 16px; }
.gather-screenshot .gather-footer .btn {
  padding: 14px 30px;
  font-size: .62rem;
  letter-spacing: .25em;
  text-align: center;
}
.gather-screenshot .gather-tagline { font-size: .52rem; }
.gather-screenshot .gather-sign svg { width: 90px; }
.gather-screenshot .gather-card:focus-visible,
.gather-screenshot .btn:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
@media (max-width: 700px) {
  .gather-screenshot .gather-header { margin-bottom: 22px; }
  .gather-screenshot .gather-header h2 { font-size: clamp(2rem, 7vw, 3rem); }
  .gather-screenshot .gather-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    aspect-ratio: auto;
    gap: 12px;
  }
  .gather-screenshot .gather-card { grid-row: auto; aspect-ratio: 2 / 1; }
  .gather-screenshot .gather-card-main { aspect-ratio: 4 / 3; }
  .gather-screenshot .gather-card h4 { font-size: clamp(1.2rem, 4.4vw, 1.65rem); }
  .gather-screenshot .gather-footer { grid-template-columns: 1fr; text-align: center; justify-items: center; }
  .gather-screenshot .gather-footer .btn { grid-row: 1; }
  .gather-screenshot .gather-sign { justify-self: center; }
}
@media (prefers-reduced-motion: reduce) {
  .gather-screenshot .gather-card img,
  .gather-screenshot .gather-arrow { transition: none; }
  .gather-screenshot .gather-card:hover img { transform: none; }
}