/* Standalone demo reset; component styles stay scoped to syh-. */
.syh-demo{margin:0;background:#040813;-webkit-font-smoothing:antialiased}
.syh-banner{--syh-top:var(--header-height);position:relative;height:330vh;background:#040813;color:#fff;}
.syh-banner *{box-sizing:border-box}
.syh-stage{height:calc(100svh - var(--syh-top));position:sticky;top:var(--syh-top);overflow:hidden;isolation:isolate}
.syh-poster,.syh-canvas,.syh-shade{position:absolute;inset:0;width:100%;height:100%}
.syh-poster{object-fit:cover;object-position:50% center}
.syh-canvas{display:block;opacity:0;transition:opacity .25s}
.syh-canvas.is-ready{opacity:1}
/* Subtle contrast only behind the slogan; leave the iris detail unobscured. */
.syh-shade{pointer-events:none;background:linear-gradient(90deg,rgba(3,7,17,.72),rgba(3,7,17,.36) 32%,transparent 64%)}
.syh-content{position:absolute;left:8%;top:50%;transform:translate3d(0,-50%,0);will-change:transform;font-weight: bold;}
.syh-content h1 em{font-style:normal;color:#a0e4ff}
.syh-content h1 {
  font-size: clamp(1.5rem, -1.1063829787rem + 4.2553191489vw, 4rem);
  line-height: 1.1;
}
.syh-content .text {
  font-size: clamp(0.875rem, 0.2234042553rem + 1.0638297872vw, 1.5rem);
  line-height: 1.3;
  margin-top: clamp(17.8645833333px, 1.8229166667vw, 35px);
}
.syh-banner.is-static{height:100svh}
@media(max-width:700px){
  .syh-banner{height:280svh}
  /* The visible banner follows the supplied 800 x 440 frames; scroll distance stays independent. */
  .syh-stage{width:100%;height:auto;aspect-ratio:800 / 440;background:#040813}
  .syh-content{left:8%;right:8%;top:50%}
  .syh-content h1{font-size:24px;letter-spacing:-.4px;line-height:1.4}
  .syh-poster{object-fit:contain;object-position:50% 50%}
  .syh-shade{background:linear-gradient(90deg,rgba(3,7,17,.7),rgba(3,7,17,.25) 42%,transparent 72%)}
  .syh-banner.is-static,.syh-banner.is-no-script{height:auto}
}
@media(prefers-reduced-motion:reduce){.syh-banner{height:100svh}.syh-canvas{transition:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.syh-banner{height:auto}}