/* The community is planned; its editorial treatment complements the workspace. */
.community-section { padding:105px 0; background:#dbe0d1; border-block:1px solid var(--line); scroll-margin-top:80px; }
.community-layout { position:relative; width:calc(100% - var(--page-gutter) * 2); max-width:none; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr) minmax(0,.8fr); gap:var(--layout-gap); align-items:center; }
.community-layout .intelligence-copy { grid-column:1; grid-row:1 / 3; }
.community-brand { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:23px; }
.community-planned { font-size:12px; font-weight:500; letter-spacing:0; line-height:1.5; padding:4px 10px; border:0; border-radius:999px; color:var(--green); background:var(--soft-green); margin-left:3px; }
.intelligence-copy h2 { font-size:clamp(42px,3.3vw,72px); letter-spacing:-.035em; }
.intelligence-copy>p:not(.intelligence-brand) { max-width:490px; font-size:17px; line-height:1.75; color:var(--body); margin-top:24px; }
.community-sketch { grid-column:2; grid-row:2; width:100%; margin:0; mix-blend-mode:multiply; }
.community-sketch img { display:block; width:100%; height:auto; filter:brightness(1.025); }
.community-features { display:contents; }
.community-features article { position:relative; grid-column:3; grid-row:2; width:70%; }
.community-features article:nth-child(2) { grid-column:2; grid-row:1; max-width:252px; align-self:end; top:48px; }
.community-icon { display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:50%; color:var(--green); background:var(--soft-green); margin-bottom:18px; }
.community-icon svg { width:22px; height:22px; }
.community-features h3 { font-size:22px; line-height:1.25; letter-spacing:-.02em; margin-bottom:12px; }
.community-features p { color:var(--body); font-size:var(--text-size); line-height:1.7; }
.community-features article::after { content:""; position:absolute; left:-80px; top:50%; width:64px; height:36px; background:url('images/engraved-arrow.webp?v=20261030-reference') center/contain no-repeat; transform:scaleX(-1); }
.community-features article:nth-child(2)::after { left:auto; right:-72px; top:auto; bottom:0; transform:rotate(45deg); }
@media(min-width:1800px) {
  .community-layout { width:calc(100% - clamp(96px,5.5vw,160px) * 2); grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,.55fr); column-gap:128px; }
  .community-sketch { width:108%; }
  .community-features article:first-child { justify-self:end; }
  .community-features article:nth-child(2) { top:144px; }
}
@media(max-width:1799px) {
  .community-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); }
  .community-sketch { grid-column:2; grid-row:1; }
  .community-features { display:grid; grid-column:2; grid-row:2; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; align-self:start; }
  .community-features article,.community-features article:nth-child(2) { grid-column:auto; grid-row:auto; width:100%; max-width:none; align-self:start; top:0; }
  .community-features article::after { content:none; }
}
@media(max-width:1100px) {
  .community-layout { grid-template-columns:1.2fr 1fr; gap:40px; }
  .community-layout .intelligence-copy { grid-column:1 / -1; grid-row:1; max-width:680px; }
  .community-sketch { grid-column:1 / -1; grid-row:2; }
  .community-features { grid-column:1 / -1; grid-row:3; }
}
@media(max-width:760px) {
  .community-section { padding:70px 0; }
  .community-layout { grid-template-columns:1fr; gap:32px; }
  .community-features { grid-template-columns:1fr; }
  .intelligence-copy h2 { font-size:clamp(33px,6vw,44px); }
  .intelligence-copy>p:not(.intelligence-brand) { font-size:var(--text-size); }
  .community-features h3 { font-size:20px; }
  .community-features p { font-size:var(--text-size); }
}
