/* ============================================================================
   Community band 4 — "What traders actually say about the place".
   Figma 774:101327 "Frame 2147259809" (1512 x 1895).

   This band IS the home trader-stories band: 774:121667 is the same 1432x1382
   body, the same two carousels, the same promo bar and the same cards as
   705:57444. So it ships as fragments/stories.html with its header swapped by
   outputs/build_comm.py, styled by atlas-stories.css, and this file carries
   only the four values where the Community frame differs.

   Because the body is shared, the promo bar's discount and code still come
   from LAB.OFF at runtime (assets/atlas-stories.js). The Community comp draws
   "40% OFF / Code: WC40" exactly as the home comp does, and both are stale —
   the live code is WC50. Nothing here hardcodes either.
   ========================================================================= */

/* 774:101327 — the ramp is re-derived on the real 1512x1895 box. Bottom
   padding is 60 here, not the home band's 100: the body ends at 1835 and the
   frame is 1895. */
.afxt--comm {
  background: linear-gradient(179.5deg, #EBEDF2 .36%, #FFFFFF 78.4%);
  padding-bottom: 60px;
}

/* 774:121649 — 706x283 (the home header is 645 wide) */
.afxt--comm .afxt__head { width: 706px; }

/* 774:121651 — 202x33 */
/* 774:121664 — the ramp re-derived on this line's own 706x80 box */
.afxt--comm .afxt__title1 {
  background: linear-gradient(113.6deg, #0D0D0D 65.64%, #CECECE 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:121666 — 376x42, two lines. The home node is 330 wide. */
.afxt--comm .afxt__sub { width: 376px; }

@media (max-width: 720px) {
  .afxt--comm .afxt__head, .afxt--comm .afxt__sub { width: 100%; }
}