* { font-family: 'Poppins', sans-serif; }
.space { font-family: 'Space Grotesk', sans-serif; }
.grid-bg { background-image: linear-gradient(rgba(255,255,255,0.15) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.15) 1px, transparent 1px); background-size:60px 60px; }
.no-scrollbar::-webkit-scrollbar { display:none; }
.no-scrollbar { -ms-overflow-style:none; scrollbar-width:none; }
@keyframes marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* STORIES COMPACT BLOOP - NO ENORME */
.banner-grid-section { position:relative; overflow:hidden; width:100%; }
.gridy-slider { position:relative; overflow:hidden; width:100%; }
#stories-viewport { position:relative; overflow:hidden; width:100%; border-radius:12px; }
#stories-track { display:flex; gap:12px; transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94); will-change:transform; width:max-content; }
.banner-grid-section__item {
  position:relative; overflow:hidden; border-radius:12px; background:#F7F7F7;
  flex: 0 0 78vw;
  width:78vw;
  max-width:260px;
  height: 380px;
  aspect-ratio: 3/4;
  cursor:pointer;
}
@media(min-width:640px){
  .banner-grid-section__item{ flex:0 0 260px; width:260px; max-width:260px; height:400px; }
}
@media(min-width:1024px){
  .banner-grid-section__item{ flex:0 0 280px; width:280px; max-width:280px; height:420px; }
}
.banner-grid-section__item img, .banner-grid-section__item video { width:100%; height:100%; object-fit:cover; border-radius:12px; display:block; }
.media--video { position:relative; overflow:hidden; width:100%; height:100%; border-radius:12px; }
.br-img { border-radius:12px; }