/* ============================================================================
   Community band 6 — "The door's open. Come in." + the site footer.
   Figma 774:121802 "Frame 2147259241" (1512 x 1597).

   Node for node this is the home final band (705:77958): the same Ellipse 473
   at (27,-124), the same 737x41 blurred plate at (388,725), the same 1764x1464
   "light" haze at (-126,-351), the same 558x392 content column at (477,120),
   the same proof row baseline at 735 and the same footer slot at (12,794).
   So it ships as fragments/comm-final.html against atlas-final.css, and this
   file carries only what the Community frame draws differently.

   The band is 1597, not 1668, because its footer is 803 rather than 874: the
   Community frame does not draw the footer's "Get Funded" button. Which means
   .afxf's min-height of 794 (1597 - 803, and 1668 - 874) is already right and
   is deliberately not touched here.
   ========================================================================= */

/* 774:121803 — a different crop of the photo than the home band uses, drawn at
   (0,0) rather than (-4,5), and composited from TWO image fills of the same
   source, the second mirrored over the first. Both are baked into
   comm-final-bg.webp by outputs/mkassets.py. blendMode SCREEN, as on home. */
.afxf--comm .afxf__bg {
  top: 0; height: 853px; min-width: 1516px;
  background-image: url('/assets/figma/comm-final-bg.webp');
}

/* 774:121826 "The door's open. " — 536x80. Two stacked ramps with identical
   handles; the upper one renders. Re-derived over the real 536x80 box. */
.afxf--comm .afxf__h2a {
  background: linear-gradient(115deg, #F8F8F8 49.61%, #636363 93.17%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  /* ink guard. background-clip:text paints the gradient only inside this
     element's border box, so the descender that hangs below the last line
     box gets no paint at all and is sliced off flat. Push the paint box
     down and take the same space straight back, so the glyphs are whole
     and nothing below this element moves. */
  padding-bottom: .2em; margin-bottom: -.2em;
}

/* 774:121913 — 410x16 at (551, 735). 551 = (1512 - 410) / 2, so the row is
   still centred; it is only narrower because the three labels are shorter. */
.afxf--comm .afxf__proof { width: 410px; }

@media (max-width: 760px) {
  .afxf--comm .afxf__proof { width: auto; }
}