/* The original Aurora artwork supplies every fold and highlight. A single
   textured surface adds a gentle current; the original image is the fallback. */
body.horizon-edition .ah-silk-canvas {
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  pointer-events:none;
}
body.horizon-edition [data-silk-renderer=webgl] > :is(.hh-hero-art,.ah-hero-flow) { visibility:hidden; }
body.horizon-edition :is(.hh-hero,.ie-hero) .ah-silk-control {
  position:absolute;
  z-index:4;
  inset-inline-end:36px;
  bottom:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  max-width:calc(100% - 40px);
  padding:9px 14px;
  border:1px solid #b6b4d338;
  border-radius:12px;
  background:#111628f2;
  color:#ddd9ee;
  font:500 12px/1.5 var(--font-body,Inter,Arial,sans-serif);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:background .18s ease,border-color .18s ease;
}
body.horizon-edition .hh-hero .ah-silk-control { bottom:104px; }
body.horizon-edition.is-home .hh-hero .k-hero-inner { padding-bottom:168px; }
/* Compact and article heroes previously reserved only 62–64px. Keep a full
   control row even there; this selector matches their variant specificity. */
body.horizon-edition .ie-hero .ie-hero-grid { padding-bottom:92px; }
body.horizon-edition .ah-silk-control svg { width:14px;height:14px;flex:none; }
body.horizon-edition .ah-silk-control:focus-visible { outline:3px solid #d2c5f5;outline-offset:4px; }
body.horizon-edition .ah-silk-control:disabled { cursor:default;color:#c3c1d5; }
@media(hover:hover) {
  body.horizon-edition .ah-silk-control:hover:not(:disabled) { background:#24263d;border-color:#c7bedb88; }
}
@media(prefers-reduced-motion:no-preference) {
  body.horizon-edition .ah-motion-ready[data-silk-renderer=css] :is(.hh-hero-art,.ah-hero-flow) {
    animation:ah-silk-drift 28s ease-in-out infinite;
    animation-play-state:paused;
    transform-origin:50% 70%;
  }
  body.horizon-edition .ah-motion-running[data-silk-renderer=css] :is(.hh-hero-art,.ah-hero-flow) {
    animation-play-state:running;
    will-change:transform;
  }
}
@keyframes ah-silk-drift {
  0%,100% { transform:translate3d(0,0,0) scale(1); }
  34% { transform:translate3d(-.45%,-.35%,0) scale(1.035); }
  68% { transform:translate3d(.4%,.3%,0) scale(1.025); }
}
@media(max-width:760px) {
  /* Applied before enhancement so the control never introduces layout shift. */
  body.horizon-edition .ie-hero .ie-hero-grid { padding-bottom:100px; }
  body.horizon-edition :is(.hh-hero,.ie-hero) .ah-silk-control { inset-inline-end:20px;bottom:22px; }
  body.horizon-edition .hh-hero .ah-silk-control { bottom:104px; }
  body.horizon-edition .ah-motion-ready[data-silk-renderer=css] :is(.hh-hero-art,.ah-hero-flow) { animation-name:ah-silk-drift-small;animation-duration:30s; }
}
@media(max-width:700px) {
  body.horizon-edition.is-home .hh-hero .k-hero-inner { padding-bottom:144px; }
  body.horizon-edition .hh-hero .ah-silk-control { bottom:80px; }
}
@keyframes ah-silk-drift-small {
  0%,100% { transform:translate3d(0,0,0) scale(1); }
  34% { transform:translate3d(-.2%,-.2%,0) scale(1.018); }
  68% { transform:translate3d(.2%,.15%,0) scale(1.012); }
}
@media(prefers-reduced-motion:reduce) {
  body.horizon-edition :is(.hh-hero-art,.ah-hero-flow) { animation:none!important;transform:none!important;will-change:auto!important; }
  body.horizon-edition .ah-silk-control { transition:none; }
}

/* Give the original wide composition its own lower stage on small screens.
   A tall cover crop otherwise removes the luminous side folds entirely. */
@media(max-width:760px) {
  body.horizon-edition.is-home .hh-hero-art,
  body.horizon-edition .ie-hero .ah-hero-flow {
    inset:auto 0 0;
    height:clamp(300px,78vw,480px);
    max-height:100%;
    object-position:center bottom;
    opacity:1;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%);
    mask-image:linear-gradient(to bottom,transparent,#000 18%);
  }
  body.horizon-edition .ie-hero::after,
  html[lang=ar] body.horizon-edition .ie-hero::after {
    background:linear-gradient(#070a1738 15%,#070a1718 70%,#070a1726);
  }
}

/* The original bright folds need a quiet backing beneath secondary copy. */
body.horizon-edition .ie-hero :is(.cta-note,.ie-trust) {
  width:fit-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:9px;
  background:#0d1124eb;
  color:#dce0ef;
}
@media(max-width:760px) {
  body.horizon-edition .ie-hero-quiet .ie-lead {
    border-radius:8px;
    background:#070a17e8;
    box-shadow:0 0 0 10px #070a17e8;
  }
}