/* Geography family refinements (location pages), loaded after premium-motion.css on those pages only.
   Saqib, 2026-09-30: every page gets Melissa's motion feel; Mart's layout is unchanged. */

/* State hero backdrop plate (scripts/premium/geography.py): the backdrop's own box from
   market-continuity.css (inset 0 0 50px, full colour since 2026-10-02, no drift), now clipped so the settle and the
   scroll drift never spill over the breadcrumb or the park cards. */
.uf-site .uf-mc-directory-hero>.uf-geo-plate{position:absolute;inset:0 0 50px;overflow:hidden;pointer-events:none}
.uf-site .uf-mc-directory-hero>.uf-geo-plate>.uf-geo-drift{position:absolute;inset:0}
.uf-site .uf-mc-directory-hero>.uf-geo-plate>.uf-geo-drift>:is(.bgimg,.bg){position:absolute;inset:0;opacity:1;animation:none;transform:none}

/* Stats band: four equal columns could not hold the bay-range figure (300 to 10K) beside "13 · 6" at 1440 (the numbers are
   nowrap, so they ran into each other). Columns now take their content's width and share the rest. */
@media (min-width:1101px){
  .uf-site[data-page-family=geography] .oband .grid{grid-template-columns:repeat(4,auto);justify-content:space-between;column-gap:28px}
}

/* Map legends: the hover shift moved padding (a layout change on every hover). The same 8px shift now
   moves the row's contents with a transform, on Melissa's row-hover curve. */
.uf-site[data-page-family=geography] .legend li:is(:hover,.hot){padding-left:10px}
.uf-site[data-page-family=geography] .legend li>*{transition:transform .5s var(--mx-ease,cubic-bezier(.22,1,.36,1))}
.uf-site[data-page-family=geography] .legend li:is(:hover,.hot)>*{transform:translateX(8px)}
@media (prefers-reduced-motion:reduce){
  .uf-site[data-page-family=geography] .legend li>*{transition:none}
}

/* ---------- pre-existing layout fixes on the orphan comps (found in the 2026-09-30 page pass) ---------- */
/* ct3: the centred H1 sat in an 840px box pinned to the left edge (x=0), off the page grid. */
.uf-site[data-page=ct3] main>.rayhero h1{margin-inline:auto;padding-inline:20px}
/* product: "SOMERSWORTH," at 40px was wider than its column and ran under the hero photo at 1024. */
.uf-site[data-page=product] main .phero h1{font-size:clamp(26px,3.3vw,35px)}
/* james-city-county: "WILLIAMSBURG." (40px) ran 31px past its column into the gutter at 1024 to 1440. */
@media (min-width:641px){.uf-site[data-page=james-city-county] main .phero h1{font-size:clamp(26px,3.3vw,35px)}}
/* ct2: "CONNECTICUT" at 40px was wider than the map column and broke as "CONNECTICU / T" at 1024. */
.uf-site[data-page=ct2] main .mapsec h2{font-size:clamp(26px,3.3vw,44px)}

/* Long state names are wider than their boxes (about 13.3px of width per px of type), so
   overflow-wrap:anywhere split them ("MASSACHUSETT / S", "CONNECTICU / T" beside the state map at
   1024). Sizes below are measured to keep every word whole. */
@media (min-width:961px){
  .uf-site[data-page-family=geography] main #map.uf-mc-location-map h2{font-size:min(36px,2.8vw)}
}
@media (max-width:640px){
  .uf-site[data-page=available] main .uf-mc-inventory-intro h2{font-size:21px}
  .uf-site[data-page=ct] main .oband .stat .n{font-size:21px}
}
@media (max-width:640px){
  .uf-site[data-page=ma] main :is(#map h2,.seo h2){font-size:25px}
  .uf-site[data-page=ma] main .oband .stat .n{font-size:18px}
}
/* The ma.html h1 mobile size moved to src/market-continuity.css, next to the shared state-hero h1 rule it
   overrides (UF-20, 2026-10-03 audit): one file owns every state h1 size, instead of this one page's
   exception living apart from the rule it exists to serve. */
/* Reserve the product hero photo before it loads so the page below never jumps (verifier 2026-09-30: CLS 0.08). */
.uf-site[data-page=product] main .phero .ph img{aspect-ratio:1397/899;height:auto}

/* 2026-10-02 supporting hero (scripts/supporting_hero.py): the product comp's H1 is "United Flex Park" over the
   park name, as in its old hero. */
.uf-site[data-page=product] main .uf-bh h1 .o{display:block}
@media (max-width:760px){.uf-site[data-page=product] main .uf-bh h1{font-size:clamp(22px,6.4vw,34px)}}

/* Park card photos on New Jersey and Virginia (Saqib, 2026-10-05: Medford's and Toano's own photos replace the
   orange X and Mart's navy plate) and Texas (Saqib, 2026-10-06: Anna's drone photo replaces the orange X). The photo
   fills the card's 380:269 frame: the page stylesheet's fill rule sits in the lower source layer, so a 3:2 photo kept
   its own height and left a navy strip under it (and Melissa's 4:3 photo ran past the frame's bottom edge). */
body.uf-site:is([data-page=nj],[data-page=va],[data-page=tx]) .uf-mc-directory-cards .pcard .ph img{display:block;width:100%;height:100%;object-fit:cover}