/* =============================================================================
   veh2-geo.css — GEO-1 sections on the city and area masters.
   Rides on ve-home-v2.css (tokens) + ve-city.css (section rhythm). Same 8px
   scale, same cream/blush alternation, same type ramp. Scoped to veh2-geo*.
   ============================================================================= */

/* ---- kickers: the design-system label, as every other city/area section ---- */
.veh2-geointro .kicker,
.veh2-geolinks .kicker,
.veh2-geomore .kicker{font-family:var(--sans);font-weight:500;font-size:11.5px;
  letter-spacing:.32em;text-transform:uppercase;color:var(--terra-text)}

/* ---- the answer-first intro + good to know (blush) ------------------------- */
.veh2-geointro{background:var(--blush)}
.veh2-geointro .vgintro{padding:clamp(48px,7.5vh,104px) 0}
.veh2-geointro .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.veh2-geointro .vgintro-split{display:grid;grid-template-columns:1.35fr .65fr;
  gap:clamp(32px,5vw,72px);align-items:start}
.veh2-geointro--solo .vgintro-split{grid-template-columns:1fr}
.veh2-geointro .vgintro-title{font-family:var(--serif);font-weight:400;letter-spacing:-0.015em;
  line-height:.98;font-size:clamp(32px,4.4vw,58px);color:var(--navy);margin:14px 0 24px}
.veh2-geointro .vgintro-title em{font-style:italic;color:var(--terra-text)}
.veh2-geointro .vgintro-lead{font-size:clamp(18px,1.8vw,21px);line-height:1.55;color:var(--navy);
  max-width:62ch;margin:0 0 20px}
.veh2-geointro .vgintro-p{font-size:clamp(16px,1.5vw,18px);line-height:1.7;color:var(--slate);
  max-width:62ch;margin:0 0 16px}
.veh2-geointro .vgintro-p:last-child{margin-bottom:0}

/* good to know: hairline rows, the same rule colour as the rest of the system */
.veh2-geointro .vgintro-good{margin:0;padding-top:4px}
.veh2-geointro .vgood-list{margin:14px 0 0;padding:0;border-top:1px solid var(--terra)}
.veh2-geointro .vgood-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:13px 0;border-bottom:1px solid rgba(207,161,144,.45)}
.veh2-geointro .vgood-row dt{font-family:var(--sans);font-weight:500;font-size:13.5px;
  line-height:1.4;color:var(--navy);margin:0}
.veh2-geointro .vgood-row dd{font-family:var(--sans);font-weight:400;font-size:13.5px;
  line-height:1.4;color:var(--slate);margin:0;text-align:right;white-space:nowrap}
.veh2-geointro .vgood-note{margin:14px 0 0;font-family:var(--serif);font-style:italic;
  font-size:14.5px;line-height:1.55;color:var(--slate)}

@media(max-width:900px){
  .veh2-geointro .vgintro-split{grid-template-columns:1fr;gap:34px}
  .veh2-geointro .vgood-row dd{white-space:normal}
}

/* ---- keep reading: city, staffed, magazine, experiences (blush) ------------ */
.veh2-geolinks{background:var(--blush)}
.veh2-geolinks .vglinks{padding:clamp(44px,6.5vh,88px) 0}
.veh2-geolinks .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.veh2-geolinks .vglinks-title{font-family:var(--serif);font-weight:400;letter-spacing:-0.015em;
  line-height:.98;font-size:clamp(30px,4vw,52px);color:var(--navy);margin:14px 0 26px}
.veh2-geolinks .vglinks-title em{font-style:italic;color:var(--terra-text)}
.veh2-geolinks .vglinks-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  gap:16px clamp(24px,3.5vw,48px)}
.veh2-geolinks .vglinks-list li{margin:0}

/* ---- more villas in the city, on a compact page (cream) -------------------- */
.veh2-geomore{background:var(--cream)}