.community-editorial {
  margin: 0 calc(50% - 50vw) 92px;
  color: #c9c1b5;
  background: #080a09;
  border-top: 1px solid rgba(200, 169, 111, .38);
  border-bottom: 1px solid rgba(200, 169, 111, .3);
}

.editorial-section {
  padding: clamp(64px, 8vw, 112px) max(28px, calc((100vw - 1180px) / 2));
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 4%, rgba(190, 151, 82, .11), transparent 30%),
    linear-gradient(135deg, #0c0f0d 0%, #090b0a 100%);
  border-bottom: 1px solid rgba(200, 169, 111, .22);
}

.editorial-section:nth-child(even) {
  background:
    radial-gradient(circle at 10% 12%, rgba(190, 151, 82, .13), transparent 32%),
    linear-gradient(145deg, #141512 0%, #0b0d0c 100%);
}

.editorial-lead {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(36px, 7vw, 110px);
  align-items: end;
  margin-bottom: clamp(34px, 5vw, 62px);
}

.editorial-eyebrow {
  margin: 0 0 10px;
  color: #c8a96f;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .16em;
}

.editorial-section:nth-child(3) .editorial-eyebrow { color: #d8b879; }

.editorial-lead h3 {
  margin: 0;
  color: #f2ede3;
  font: 400 clamp(2.05rem, 4vw, 4.25rem)/1.1 var(--serif);
  letter-spacing: -.045em;
  word-break: keep-all;
}

.editorial-section:nth-child(3) .editorial-lead h3 { color: #f2ede3; }

.editorial-lead h3 span {
  display: block;
  margin-top: 15px;
  color: #c8a96f;
  font-size: clamp(1rem, 1.55vw, 1.35rem);
  letter-spacing: .12em;
}

.editorial-section:nth-child(3) .editorial-lead h3 span { color: #c8a96f; }

.editorial-copy {
  max-width: 620px;
  margin: 0;
  font-size: clamp(1rem, 1.25vw, 1.1rem);
  line-height: 1.95;
  word-break: keep-all;
  color: rgba(242, 237, 227, .7);
}

.editorial-copy strong { color: #d8b879; font-weight: 600; }
.editorial-section:nth-child(3) .editorial-copy strong { color: #e4c584; }

.editorial-gallery {
  display: grid;
  grid-template-columns: 1.05fr .52fr 1.1fr;
  gap: 16px;
  min-width: 0;
}

.editorial-gallery.two { grid-template-columns: .72fr 1.28fr; }
.editorial-gallery figure { min-width: 0; margin: 0; }
.editorial-gallery img {
  display: block;
  width: 100%;
  height: clamp(290px, 29vw, 440px);
  object-fit: cover;
  border: 1px solid rgba(200, 169, 111, .28);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
}
.editorial-gallery figcaption {
  padding-top: 12px;
  color: rgba(226, 214, 193, .75);
  font-size: .86rem;
}
.editorial-section:nth-child(3) figcaption { color: rgba(226, 214, 193, .75); }

@media (max-width: 820px) {
  .community-editorial { margin-bottom: 64px; }
  .editorial-section { padding: 58px 24px; }
  .editorial-lead { grid-template-columns: 1fr; gap: 24px; margin-bottom: 30px; }
  .editorial-lead h3 { font-size: clamp(1.9rem, 9vw, 2.75rem); line-height: 1.18; }
  .editorial-lead h3 span { font-size: .92rem; line-height: 1.55; }
  .editorial-copy { font-size: 1rem; line-height: 1.8; }
  .editorial-gallery, .editorial-gallery.two { grid-template-columns: 1fr 1fr; gap: 8px; }
  .editorial-gallery figure:first-child { grid-column: 1 / -1; }
  .editorial-gallery.two figure:first-child { grid-column: auto; }
  .editorial-gallery img { height: auto; aspect-ratio: 4 / 3; }
  .editorial-gallery figure:not(:first-child) img { aspect-ratio: 3 / 4; }
  .editorial-gallery.two figure img { aspect-ratio: 4 / 3; }
  .editorial-gallery figcaption { padding-top: 8px; font-size: .78rem; }
}

@media (max-width: 380px) {
  .editorial-section { padding-inline: 20px; }
  .editorial-lead h3 { font-size: 1.85rem; }
}