/* Hero stage v2 (home page only, loaded after header.css).
   Desktop: the particle stage breaks out of the 1440px column and runs edge to edge, fading softly
   into the page above and below. The copy, caption and controls stay on the content column. */
@media(min-width:641px){
 html[dir] .hero.wrap{overflow:visible!important;--col-edge:calc((100vw - min(1440px,100vw)) / 2 + var(--pad))}
 html[dir] .hero.wrap .particle-art{position:absolute!important;inset:0 auto 0 calc(50% - 50vw)!important;width:100vw!important;height:100%!important;margin:0!important;transform:none!important;overflow:hidden!important}
 .hero .particle-art canvas{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 74%,transparent 100%)}
 html[dir] .hero.wrap .particle-art .art-caption{left:var(--col-edge)!important;right:var(--col-edge)!important}
 html[dir] .hero.wrap .particle-art #motion-toggle{right:var(--col-edge)!important}
 html[dir="rtl"] .hero.wrap .particle-art #motion-toggle{right:auto!important;left:var(--col-edge)!important}
}