/*.header {*/
/*  position: relative;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  gap: 32px;*/
/*  padding: 40px;*/
/*}*/

/* ── Circle video container ── */
.header__video {
  position: relative;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  overflow: hidden;
  /* glowing ring */
  /*box-shadow:*/
  /*  0 0 0 4px rgba(255, 255, 255, 0.15),*/
  /*  0 0 40px 8px rgba(255, 80, 80, 0.35),*/
  /*  0 0 80px 20px rgba(255, 80, 80, 0.15);*/
}

.header__background {
  position: absolute;
  top: 50%;
  left: 50%;
  /* oversized so the iframe fills the circle even on landscape video */
  width: 180%;
  height: 180%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.header__video-overlay {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              visibility 0.6s linear;
  z-index: 2;
}

.header__video-overlay--fadeOut {
  opacity: 0;
  visibility: hidden;
}

.header iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
    .header__video {
        position: relative;
        width: 350px;
        height: 350px;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
    }
}