/* Additional styles extracted from HTML */

/* Cropped video style */
.cropped-video {
  /* Ensure video covers the width */
  width: 100%;
  height: auto;
  /* Crop the top 30% and bottom 15% by adjusting the position and fit */
  object-position: center 80%;
  /* Push video 30% up, then bring 15% back down */
  /* Ensure no overflow shows the hidden parts */
  overflow: hidden;
}

/* Hidden content styles for section toggles */
#hidden-content-1,
#hidden-content-2,
#hidden-content-3,
#hidden-content-4,
#hidden-content-5,
#hidden-content-6 {
  /* Use specific or shared class */
  transition: max-height 0.9s ease, opacity 0.9s ease, background-color 0.9s ease;
  /* Smooth transition for height, opacity, background */
}

.expanded {
  opacity: 1;
}

/* Section background transition */
[data-section] {
  transition: background-color 0.9s ease;
}

button {
  transition: transform 0.9s ease;
  /* Smooth rotation animation */
}