.uk-hero{
    position:relative;
    height: clamp(260px, 38vh, 440px);
    max-height: 60svh;
    border-radius: 18px;
    overflow:hidden;
    background:#0e151d;
  }
  .uk-hero > img{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;                 /* ensures the hero image fits & fills */
    object-position:center 35%;       /* tweak focal point as needed */
    filter:saturate(1.02) contrast(1.02) brightness(.95);
    transform:translateZ(0);
  }

  .uk-hero__content{
    position:relative;
    z-index:1;
    display:grid;
    gap:.5rem;
    height:100%;
    align-content:end;
    padding:24px 24px 28px;
  }