/* Adventure with Alphabet — About page rolling gallery after Meet Mati, 2026-09-06 */
.about-mati-managed-gallery{
  width:min(1500px,calc(100% - 48px));
  margin:38px auto 44px;
  padding:18px 0;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(236,246,231,.78),rgba(236,244,252,.82),rgba(252,239,244,.72));
  border:1px solid rgba(88,122,91,.11);
  box-shadow:0 16px 42px rgba(53,79,59,.08);
}
.about-mati-managed-gallery[hidden]{display:none!important}
.about-mati-managed-gallery .moving-image-reel{
  width:100%;
  max-width:none;
  margin:0;
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.about-mati-managed-gallery .moving-image-reel-track{
  gap:18px;
  padding:8px 24px;
}
.about-mati-managed-gallery .moving-image-reel-item{
  width:320px;
  flex:0 0 320px;
  border-radius:22px;
  overflow:hidden;
}
.about-mati-managed-gallery .moving-image-reel-item img{
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:center;
}
@media(max-width:720px){
  .about-mati-managed-gallery{
    width:min(100% - 24px,1500px);
    margin:28px auto 34px;
    border-radius:22px;
  }
  .about-mati-managed-gallery .moving-image-reel-item{
    width:260px;
    flex-basis:260px;
  }
  .about-mati-managed-gallery .moving-image-reel-item img{height:190px}
}
@media(prefers-reduced-motion:reduce){
  .about-mati-managed-gallery .moving-image-reel{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
}