/* Home page: photo slideshow behind the DECAGON GALLERY headline and the "Ten angles" text.
   Loaded after styles.css on the home page only; every rule is scoped under body.homeshow. */

/* Slideshow behind the hero + "Ten angles, one conversation" block */
body.homeshow .hs-intro{position:relative;overflow:hidden;isolation:isolate;background:#1b1b1b}
body.homeshow .hs-slides{position:absolute;inset:0;z-index:-1}
body.homeshow .hs-slide{position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;transition:opacity .8s ease;animation:hs-kb 26s ease-in-out infinite alternate;will-change:opacity,transform}
body.homeshow .hs-slide.on{opacity:1}
@keyframes hs-kb{from{transform:scale(1.02)}to{transform:scale(1.10)}}
/* light film: photo nearly clear behind the headline, darker only where the mission paragraphs sit.
   Stops (top→bottom): fade under the nav, ~8% behind DECAGON / Brooklyn / wheel, ramps up from ~40% to sit behind "Ten angles" and the copy. */
body.homeshow .hs-slides::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0,rgba(0,0,0,.08) 12%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.16) 40%,rgba(0,0,0,.46) 52%,rgba(0,0,0,.56) 100%)}

/* make the two sections transparent, type light */
body.homeshow .hs-intro .hero,body.homeshow .hs-intro .home-mission{background:transparent}
body.homeshow .hs-intro .hero__grain{display:none}
body.homeshow .hs-intro .hero__word{-webkit-text-fill-color:#f3f1ec;color:#f3f1ec;text-shadow:0 1px 3px rgba(0,0,0,.45),0 2px 30px rgba(0,0,0,.5)}
body.homeshow .hs-intro .hero__sub{color:#fff;font-size:clamp(.8rem,1.75vw,1.15rem);
  text-shadow:0 0 1px #000,0 0 3px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.85),0 0 24px rgba(0,0,0,.6)}
body.homeshow .hs-intro .home-mission .h-sec{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6),0 2px 24px rgba(0,0,0,.6)}
body.homeshow .hs-intro .home-mission .mission-copy__p{color:rgba(255,255,255,.94);text-shadow:0 0 2px rgba(0,0,0,.8),0 1px 14px rgba(0,0,0,.75)}
body.homeshow .hs-intro .hero__scroll{color:#fff}
body.homeshow .hs-intro .hero__credit{color:rgba(255,255,255,.85);text-shadow:0 1px 8px rgba(0,0,0,.8)}
/* wheel and left-rail label keep an edge now that the film is lighter */
body.homeshow .hs-intro .hero__mark{filter:drop-shadow(0 0 1px rgba(0,0,0,.8)) drop-shadow(0 2px 10px rgba(0,0,0,.6))}
body.homeshow .rail__label{text-shadow:0 0 2px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7)}
@media(prefers-reduced-motion:reduce){body.homeshow .hs-slide{animation:none}}

/* Photo credit: always visible, bottom-right corner of the slideshow area */
body.homeshow .hs-intro .hero__credit{display:block;position:absolute;right:clamp(16px,3vw,34px);bottom:clamp(14px,2.4vw,26px);z-index:3;
  color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(0,0,0,.85);font-size:.72rem;letter-spacing:.06em}