/* v921 hero sizing retained; merged overview styles live in city-glance-v922.css. */
/* Match the home hero's sizing contract, rather than imposing a clipped total
   height on variable city content. Home: 485px desktop visual row + search,
   12px vertical padding; phone visual 300px, search overlaps it by 62px. */
@media(min-width:901px){
 html body[data-lead-page="city"] section.cp-hero .cp-hero-content{grid-template-columns:minmax(0,1.01fr) minmax(0,.99fr)!important;grid-template-rows:minmax(485px,auto) auto!important;gap:0 35px!important;padding-top:12px!important;padding-bottom:12px!important;min-height:0!important;align-items:start!important}
 html body[data-lead-page="city"] section.cp-hero .cp-hero-main{grid-column:1!important;grid-row:1!important;padding:0!important;align-self:start!important}
 html body[data-lead-page="city"] section.cp-hero .cp-hero-photo{grid-column:2!important;grid-row:1!important;height:460px!important;max-width:100%;margin:0!important}
 html body[data-lead-page="city"] section.cp-hero #cityStaySearch{grid-column:1/-1!important;grid-row:2!important;align-self:start;margin:0!important}
}
@media(max-width:900px){
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero{border-radius:0!important;overflow:visible!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-content{position:relative;display:flex!important;align-items:stretch!important;gap:0!important;padding:0 0 20px!important;min-height:0!important;width:100%!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-photo{position:absolute!important;inset:0 0 auto!important;width:100%!important;height:300px!important;border-radius:0!important;margin:0!important;opacity:.16;pointer-events:none}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-main{order:1!important;position:relative;z-index:1;flex-shrink:0;box-sizing:border-box;min-height:300px!important;margin:0!important;padding:18px 22px 76px!important;gap:7px!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-breadcrumb{position:static!important;margin:0!important;font-size:11px!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero h1{font-size:26px!important;line-height:1.08!important;margin:0!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-kicker{font-size:11px!important;line-height:1.3!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp919-hi{font-size:13px;line-height:1.35;margin:0}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-description{margin:0!important;font-size:13px!important;line-height:1.45!important;max-height:2.9em!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-meta{display:none!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero #cityStaySearch{position:relative;z-index:2;order:2!important;flex-shrink:0;margin:-62px 14px 0!important;padding:0!important;width:auto!important;max-width:none!important}
}
/* Keep the existing attraction/stay counts available without another tall tile row. */
@media(max-width:900px){
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-meta{display:flex!important;flex-wrap:wrap!important;gap:5px 14px!important;margin:0!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-meta-item{display:flex!important;gap:4px!important;align-items:baseline;padding:0!important;background:none!important;border:0!important;min-height:0!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-meta-item strong{font:600 12px/1.4 Inter,Arial,sans-serif!important}
 html body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-meta-item span{font:400 11px/1.4 Inter,Arial,sans-serif!important}
}