/* v10 — ajustes: hero del blog más alto y más visible */
/* Solo afecta a la página /blog (clase .page-hero--blog).
   No se toca ninguna otra página que use .page-hero--short. */
.page-hero--blog{min-height:clamp(500px,72svh,760px)}
.page-hero--blog .page-hero__bg img{object-position:center 38%}
.page-hero--blog .page-hero__scrim{
  background:
    linear-gradient(180deg,rgba(10,10,9,.58) 0%,rgba(10,10,9,.14) 40%,rgba(10,10,9,.5) 74%,rgba(10,10,9,.93) 100%),
    radial-gradient(120% 80% at 20% 40%,rgba(10,10,9,.26),transparent 64%)
}
@media (max-width:600px){
  .page-hero--blog{min-height:clamp(430px,66svh,600px)}
}