/* What it is: exact copy of zfellows.com's opening (measured Oct 22 2026 at 1440).
   Z Fellows: warm off-white page; centered stack: eyebrow Inter 800 28px/33.6px uppercase, tracking 1.12px, brand blue;
   h1 Inter 700 80px/80px, tracking -3.2px, black, 650px wide; sub Inter 500 24px/31.2px, tracking -.72px, #363636, 500px wide;
   pill button Inter 600 24px, 200x57, brand blue, cream text; 79px under the button a full-bleed wall of black-and-white
   photos in 6 columns (widths 227/241/244/219/263/227), 4px gaps, varied heights, about 636px tall.
   Colors: blue -> orange #B5502D; black -> navy #16323E; off-white -> cream #F7F4EE. Photos: real FFG events, in full color (Hugh, Oct 22).
   Our heading is longer than theirs, so it is set at 64px/66px across 900px. */
.v2-aboutzf{background:#F7F4EE;padding:96px 0 0;overflow:hidden}
.v2-aboutzf .zf-in{max-width:960px;margin:0 auto;padding:0 24px;text-align:center}
.v2-aboutzf .zf-k{font:800 28px/33.6px "Inter",sans-serif;letter-spacing:1.12px;text-transform:uppercase;color:#B5502D;margin:0 0 12px}
.v2-aboutzf h2{font:700 64px/66px "Inter",sans-serif;letter-spacing:-2.6px;color:#16323E;max-width:900px;margin:0 auto}
.v2-aboutzf .zf-sub{font:500 22px/30px "Inter",sans-serif;letter-spacing:-.6px;color:#363636;max-width:640px;margin:18px auto 0}
.v2-aboutzf .zf-btn{display:inline-flex;align-items:center;justify-content:center;height:57px;padding:0 34px;margin-top:30px;border-radius:999px;background:#B5502D;color:#F7F4EE;text-decoration:none;font:600 24px/28.8px "Inter",sans-serif;letter-spacing:-.72px;transition:background .2s,transform .2s}
.v2-aboutzf .zf-btn:hover{background:#9C4426;transform:translateY(-2px)}
.v2-aboutzf .zf-btn:focus-visible{outline:3px solid #16323E;outline-offset:3px}
.v2-aboutzf .zf-wall{display:grid;grid-template-columns:227fr 241fr 244fr 219fr 263fr 227fr;gap:4px;margin-top:79px;height:636px;overflow:hidden}
.v2-aboutzf .zc{display:flex;flex-direction:column;gap:4px;min-width:0}
.v2-aboutzf .zc img{width:100%;object-fit:cover;display:block;transition:transform .6s ease}
.v2-aboutzf .zc img:hover{transform:scale(1.02)}
@media (max-width:900px){
  .v2-aboutzf{padding-top:64px}
  .v2-aboutzf h2{font-size:42px;line-height:45px;letter-spacing:-1.6px}
  .v2-aboutzf .zf-k{font-size:20px}
  .v2-aboutzf .zf-sub{font-size:18px;line-height:26px}
  .v2-aboutzf .zf-btn{font-size:20px;height:52px}
  .v2-aboutzf .zf-wall{grid-template-columns:repeat(3,1fr);height:480px;margin-top:56px}
  .v2-aboutzf .zc:nth-child(n+4){display:none}
}
@media (max-width:480px){.v2-aboutzf h2{font-size:34px;line-height:37px}.v2-aboutzf .zf-wall{height:400px}}


/* Rafi, Oct 23: plain bullets instead of a slogan (L44), and the logistics line near the top (L84) */
.v2-aboutzf .zf-list{list-style:none;max-width:720px;margin:34px auto 0;padding:0;text-align:left;display:grid;gap:12px}
.v2-aboutzf .zf-list li{position:relative;padding-left:34px;font:500 21px/30px "Inter",sans-serif;letter-spacing:-.3px;color:#16323E}
.v2-aboutzf .zf-list li::before{content:"";position:absolute;left:4px;top:10px;width:12px;height:12px;border-radius:3px;background:#B5502D;transform:rotate(45deg)}
.v2-aboutzf .zf-list .zf-rafi{font-weight:700;color:#B5502D;margin-top:6px}
.v2-aboutzf .zf-list .zf-rafi::before{background:#16323E}
.v2-aboutzf .zf-logi{max-width:960px;margin:56px auto 0;padding:0 24px;text-align:center}
.v2-aboutzf .zf-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.v2-aboutzf .zf-chips li{display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 14px;border-radius:999px;background:#16323E;color:#F7F4EE;font:600 17px/1 "Inter",sans-serif;letter-spacing:-.2px}
.v2-aboutzf .zf-ico{width:30px;height:30px;border-radius:50%;background:#B5502D;display:grid;place-items:center;flex:none}
.v2-aboutzf .zf-ico svg{width:18px;height:18px;fill:none;stroke:#F7F4EE;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v2-aboutzf .zf-line{font:700 26px/32px "Inter",sans-serif;letter-spacing:-.8px;color:#16323E;margin:22px auto 0;max-width:720px}
@media (max-width:900px){
  .v2-aboutzf .zf-list li{font-size:17px;line-height:25px}
  .v2-aboutzf .zf-chips li{font-size:15px}
  .v2-aboutzf .zf-line{font-size:21px;line-height:27px}
}

/* Hugh, Oct 26 (Rafi L100): the explanation sits higher, closer to the hero */
.v2-aboutzf{padding-top:44px}
.v2-aboutzf .zf-list{margin-top:26px}
@media (max-width:900px){.v2-aboutzf{padding-top:40px}}
@media (min-width:1081px){
  .v2-aboutzf .zf-in{max-width:1200px}
  .v2-aboutzf h2{font-size:54px;line-height:58px;letter-spacing:-2px;max-width:none;white-space:nowrap}
  .v2-aboutzf .zf-sub{margin-top:12px;max-width:820px}
}