/* =========================================================
   FLIP PROJECT — page-specific styles (loaded after styles.css)
   ========================================================= */

/* ---------- Intro ---------- */
.flip-intro{ background:var(--cream); }
.flip-intro .section-eyebrow{ color:var(--gold-700); }
.flip-intro p + p{ margin-top:16px; }

/* ---------- Quote bands (dark, centered, italic) ---------- */
.flip-quote-band{ background:var(--purple-950); padding:80px 0; text-align:center; }
.flip-quote-band .container{ max-width:780px; }
.flip-quote-band p{
  font-family:var(--font-display); font-style:italic; color:var(--gold-200);
  font-size:clamp(1.2rem,2.6vw,1.7rem); line-height:1.6; margin:0;
}

/* ---------- Problem / Solution ---------- */
.flip-solution{ background:var(--cream); }
.flip-solution .section-eyebrow{ color:var(--gold-700); }
.flip-solution p + p{ margin-top:16px; }
.flip-solution .flip-highlight{
  display:inline-block; margin-top:24px; padding:10px 22px; border-radius:999px;
  background:var(--purple-950); color:var(--gold-300); font-size:0.85rem;
  letter-spacing:0.08em; text-transform:uppercase; font-weight:600;
}

/* ---------- Partnership & Vision band ---------- */
.flip-vision{ background:linear-gradient(135deg,var(--purple-800),var(--purple-950)); padding:80px 0; }
.flip-vision .container{ max-width:820px; text-align:center; }
.flip-vision .section-eyebrow{ color:var(--gold-400); }
.flip-vision p{ color:#e3d9f5; font-size:1.08rem; line-height:1.75; margin-top:16px; }

/* ---------- Our Approach ---------- */
.flip-approach{ background:var(--cream); }
.flip-approach .section-eyebrow{ color:var(--gold-700); }
.approach-pills{ display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.approach-pill{
  display:flex; align-items:center; gap:10px; background:#fff; border-radius:999px;
  padding:14px 24px; box-shadow:0 12px 28px -20px rgba(23,4,48,0.4);
  font-weight:600; color:var(--purple-900); font-size:0.95rem;
  transition:transform .3s ease, box-shadow .3s ease;
}
.approach-pill:hover{ transform:translateY(-4px); box-shadow:0 16px 34px -18px rgba(23,4,48,0.5); }
.approach-pill .pill-dot{ width:8px; height:8px; border-radius:50%; background:var(--gold-500); flex-shrink:0; }

/* ---------- Our Belief ---------- */
.flip-belief{ background:var(--purple-950); padding:90px 0; text-align:center; }
.flip-belief .container{ max-width:800px; }
.flip-belief .section-eyebrow{ color:var(--gold-400); }
.flip-belief-quote{
  font-family:var(--font-display); font-style:italic; color:#fff;
  font-size:clamp(1.35rem,3vw,2rem); line-height:1.5; margin:18px 0 26px;
}
.flip-belief p.flip-belief-note{ color:#d9cdec; font-size:1.02rem; line-height:1.7; }

/* ---------- Final CTA ---------- */
.flip-cta{ background:var(--cream); padding:100px 0; text-align:center; }
.flip-cta .container{ max-width:760px; }
.flip-cta .section-eyebrow{ color:var(--gold-700); }
.flip-cta h2{ margin:10px 0 20px; }
.flip-cta p{ font-size:1.05rem; margin-bottom:16px; }
.flip-cta .flip-tagline{
  font-family:var(--font-display); font-style:italic; color:var(--purple-800);
  font-size:1.2rem; margin:30px 0 8px;
}
.flip-cta .flip-tagline-sub{
  text-transform:uppercase; letter-spacing:0.18em; font-size:0.75rem;
  color:var(--gold-700); font-weight:600; margin-bottom:34px;
}

/* ---------- Responsive ---------- */
@media (max-width:640px){
  .flip-quote-band{ padding:60px 0; }
  .flip-vision{ padding:60px 0; }
  .flip-belief{ padding:70px 0; }
  .flip-cta{ padding:70px 0; }
  .approach-pills{ flex-direction:column; }
}