body[data-page="community"] {
  background: linear-gradient(180deg, #09a53e 0 560px, #ffffff 560px 100%);
}

.community-intro {
  padding: 28px 0 112px;
  background: transparent;
}

.community-intro-inner h1 {
  max-width: 10ch;
  margin-bottom: 18px;
  color: #111111;
  font-size: clamp(4rem, 9vw, 7rem);
  line-height: 0.88;
  letter-spacing: -0.08em;
}

.community-copy {
  max-width: 1200px;
}

.community-copy p {
  max-width: 62ch;
  margin-bottom: 18px;
  color: #111111;
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.community-for {
  padding: 42px 0 116px;
}

.community-for h2 {
  margin-bottom: 76px;
  font-size: clamp(2.8rem, 6vw, 5rem);
  line-height: 0.92;
  letter-spacing: -0.07em;
}

.community-sections {
  border-top: 2px solid rgba(17, 17, 17, 0.12);
}

.community-section {
  padding: 26px 0;
  border-bottom: 2px solid rgba(17, 17, 17, 0.12);
}

.community-section h3 {
  margin-bottom: 10px;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 0.94;
  letter-spacing: -0.06em;
}

.community-section p {
  max-width: 58ch;
  color: #111111;
  font-size: 1.02rem;
  line-height: 1.25;
}

@media (max-width: 1100px) {
}

@media (max-width: 760px) {
  .community-copy p {
    font-size: 1.04rem;
  }
}