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

/* ---------- Flyers ---------- */
.flyers-section{ background:var(--purple-950); padding:70px 0 90px; }
.flyers-section .section-eyebrow{ color:var(--gold-400); }
.flyers-section h2{ color:#fff; }
.flyer-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:36px; }
.flyer-card{
  position:relative; border-radius:var(--radius); overflow:hidden; text-align:center;
  padding:44px 20px; background:linear-gradient(160deg,var(--purple-800),var(--purple-950) 75%);
  border:1px solid rgba(234,200,115,0.3);
  transition:transform .35s ease, box-shadow .35s ease;
}
.flyer-card::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at 50% 0%, rgba(246,217,138,0.18), transparent 65%);
}
.flyer-card:hover{ transform:translateY(-8px); box-shadow:0 22px 44px -18px rgba(0,0,0,0.55); }
.flyer-city{
  position:relative; display:block; font-family:var(--font-body); letter-spacing:0.28em;
  text-transform:uppercase; font-size:0.82rem; color:var(--gold-300); margin-bottom:18px;
}
.flyer-badge{
  position:relative; width:78px; height:78px; margin:0 auto 18px; border-radius:50%;
  border:2px solid var(--gold-400); display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:1.1rem; color:var(--gold-300);
}
.flyer-name{ position:relative; color:#fff; font-family:var(--font-display); font-size:1.3rem; margin-bottom:6px; }
.flyer-tag{ position:relative; color:#d9cdec; font-size:0.85rem; font-style:italic; font-family:var(--font-display); }

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

/* ---------- Quote bands ---------- */
.x100-quote-band{ background:var(--purple-950); padding:80px 0; text-align:center; }
.x100-quote-band .container{ max-width:800px; }
.x100-quote-band p{
  font-family:var(--font-display); font-style:italic; color:var(--gold-200);
  font-size:clamp(1.2rem,2.6vw,1.65rem); line-height:1.65; margin:0 0 16px;
}
.x100-quote-band span{
  display:block; color:#d9cdec; font-size:0.8rem; letter-spacing:0.12em;
  text-transform:uppercase; font-weight:600;
}

/* ---------- Goals ---------- */
.x100-goals{ background:var(--cream); }
.x100-goals .section-eyebrow{ color:var(--gold-700); }
.x100-goals-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:36px; }
.x100-goal-card{
  background:#fff; border-radius:var(--radius); padding:34px 28px;
  box-shadow:0 16px 34px -22px rgba(23,4,48,0.4);
  transition:transform .35s ease, box-shadow .35s ease;
}
.x100-goal-card:hover{ transform:translateY(-8px); box-shadow:0 22px 44px -20px rgba(23,4,48,0.5); }
.x100-goal-num{ font-family:var(--font-display); font-size:2rem; color:var(--gold-600); display:block; margin-bottom:12px; }
.x100-goal-card p{ margin:0; font-size:0.98rem; line-height:1.6; }

/* ---------- Market insight ---------- */
.x100-market{ background:var(--cream); }
.x100-market .section-eyebrow{ color:var(--gold-700); }
.x100-market p + p{ margin-top:16px; }

/* ---------- Game Changer story ---------- */
.game-changer{ background:var(--purple-950); padding:90px 0; }
.game-changer .container{ max-width:820px; }
.game-changer .section-eyebrow{ color:var(--gold-400); }
.game-changer h2{ color:#fff; }
.game-changer .gc-sub{
  color:var(--gold-200); font-family:var(--font-display); font-style:italic;
  font-size:1.15rem; margin-bottom:28px; display:block;
}
.game-changer p{ color:#e3d9f5; font-size:1.02rem; line-height:1.75; margin-bottom:16px; }
.gc-pull{
  border-left:3px solid var(--gold-400); padding-left:20px; margin:30px 0;
  font-family:var(--font-display); font-style:italic; color:#fff; font-size:1.15rem; line-height:1.6;
}
.gc-pull span{
  display:block; margin-top:10px; color:var(--gold-300); font-size:0.78rem;
  letter-spacing:0.12em; text-transform:uppercase; font-style:normal; font-weight:600;
}

/* ---------- Cities listing ---------- */
.x100-cities{ background:var(--cream); padding:70px 0 0; text-align:center; }
.x100-cities .section-eyebrow{ color:var(--gold-700); }

/* ---------- Final CTA ---------- */
.x100-cta{ background:var(--purple-950); padding:100px 0; text-align:center; }
.x100-cta h2{ color:#fff; margin-bottom:14px; }
.x100-cta p{ color:#d9cdec; max-width:520px; margin:0 auto 32px; }

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .flyer-grid{ grid-template-columns:1fr; }
  .x100-goals-grid{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .flyers-section{ padding:50px 0 60px; }
  .x100-quote-band{ padding:60px 0; }
  .game-changer{ padding:60px 0; }
  .x100-cta{ padding:70px 0; }
}