/* ── PAGE HERO (override max-width) ── */
.page-hero .subtitle { max-width: 480px; }

/* ── PLATFORM CARDS ── */
.platforms-section { padding: 4rem 0; }
.platforms-section .grid-3 { margin-bottom: 1.5rem; }
.platform-grid-sm { max-width: 640px; margin: 0 auto; }

.platform-card {
  background: var(--deep);
  border: 1px solid var(--border);
  padding: 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  transition: border-color 0.2s, transform 0.2s;
  text-decoration: none;
}

.platform-card:hover {
  border-color: var(--border2);
  transform: translateY(-2px);
  color: inherit;
}

.platform-card.twitch-card   { border-top: 2px solid #9146ff44; }
.platform-card.twitter-card  { border-top: 2px solid #1d9bf044; }
.platform-card.discord-card  { border-top: 2px solid #5865f244; }
.platform-card.youtube-card  { border-top: 2px solid #ff000044; }
.platform-card.fansly-card   { border-top: 2px solid var(--accent); }

.platform-card:hover.twitch-card  { border-color: #9146ff88; }
.platform-card:hover.twitter-card { border-color: #1d9bf088; }
.platform-card:hover.discord-card { border-color: #5865f288; }
.platform-card:hover.youtube-card { border-color: #ff000088; }
.platform-card:hover.fansly-card  { border-color: var(--accent); }

.platform-name {
  font-family: 'Cinzel Decorative', serif;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  color: var(--text-dim);
}

.platform-handle {
  font-size: 0.8rem;
  color: var(--text-mute);
  font-style: italic;
  letter-spacing: 0.05em;
}

.platform-desc {
  font-size: 0.88rem;
  font-style: italic;
  color: var(--text-dim);
  line-height: 1.55;
  flex: 1;
}

.platform-cta {
  font-family: 'Cinzel Decorative', serif;
  font-size: 0.45rem;
  letter-spacing: 0.15em;
  color: var(--text-mute);
  text-transform: uppercase;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border);
}

/* ── DISCORD FEATURE ── */
.discord-section {
  padding: 5rem 0;
  background: var(--deep);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: center;
}

.discord-section .sigil { margin-bottom: 1.5rem; }
.discord-section h2     { margin-bottom: 0.75rem; }

.discord-section p {
  max-width: 500px;
  margin: 0 auto 2rem;
  font-style: italic;
  color: var(--text-dim);
  line-height: 1.7;
}

.discord-perks {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
}

/* ── CONTACT SECTION ── */
.contact-section {
  padding: 4rem 0;
  text-align: center;
}

.contact-section h2 { margin-bottom: 0.75rem; }

.contact-section > .container > p {
  max-width: 500px;
  margin: 0 auto 2.5rem;
  font-style: italic;
  color: var(--text-dim);
  line-height: 1.7;
}

.contact-section > .container > .bar-thin:first-child { margin-bottom: 2.5rem; }
.contact-section .sigil                               { margin-bottom: 1.5rem; }
.contact-section .btn-row                             { margin-top: 2.5rem; }
.contact-section > .container > .bar-thin:last-child  { margin-top: 2.5rem; }

.contact-methods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  max-width: 680px;
  margin: 0 auto;
}

.contact-method {
  padding: 1.25rem 1rem;
  border: 1px solid var(--border);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.contact-method-label {
  font-family: 'Cinzel Decorative', serif;
  font-size: 0.5rem;
  color: var(--gold-dim);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.contact-method-for {
  font-size: 0.8rem;
  font-style: italic;
  color: var(--text-dim);
}

@media (max-width: 680px) {
  .contact-methods { grid-template-columns: 1fr; }
}
