/* club-campaign.css — /surf-clubs/<slug> campaign landing pages.
   Deliberately small: the page is hero -> plans -> FAQ -> CTA. Everything shared
   (.pcard, .faq, .addr, .hero-chips, .give-row, .cta-row, .final-cta, .kicker,
   .sunbar, .intro) comes from brand.css. Conventions mirror surf-clubs.css. */

/* Shared section furniture (same values as surf-clubs.css so the pages match) */
.lead-p{font-size:17px;color:var(--ink-soft);margin-bottom:16px;max-width:760px}
.sh{font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0 0 14px}
hr.sep{border:0;border-top:1px solid rgba(0,40,90,.12);margin:42px 0}

/* Draft banner — internal preview only */
.cc-draft{background:#fff8e1;border:1px solid #ffd98a;border-radius:12px;padding:12px 16px;margin:0 0 22px;font-size:13.5px;line-height:1.5;color:#6b4e00}

/* Hero — copy left, club crest BIG on the right. The crest is the endorsement
   signal: the visitor must know at a glance this is THEIR club's campaign.
   Mobile: crest first (still large), then the copy. */
.cc-hero{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;padding-top:8px}
.cc-hero-txt{min-width:0}
.cc-crest-wrap{order:-1;display:flex;justify-content:center}
.cc-crest{max-height:min(200px,var(--crest-max,200px));max-width:min(88vw,420px);width:auto;height:auto;display:block}
.cc-hero .title{font-size:clamp(30px,4.4vw,50px);letter-spacing:-.02em;line-height:1.08}
.cc-hero .sunbar{margin:16px 0 20px}
.cc-hero .intro{max-width:640px;margin:0 0 10px}
/* Money line: sits under the emotional intro line, slightly quieter */
.cc-money{max-width:640px;margin:0 0 12px;font-size:15.5px;line-height:1.55;color:var(--ink)}
.cc-nocost{font-size:17px;font-weight:800;color:var(--ocean);margin:0 0 24px}
/* brand.css centres .addr (margin auto) for the homepage hero; here it must sit
   flush-left with the copy above it. */
.cc-hero .addr{max-width:620px;margin:6px 0 0}
.cc-chips{justify-content:flex-start;margin:18px 0 0}
@media(min-width:880px){
  .cc-hero{grid-template-columns:minmax(0,1fr) auto;gap:56px}
  .cc-crest-wrap{order:0}
  .cc-crest{max-height:min(340px,var(--crest-max,340px));max-width:420px}
}

/* Impact (renders only once real figures exist) */
.cc-impact{margin-top:30px;text-align:center}
.cc-impact .give-row{justify-content:center;gap:30px}



/* Plans — identical grid to the homepage/plans page */
.cc-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1040px;margin:24px auto 0;text-align:left}
@media(max-width:860px){.cc-plans{grid-template-columns:1fr;max-width:420px;gap:32px}}

/* Testimonial (optional) */
.cc-quote{max-width:720px;margin:34px auto 0;text-align:center}
.cc-quote blockquote{margin:0;font-size:19px;line-height:1.55;font-weight:600;color:var(--navy);font-style:italic}
.cc-quote cite{display:block;margin-top:10px;font-size:14px;color:var(--ink-soft);font-style:normal}

/* Final CTA — same treatment as surf-clubs / why-coast */
.final-cta{text-align:center;padding:40px 0 0}
.final-cta h2{font-size:26px;font-weight:800;letter-spacing:-.01em;margin-bottom:14px}
.final-cta .addr{margin-left:auto;margin-right:auto}
@media(max-width:640px){
  .final-cta{padding:30px 0 0}
  .final-cta h2{font-size:22px}
  hr.sep{margin:32px 0}
}