/* =========================================================
   HOTFIX 5.6.3 — hero jako tło za tytułem
   ========================================================= */
.article-layout-background .article-hero{
  position:relative;
  overflow:hidden;
  min-height:var(--article-hero-height-fixed,560px);
  padding:72px 0 68px;
  background:#07101d;
}
.article-layout-background .article-hero-background{
  position:absolute;
  inset:0;
  margin:0;
  z-index:0;
}
.article-layout-background .article-hero-background img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.98) contrast(1.03);
}
.article-layout-background .article-hero-background::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,8,16,.92) 0%,rgba(4,8,16,.82) 34%,rgba(4,8,16,.48) 68%,rgba(4,8,16,.66) 100%),
    linear-gradient(180deg,rgba(11,15,26,.18) 0%,rgba(11,15,26,.56) 100%),
    radial-gradient(circle at 78% 32%,rgba(76,127,212,.18),transparent 28%);
}
.article-layout-background .article-wide-wrap{
  position:relative;
  z-index:1;
}
.article-layout-background .article-hero-copy{
  max-width:min(760px,100%);
}
.article-layout-background .article-breadcrumbs,
.article-layout-background .article-meta{
  color:rgba(199,211,230,.86);
}
.article-layout-background .article-breadcrumbs a,
.article-layout-background .article-excerpt{
  color:rgba(199,211,230,.92);
}
.article-layout-background .article-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(5,10,18,.26);
  backdrop-filter:blur(6px);
}
.article-layout-background .article-hero h1{
  max-width:760px;
  text-shadow:0 10px 30px rgba(0,0,0,.26);
}
.article-layout-background .article-reading-layout{
  padding-top:46px;
}
@media(max-width:960px){
  .article-layout-background .article-hero{
    min-height:max(380px,min(520px,var(--article-hero-height-fixed,560px)));
    padding:58px 0 54px;
  }
  .article-layout-background .article-hero-background::after{
    background:
      linear-gradient(180deg,rgba(4,8,16,.78) 0%,rgba(4,8,16,.72) 42%,rgba(4,8,16,.58) 100%),
      radial-gradient(circle at 70% 18%,rgba(76,127,212,.14),transparent 28%);
  }
}
@media(max-width:640px){
  .article-layout-background .article-hero{
    min-height:340px;
    padding:40px 0 36px;
  }
  .article-layout-background .article-badge{
    padding:7px 10px;
  }
}