.evolkov-field-host { position:relative; isolation:isolate; }
.evolkov-field-host > :not(.evolkov-hero-field) { position:relative; z-index:1; }
.evolkov-hero-field { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none!important; opacity:.5; }
.evolkov-footer-field { opacity:.45; }
@media(min-width:770px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
  /* Reserve the final hero geometry before the deferred artwork mounts. */
  :is(.commercial-hero,.evolkov-article-hero,.evolkov-blog-heading) { min-height:clamp(420px,50vh,640px); }
  .commercial-hero { max-width:none; width:100%; }
}
@media(max-width:769px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce),(forced-colors:active) {
  .evolkov-hero-field { display:none!important; }
}