/* =============================================================================
   ve-shead.css — ve-05 search heads + /properties/ collection grid.
   HAND-AUTHORED WP glue (not compiled from the homepage prototype). Rides on
   ve-home-v2.css (tokens, .veh2-hero widget, .veh2-villas cards) and only
   adjusts scale/spacing for the listing surfaces. Scoped: .veh2-shead /
   .veh2-varchive. Governed by VE_DESIGN_STANDARD.md.
   ============================================================================= */

/* ---- compact hero band: these are service pages, not the flagship hero ----- */
.veh2-shead .hero-band{min-height:min(46vh,500px)}
/* brighter daytime band images need a slightly deeper mid-scrim for the headline */
.veh2-shead .hero-band::after{background:linear-gradient(to bottom,rgba(16,20,38,.42),rgba(16,20,38,.36) 45%,rgba(16,20,38,.58))}
/* FILM bands stay bright (Oliver: the VE video should not sit under a dark wash) —
   just enough gradient at top/bottom for the headline and its support line. */
.veh2-shead--video .hero-band::after{background:linear-gradient(to bottom,rgba(16,20,38,.22),rgba(16,20,38,.08) 45%,rgba(16,20,38,.32))}
.veh2-shead .headline{font-size:clamp(36px,4.6vw,64px)}
.veh2-shead .support{font-size:clamp(15px,1.4vw,16.5px)}
.veh2-shead .search-below{padding:clamp(40px,6vh,60px) var(--pad) clamp(48px,7vh,80px)}
@media(max-width:560px){.veh2-shead .hero-band{min-height:40vh}}

/* ---- /properties/ grid head + rhythm -------------------------------------- */
.veh2-varchive .vc{padding-top:clamp(24px,4vh,48px)}
.veh2-varchive .vc-arch-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vh,52px)}
.veh2-varchive .vc-arch-title{font-family:var(--serif);font-weight:400;font-style:normal;
  letter-spacing:-0.015em;line-height:.98;font-size:clamp(38px,5.4vw,72px);color:var(--navy)}
.veh2-varchive .vc-arch-title em{font-style:italic;color:var(--terra-deep)}
.veh2-varchive .vc-arch-sub{font-size:clamp(15.5px,1.4vw,17px);color:var(--slate);max-width:58ch}
.veh2-varchive .vc-arch-sub a{border-bottom:1px solid var(--terra)}
.veh2-varchive .vc-figure img{width:100%;height:100%;object-fit:cover}

/* ---- native pagination, quietly ------------------------------------------- */
.veh2-varchive .navigation.pagination{margin-top:clamp(40px,6vh,72px)}
.veh2-varchive .nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.veh2-varchive .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:0 10px;font-family:var(--sans);font-weight:500;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);border-radius:3px}
.veh2-varchive .page-numbers.current{color:var(--terra-text);box-shadow:inset 0 -2px 0 var(--terra)}
.veh2-varchive a.page-numbers:hover{color:var(--terra-text)}
.veh2-varchive .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}