:root{
  --siq-hero-image:url("/assets/systemiciq-hero-en-global.jpg");
  --siq-hero-position:center;
}
body[data-siq-hero-family="services"]{--siq-hero-image:url("/assets/systemiciq-advisory-v64.png")}
body[data-siq-hero-family="events"]{--siq-hero-image:url("/assets/hero-executive-session.jpg")}
body[data-siq-hero-family="online"]{--siq-hero-image:url("/assets/online-symbol-flow-20260723.webp")}
body[data-siq-hero-family="books"]{--siq-hero-image:url("/assets/systemiciq-research-v64.png")}
body[data-siq-hero-family="programs"]{--siq-hero-image:url("/assets/systemiciq-hero-en-global.jpg")}
body[data-siq-hero-family="forms"]{--siq-hero-image:url("/assets/systemiciq-card-collaboration-v62.png")}
.siq-hero-media{
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(3,28,47,.94) 0%,rgba(3,28,47,.78) 52%,rgba(3,28,47,.28) 100%),
    var(--siq-hero-image) var(--siq-hero-position)/cover no-repeat;
}
[dir="rtl"] .siq-hero-media{
  background:
    linear-gradient(270deg,rgba(3,28,47,.94) 0%,rgba(3,28,47,.78) 52%,rgba(3,28,47,.28) 100%),
    var(--siq-hero-image) var(--siq-hero-position)/cover no-repeat;
}
section:has(> .siq-hero-media){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
}
section:has(> .siq-hero-media)::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  z-index:-1;
  background:linear-gradient(90deg,#d5aa3b,transparent 72%);
}
.siq-compact-hero{
  min-height:clamp(180px,24vw,320px);
  display:grid;
  place-items:center;
}
.language-toggle,.siq-language-bar a{
  color:#fff;
  border-color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.08);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.6rem .9rem;
  border:1px solid currentColor;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
}
.siq-language-bar{
  position:relative;
  z-index:100;
  padding:.6rem 1rem;
  text-align:end;
  background:#071f35;
  color:#fff;
}
@media(max-width:760px){
  .siq-hero-media{
    background:
      linear-gradient(rgba(3,28,47,.86),rgba(3,28,47,.76)),
      var(--siq-hero-image) center/cover no-repeat;
  }
}