/* ============================================================
   05 · COMMUNITY
   ============================================================ */
.comm__lead{
  margin-top:clamp(1.5rem,2.8vw,2.4rem);
  max-width:50ch;margin-inline:auto;
  text-align:center;text-wrap:pretty;
  font-size:var(--t-lead);font-weight:300;line-height:1.7;
}
.comm__grid{display:grid;gap:clamp(1.7rem,3.4vw,3rem);padding:0;list-style:none}
.comm__grid--lead{grid-template-columns:1fr;margin-top:clamp(3rem,6vw,5.5rem)}
.comm__grid--mid,.comm__grid--facts{grid-template-columns:1fr;margin-top:clamp(1.7rem,3.4vw,3rem)}
.comm__grid--facts{margin-top:clamp(2.6rem,5vw,4.25rem)}
@media (min-width:640px){
  .comm__grid--lead{grid-template-columns:repeat(2,minmax(0,1fr))}
  .comm__grid--mid,.comm__grid--facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.comm__stat{
  padding-top:clamp(.85rem,1.6vw,1.25rem);
  border-top:1px dashed var(--clay);
  text-align:center;
}
/* the three known facts are set apart from the unfilled figures by a solid rule */
.comm__stat--fact{border-top:1px solid var(--olive)}
.comm__num{
  margin-top:clamp(.45rem,1.1vw,.85rem);
  font-family:var(--display);font-weight:300;line-height:.86;letter-spacing:-.012em;
  font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;
}
.comm__stat--lead .comm__num{font-size:clamp(3.4rem,10vw,6.75rem)}
.comm__stat--mid .comm__num{font-size:clamp(2.4rem,6vw,4.25rem)}
.comm__val{
  margin-top:clamp(.45rem,1.1vw,.85rem);
  font-family:var(--display);font-style:italic;font-weight:300;
  font-size:clamp(1.4rem,2.6vw,2.15rem);line-height:1.16;
}
.comm__trust{
  margin-top:clamp(3rem,6vw,5.25rem);
  padding-top:clamp(1.7rem,3vw,2.6rem);
  border-top:1px dashed var(--hairline);
  max-width:56ch;margin-inline:auto;
  text-align:center;text-wrap:pretty;
  font-size:var(--t-lead);font-weight:300;line-height:1.7;
}

/* --- desktop compaction: keep the section within one screen --- */
@media (min-width:1000px){
  #community{padding-block:clamp(2.5rem,3.8vw,3.8rem)}
  #community .title{font-size:clamp(2.4rem,4.2vw,4.5rem)}
  .comm__lead{margin-top:clamp(1rem,1.6vw,1.4rem)}
  .comm__grid--lead{margin-top:clamp(1.8rem,3vw,2.8rem)}
  .comm__grid--mid,.comm__grid--facts{margin-top:clamp(1rem,1.8vw,1.5rem)}
  .comm__grid--facts{margin-top:clamp(1.2rem,2vw,1.8rem)}
  .comm__stat--lead .comm__num{font-size:clamp(2.8rem,7vw,5rem)}
  .comm__stat--mid .comm__num{font-size:clamp(2rem,4.5vw,3.2rem)}
  .comm__trust{margin-top:clamp(1.8rem,3vw,2.8rem);padding-top:clamp(1rem,1.6vw,1.4rem)}
}