/* StreamPip 1.5.7: seamless home transition, safe additive CSS */
body:has(.sp-seamless-home) main{background:transparent}
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home{position:relative;z-index:1;margin-top:0;padding-top:18px;background:transparent!important;border-top:0!important;box-shadow:none!important}
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home::before{content:"";pointer-events:none;position:absolute;inset:-170px 0 auto;height:400px;z-index:-1;background:radial-gradient(ellipse 70% 70% at 60% 0%,rgba(164,44,203,.16),transparent 80%);}
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home .sp-rail:first-child{margin-top:0}
.sp-header-welcome{white-space:nowrap}
@media(max-width:1180px){.sp-header-welcome{display:none!important}}

/* v1.5.8: no overlap with the site navigation */
body:has(.sp-seamless-home) main{padding-top:0!important;overflow:visible!important}
body:has(.sp-seamless-home) main > .sp-stream-hero.sp-hero-carousel{
  position:relative!important;top:auto!important;transform:none!important;
  margin-top:0!important;margin-bottom:0!important;isolation:isolate;
  overflow:visible!important;border-bottom:0!important;
}
/* Slide artwork remains clipped, but the transition itself can extend into the rails. */
body:has(.sp-seamless-home) .sp-stream-hero .sp-hero-slide{overflow:hidden}
body:has(.sp-seamless-home) .sp-stream-hero .sp-hero-slide .sp-stream-hero-content{
  padding-top:clamp(100px,13vh,155px)!important;
}
/* Extend the hero's light through its lower edge and over the next section.
   A transparent gradient avoids the opaque horizontal strip. */
body:has(.sp-seamless-home) .sp-stream-hero.sp-hero-carousel::after{
  content:"";display:block;position:absolute;pointer-events:none;
  left:0;right:0;bottom:-185px;height:340px;z-index:3;
  background:linear-gradient(to bottom,transparent 0%,rgba(13,8,25,.17) 24%,rgba(16,10,30,.62) 50%,rgba(16,10,30,.48) 73%,transparent 100%);
}
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home{
  position:relative!important;z-index:2!important;
  margin-top:0!important;padding-top:36px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  top:-145px;left:0;right:0;height:520px;
  background:radial-gradient(ellipse 80% 48% at 70% 0%,rgba(168,61,188,.19),transparent 85%),linear-gradient(to bottom,rgba(16,10,30,.56),transparent 75%);
}
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home .sp-rail:first-child{margin-top:0!important}
@media(max-width:700px){
 body:has(.sp-seamless-home) .sp-stream-hero .sp-hero-slide .sp-stream-hero-content{padding-top:95px!important}
 body:has(.sp-seamless-home) .sp-stream-hero.sp-hero-carousel::after{height:230px;bottom:-120px}
 body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home{padding-top:25px!important}
}


/* v1.5.10 | Single-image hero bleed. NO cloned artwork or pseudo-image tail. */
body:has(.sp-seamless-home) main > .sp-stream-hero.sp-hero-carousel{
 position:relative!important;z-index:1!important;overflow:hidden!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 margin-bottom:0!important;
}
/* Preserve the existing slide and carousel. Darken its final pixels in-place. */
body:has(.sp-seamless-home) .sp-stream-hero.sp-hero-carousel::after{
 content:""!important;display:block!important;pointer-events:none!important;
 position:absolute!important;left:0!important;right:0!important;
 top:auto!important;bottom:0!important;height:clamp(155px,20vw,285px)!important;
 z-index:2!important;
 background:linear-gradient(to bottom,transparent 0%,rgba(11,8,24,.12) 20%,rgba(11,8,24,.48) 58%,rgba(11,8,24,.95) 100%)!important;
}
/* The content overlaps the original image's last pixels, not a duplicate. */
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home{
 position:relative!important;z-index:3!important;
 margin-top:-72px!important;padding-top:84px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 isolation:auto!important;overflow:visible!important;
 --sp-hero-tail-image:none;
}
/* Remove the mirrored-image background and any previous transition panel. */
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home::before{
 content:none!important;display:none!important;background:none!important;
}
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home::after{
 content:none!important;display:none!important;
}
body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home > *{position:relative;z-index:1}
@media(max-width:700px){
 body:has(.sp-seamless-home) .sp-stream-content.sp-seamless-home{margin-top:-42px!important;padding-top:54px!important}
 body:has(.sp-seamless-home) .sp-stream-hero.sp-hero-carousel::after{height:170px!important}
}