/* 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)}}
/* dark film so type stays legible over any photo */
body.homeshow .hs-slides::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.30) 30%,rgba(0,0,0,.55) 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 2px 28px rgba(0,0,0,.55)}
body.homeshow .hs-intro .hero__sub{color:rgba(255,255,255,.9);text-shadow:0 1px 12px rgba(0,0,0,.7)}
body.homeshow .hs-intro .home-mission .h-sec{color:#fff;text-shadow: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 1px 14px rgba(0,0,0,.7)}
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)}
@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}