#slider-wrapper {
  position: relative;
  width: 100%;
  height: clamp(320px, 56.25vw, 600px);
  background: #000;
  overflow: hidden;
}

@supports (aspect-ratio: 16 / 9) {
  #slider-wrapper {
    height: auto;
    aspect-ratio: 16 / 9;
    min-height: 320px;
    max-height: 600px;
  }
}

#slider-media-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#slider-media-container img,
#slider-media-container video,
#slider-media-container iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  cursor: pointer;
  width: 80px;
  height: 80px;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

#play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

@media (max-width: 480px) {
  
  #slider-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 443px;
    overflow: hidden;
    background: #000;
    aspect-ratio: unset !important;
    
    display: flex !important; 
    flex-direction: column; 
  }

  #slider-media-container {
    position: relative;
    width: 100%;
    
    flex: 1 1 auto !important; 
    height: auto !important; 
    
    aspect-ratio: unset !important;
  }

  #slider-media-container img,
  #slider-media-container video {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
  }

  #slider-media-container iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    
    width: 100% !important;
    height: auto !important; 
    aspect-ratio: 16/9 !important;
    
    margin: auto !important;
    
    transform: none !important;
    background: #000;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #slider-media-container video {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

#scrollable-text .rt-block p { margin: 0; }
#scrollable-text .rt-block * {
  font-weight: inherit; letter-spacing: inherit; text-transform: inherit;
  line-height: inherit; mix-blend-mode: normal !important; text-shadow: none !important;
}
#scrollable-text, #scrollable-text p { color: #fff; }
#scrollable-text .scroll-reveal-char { color: currentColor; transition: opacity 120ms linear; }