.autumn-gatherings-scene {
  position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center;
  min-height: 620px; max-width: 1820px; margin: 0 auto; padding: 24px; border-radius: 24px;
  background: #354532 url("../images/autumn-gatherings-dome-v3.webp?v=autumn-dome-3") center 25% / cover no-repeat;
}
.autumn-gatherings-panel {
  position: relative; width: 510px; max-width: 100%; padding: 24px 30px; color: #fff;
  border: 1px solid rgba(255,255,255,.24); border-radius: 24px;
  background: rgba(12,12,12,.62); backdrop-filter: blur(22px) saturate(.75); -webkit-backdrop-filter: blur(22px) saturate(.75);
}
.autumn-gatherings-brand { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; color: #f2ecd9; font-size: 12px; line-height: 1.67; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.autumn-gatherings-brand::after { content: ""; width: 46px; height: 1px; margin-left: 6px; background: #c9b57b; }
.autumn-gatherings-brand svg { width: 22px; height: 22px; flex: none; color: #d9bd7b; }
.autumn-gatherings-panel h2 { margin: 0 0 14px; font: 700 48px/1.04 var(--display-font); letter-spacing: -.012em; overflow-wrap: anywhere; }
.autumn-gatherings-copy { margin: 0 0 18px; max-width: 430px; font: 400 18px/1.4 var(--font, sans-serif); color: #f2f1e8; }
.autumn-gatherings-cta { gap: 22px; margin-bottom: 16px; line-height: 1.5; text-decoration: none; }
.autumn-gatherings-cta svg { width: 20px; height: 20px; flex: none; }
.autumn-gatherings-cta:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.autumn-gatherings-location { display: flex; align-items: center; gap: 8px; margin: 0; color: #ececde; font-size: 15px; line-height: 1.47; }
.autumn-gatherings-location svg { width: 18px; height: 18px; flex: none; }
@media (max-width: 1000px) {
  .autumn-gatherings-panel { width: 460px; padding: 24px; }
  .autumn-gatherings-panel h2 { font-size: 38px; }
}
@media (max-width: 700px) {
  .autumn-gatherings-scene { min-height: 680px; align-items: flex-end; padding: 280px 16px 16px; border-radius: 20px; background-image: url("../images/autumn-gatherings-dome-mobile.webp?v=autumn-dome-mobile-1"); background-position: 65% center; }
  .autumn-gatherings-panel { width: 100%; padding: 22px; border-radius: 20px; }
  .autumn-gatherings-panel h2 { font-size: clamp(30px, 8vw, 36px); }
  .autumn-gatherings-copy { font-size: 16px; }
  .autumn-gatherings-brand { gap: 8px; font-size: 10px; letter-spacing: .15em; }
  .autumn-gatherings-brand::after { width: 28px; }
  .autumn-gatherings-cta { width: 100%; gap: 12px; padding-inline: 12px; }
}