.imageTo1-1 {
 width:100%;
 padding-bottom:100%;
 margin:1em auto;
 overflow:hidden;
 position:relative
}
.imageTo1-1 img{
 position:absolute;
 width:auto;
 min-width:100%;
 min-height:100%;
 object-fit:cover;
 vertical-align:middle;
 height:100%;
 left:0
} 


.imageTo16-9 {
  position: relative;
  padding-bottom: 56.2%;
  display: block;
}
.imageTo16-9 img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-position: center;    
}


.video-responsive{
 position:relative;
 padding-bottom:56.25%;
 /*padding-top:30px;*/
 height:0;
 overflow:hidden;
}

.video-responsive iframe, .video-responsive object, .video-responsive embed {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}

.video-background,
video {
  width: 100%;
  height: auto;
  object-fit: cover; /* Ensure video covers the entire container */
}

#videoHero {
  filter: blur(0px); /* Initial blur value */
  transition: filter 0.5s ease; /* Smooth transition */
}

.mirrored-text {
    font-family: 'Barlow Condensed', sans-serif; /* Sets the font */
    font-style: italic; /* Adds italic styling */
    font-weight: 700; /* Adds bold styling */
    -webkit-text-stroke: 0.4vw white; /* Stroke width and color */
    color: transparent; /* Makes the fill color transparent */
    font-weight: bold; /* Optional: if you want bold text */
    letter-spacing: -0.6vw;
    font-size: 25vw;
    display: inline-block; /* Necessary for transform */
}

.bv-text {
    font-family: 'Barlow Condensed', sans-serif; /* Sets the font */
    font-weight: 700; /* Adds bold styling */
    letter-spacing: -0.1vw;
}

.bv-marker {
    color: #ea008a !important;
}

.brandmarker {
    font-family: 'Barlow Condensed', sans-serif; /* Sets the font */
    font-style: italic; /* Adds italic styling */
    font-weight: 700; /* Adds bold styling */
    font-size: 3vw;
    text-align: left;
}

.skew {
  transform: skewY(-4.5deg); /* Skews the text by 35 degrees */
}

#wordrotator {
    overflow: hidden;
    height: 50px; /* Adjust based on your font size */
    overflow: hidden;
    line-height: 50px; /* Should match the height if you want to prevent line breaks */
}

.followMouse {
    transform-style: preserve-3d;
    transition: transform 0.1s; /* Smooth movement */
}

.glowing-text {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.7), 
                 0 0 20px rgba(255, 255, 255, 0.5), 
                 0 0 30px rgba(255, 255, 255, 0.3), 
                 0 0 40px rgba(255, 255, 255, 0.2), 
                 0 0 50px rgba(255, 255, 255, 0.1);
}