/* The closing invitation is a single reading column on phones and tablets. */
@media (max-width: 900px) {
  #community { padding: 56px 0 40px; }
  #community .launch-content { width: calc(100% - 40px); max-width: 560px; }
  #community .gather-heading { display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; align-items: start; }
  #community .launch-story,
  #community .gather-copy { width: 100%; min-width: 0; max-width: none; padding: 0; justify-self: stretch; }
  #community .launch-story .eyebrow { font-size: 11px; line-height: 1.6; margin-bottom: 20px; }
  #community h2 { font-size: clamp(40px, 10.5vw, 56px); line-height: 1.04; }
  #community .gather-memory { font-size: 16px; line-height: 1.65; margin-top: 20px; }
  #community .launch-invitation { font-size: 28px; line-height: 1.2; margin-top: 18px; }
  #community .gather-copy > p:first-child { font-size: 20px; line-height: 1.45; margin: 0 0 22px; }
  #community .opening-start { width: 100%; max-width: none; padding: 0; margin: 0; }
  #community .timer-caption { font-size: 11px; line-height: 1.5; letter-spacing: .09em; margin-bottom: 14px; }
  #community .opening-start .countdown { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: 100%; padding-bottom: 20px; }
  #community .opening-start .countdown > i { display: none; }
  #community .opening-start .countdown > div { width: auto; min-width: 0; text-align: center; }
  #community .opening-start .countdown b { display: block; min-height: 0; font: 500 clamp(28px, 8vw, 40px)/1.15 Inter, Arial, sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
  #community .opening-start .countdown span { display: block; font: 500 11px/1.4 Inter, Arial, sans-serif; letter-spacing: .02em; white-space: nowrap; overflow-wrap: normal; margin-top: 8px; }
  #community .opening-start .count-label { font-size: 12px; line-height: 1.7; letter-spacing: .04em; margin-top: 16px; }
  #community .hero-actions { display: block; margin-top: 22px; }
  #community .hero-actions .button { width: 100%; min-width: 0; min-height: 60px; padding: 17px 20px; gap: 12px; font-size: 16px; line-height: 1.4; text-align: left; }
  #community .hero-actions .button > span { flex-shrink: 0; }
  #community .gather-copy .launch-account-note { font-size: 13px; line-height: 1.7; margin: 16px 0 0; }
  #community .launch-bottom { display: block; margin-top: 32px; padding-top: 24px; }
  #community .community-links { gap: 16px 22px; font-size: 14px; }
  #community .community-links > span { width: 100%; margin: 0; font-size: 13px; line-height: 1.6; }
  #community .video-controls { margin-top: 20px; }
  #community:before { background: linear-gradient(180deg, #091018d9, #091018c9 45%, #091018f5); }
}