.discord-section {
  display: grid;
  grid-template-columns: minmax(240px, .75fr) 1.25fr;
  gap: 42px;
  align-items: center;
  padding: 72px max(24px, calc((100vw - 1080px) / 2));
  border-bottom: 1px solid var(--line);
  background: #0b0c0e;
}

.discord-art {
  position: relative;
  display: grid;
  place-items: center;
}

.discord-art::before {
  content: "";
  position: absolute;
  width: 78%;
  aspect-ratio: 1;
  border: 1px solid rgba(212, 170, 77, .35);
  border-radius: 50%;
  box-shadow: 0 0 50px rgba(163, 45, 51, .18);
}

.discord-art img {
  position: relative;
  width: min(100%, 340px);
  border: 1px solid #34302a;
  border-radius: 8px;
  box-shadow: 0 24px 55px #000a;
}

.discord-copy > p:not(.eyebrow) { max-width: 650px; color: var(--muted); }
.discord-widget { width: min(100%, 350px); height: 500px; margin: 22px 0 20px; overflow: hidden; border: 1px solid #343946; border-radius: 8px; background: #1e1f22; box-shadow: 0 18px 38px #0007; }
.discord-widget iframe { display: block; width: 100%; max-width: 350px; border: 0; }
.discord-button { color: #fff; border-color: #6976d9; background: #5865f2; }
@media (max-width: 760px) { .discord-section { grid-template-columns: 1fr; } .discord-art img { width: min(78vw, 320px); } }