.portrait-story__background-image { min-height: 321px; }
.portrait-story__img-wrapper:before {content: "";background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 41.32%, rgba(0, 0, 0, 0.64) 88.99%);position: absolute;height: 100%;width: 100%;}
.portrait-story .row-gap-sm-2 { row-gap: var(--sm-2)}
.portrait-story__slide-video-iframe{aspect-ratio: 9/16;display: block;min-width: 1px; width: 100%;}
.portrait-story__swiper-slide{display: flex;flex-direction: column;}
.portrait-story__bg-overlay{display: block;position: fixed;top: 0;left: 0;height: 100vh;width: 100vw;z-index: 999;background-color: rgba(0, 0, 0, 0.60);}
.portrait-story__popup-swiper{position: relative;z-index: 1000;}
.portrait-story__slide-video,.portrait-story__swiper{max-width: 25rem;}
.portrait-story__popup .swiper-pagination{top: 0; position: relative;margin-top: 2.7rem; display: flex;}
.portrait-story__popup .icon-chevron-left{position: absolute;top: 50%;left: -1.2rem; transform: translateX(-100%);}
.portrait-story__popup .icon-chevron-right{position: absolute;top: 50%;left: calc(100% + 1.2rem);}
.portrait-story__popup .icon-close{z-index: 1001;position: fixed;right: 2rem;top: 2rem;}
.portrait-story__slide-content{background-color: var(--white);}

.portrait-story .swiper-pagination-clickable .swiper-pagination-bullet{ height: .3rem; width: 5.13rem; background-color: var(--white); opacity: .6; border-radius: 0;}
.portrait-story .swiper-pagination-clickable .swiper-pagination-bullet-active{opacity: 1;}

/* Only when Swiper is active — override Bootstrap's row */
.portrait-story .swiper-initialized .swiper-wrapper.row {flex-wrap: nowrap !important;}
.portrait-story .swiper-initialized .swiper-slide {flex-shrink: 0;width: auto;}

.portrait-story__tiles-swiper-wrapper {margin: 0; }
.portrait-story__tiles-swiper{ margin: 0 -12px; }
.portrait-story__tiles-navigation{margin-left: 12px;}

/* When Swiper is destroyed (desktop), restore Bootstrap normal flow */
.portrait-story__popup{position: fixed;z-index: 9999;height: 100vh;width: 100vw;top: 0;left: 0; align-items: center; justify-content: center; overflow: scroll;}
body.no-scroll{overflow: hidden;}
body.no-scroll .portrait-story__item{ pointer-events: none; }
.portrait-story__popup-wrapper{position: absolute;min-height: 100%;display: flex;align-items: center;justify-content: center;top: 0; padding: 3rem 0;}

.portrait-story__tiles-navigation{ opacity: 0; }


@media (min-width: 768px) {
  .portrait-story__tiles-swiper-wrapper {flex-wrap: wrap !important;}
  .portrait-story__tiles-swiper{ margin: 0 -16px; }
  .portrait-story__popup .icon-chevron-left{left: -13.9rem;}
  .portrait-story__popup .icon-chevron-right{left: calc(100% + 13.9rem);}
  .portrait-story__popup .icon-close{right: 4rem;top: 4rem;}
}

@media (min-width: 576px) {
 .portrait-story__slide-video,.portrait-story__swiper{max-width: 32.2rem}
}

.portrait-story__item-title{ word-break: break-word; }