.elementor-6966 .elementor-element.elementor-element-fccee87{--display:flex;--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-6966 .elementor-element.elementor-element-fccee87:not(.elementor-motion-effects-element-type-background), .elementor-6966 .elementor-element.elementor-element-fccee87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-fccee87::before, .elementor-6966 .elementor-element.elementor-element-fccee87 > .elementor-background-video-container::before, .elementor-6966 .elementor-element.elementor-element-fccee87 > .e-con-inner > .elementor-background-video-container::before, .elementor-6966 .elementor-element.elementor-element-fccee87 > .elementor-background-slideshow::before, .elementor-6966 .elementor-element.elementor-element-fccee87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6966 .elementor-element.elementor-element-fccee87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://theworldofsumba.com/wp-content/uploads/2025/05/DJI_20250407081242_0117_D-scaled.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6966 .elementor-element.elementor-element-f1f3364{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-6966 .elementor-element.elementor-element-f1f3364::before, .elementor-6966 .elementor-element.elementor-element-f1f3364 > .elementor-background-video-container::before, .elementor-6966 .elementor-element.elementor-element-f1f3364 > .e-con-inner > .elementor-background-video-container::before, .elementor-6966 .elementor-element.elementor-element-f1f3364 > .elementor-background-slideshow::before, .elementor-6966 .elementor-element.elementor-element-f1f3364 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6966 .elementor-element.elementor-element-f1f3364 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6966 .elementor-element.elementor-element-37fd166{--spacer-size:220px;}.elementor-6966 .elementor-element.elementor-element-395c26f > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-6966 .elementor-element.elementor-element-395c26f{text-align:left;}.elementor-6966 .elementor-element.elementor-element-395c26f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:400;line-height:1.3em;letter-spacing:1px;color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-6296d00 > .elementor-widget-container{margin:-20px 0px 10px 0px;}.elementor-6966 .elementor-element.elementor-element-6296d00{text-align:justify;font-family:"Cormorant", Sans-serif;font-size:40px;font-weight:600;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-f3f261b{--display:flex;}.elementor-6966 .elementor-element.elementor-element-7cd3dfc{width:var( --container-widget-width, 100.105% );max-width:100.105%;--container-widget-width:100.105%;--container-widget-flex-grow:0;text-align:justify;font-family:"Lato", Sans-serif;font-size:24px;font-weight:400;line-height:40px;color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-7cd3dfc > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-7cd3dfc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6966 .elementor-element.elementor-element-fd69478{width:var( --container-widget-width, 100.105% );max-width:100.105%;--container-widget-width:100.105%;--container-widget-flex-grow:0;text-align:justify;font-family:"Lato", Sans-serif;font-size:24px;font-weight:400;line-height:40px;color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-fd69478 > .elementor-widget-container{margin:-20px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-fd69478.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6966 .elementor-element.elementor-element-ca599d2{width:var( --container-widget-width, 100.105% );max-width:100.105%;--container-widget-width:100.105%;--container-widget-flex-grow:0;text-align:justify;font-family:"Lato", Sans-serif;font-size:24px;font-weight:400;line-height:40px;color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-ca599d2 > .elementor-widget-container{margin:-20px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-ca599d2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6966 .elementor-element.elementor-element-f677db4{--display:flex;}.elementor-6966 .elementor-element.elementor-element-ce0eff0{width:var( --container-widget-width, 100.105% );max-width:100.105%;--container-widget-width:100.105%;--container-widget-flex-grow:0;text-align:justify;font-family:"Lato", Sans-serif;font-size:24px;font-weight:400;line-height:40px;color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-ce0eff0 > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-ce0eff0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6966 .elementor-element.elementor-element-80d2b71{--display:flex;--margin-top:0px;--margin-bottom:030px;--margin-left:0px;--margin-right:0px;}.elementor-6966 .elementor-element.elementor-element-ecd524d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-ecd524d{text-align:justify;font-family:"Cormorant", Sans-serif;font-size:28px;font-weight:600;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-31b688a{width:var( --container-widget-width, 100.105% );max-width:100.105%;--container-widget-width:100.105%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-6966 .elementor-element.elementor-element-31b688a > .elementor-widget-container{margin:-20px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-31b688a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6966 .elementor-element.elementor-element-31b688a .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-6966 .elementor-element.elementor-element-31b688a .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-6966 .elementor-element.elementor-element-31b688a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6966 .elementor-element.elementor-element-31b688a .elementor-icon-list-item > a{font-family:"Lato", Sans-serif;font-size:24px;font-weight:400;line-height:20px;word-spacing:0px;}.elementor-6966 .elementor-element.elementor-element-31b688a .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-6966 .elementor-element.elementor-element-03e6238{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6966 .elementor-element.elementor-element-987de91{width:var( --container-widget-width, 200.909% );max-width:200.909%;--container-widget-width:200.909%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-6966 .elementor-element.elementor-element-987de91 > .elementor-widget-container{background-color:#B83E3E00;margin:20px 0px 20px 0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-6966 .elementor-element.elementor-element-987de91.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6966 .elementor-element.elementor-element-987de91:hover .elementor-widget-container{border-style:none;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group{margin-bottom:10px;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-form-fields-wrapper{margin-bottom:-10px;}body.rtl .elementor-6966 .elementor-element.elementor-element-987de91 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-6966 .elementor-element.elementor-element-987de91 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-6966 .elementor-element.elementor-element-987de91 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group > label, .elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group > label{font-family:"Lato", Sans-serif;font-size:20px;font-weight:400;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-type-html{padding-bottom:0px;color:#FFFFFF;font-family:"Lato", Sans-serif;font-weight:400;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group .elementor-field, .elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-subgroup label{font-family:"Lato", Sans-serif;font-size:20px;font-weight:500;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-button{font-family:"Lato", Sans-serif;font-size:20px;font-weight:500;letter-spacing:0px;border-radius:25px 25px 25px 25px;padding:10px 24px 8px 24px;}.elementor-6966 .elementor-element.elementor-element-987de91 .e-form__buttons__wrapper__button-next{background-color:#C8A97E;color:#2C2A2A;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-button[type="submit"]{background-color:#C8A97E;color:#2C2A2A;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-button[type="submit"] svg *{fill:#2C2A2A;}.elementor-6966 .elementor-element.elementor-element-987de91 .e-form__buttons__wrapper__button-previous{background-color:#C8A97E;color:#ffffff;}.elementor-6966 .elementor-element.elementor-element-987de91 .e-form__buttons__wrapper__button-next:hover{background-color:#C8A97EB8;color:#ffffff;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-button[type="submit"]:hover{background-color:#C8A97EB8;color:#ffffff;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6966 .elementor-element.elementor-element-987de91 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6966 .elementor-element.elementor-element-987de91 .elementor-message{font-family:"Lato", Sans-serif;font-size:20px;font-weight:400;}.elementor-6966 .elementor-element.elementor-element-3997de1{--display:flex;}.elementor-6966 .elementor-element.elementor-element-e90fe66{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;color:#FFFFFF;}.elementor-6966 .elementor-element.elementor-element-e90fe66 > .elementor-widget-container{margin:-32px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-e90fe66.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-6966 .elementor-element.elementor-element-fccee87{--content-width:1282px;}}@media(max-width:1024px){.elementor-6966 .elementor-element.elementor-element-fccee87{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-6966 .elementor-element.elementor-element-37fd166{--spacer-size:84px;}}@media(max-width:767px){.elementor-6966 .elementor-element.elementor-element-37fd166{--spacer-size:44px;}.elementor-6966 .elementor-element.elementor-element-395c26f{text-align:left;}.elementor-6966 .elementor-element.elementor-element-395c26f .elementor-heading-title{font-size:29px;line-height:1.2em;}.elementor-6966 .elementor-element.elementor-element-6296d00 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-6296d00{text-align:left;font-size:34px;line-height:0.8em;letter-spacing:-2px;}.elementor-6966 .elementor-element.elementor-element-7cd3dfc > .elementor-widget-container{margin:-10px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-7cd3dfc{text-align:left;font-size:20px;line-height:20px;letter-spacing:-0.6px;word-spacing:0em;}.elementor-6966 .elementor-element.elementor-element-7cd3dfc p{margin-bottom:20px;}.elementor-6966 .elementor-element.elementor-element-fd69478 > .elementor-widget-container{margin:-10px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-fd69478{text-align:left;font-size:20px;line-height:20px;letter-spacing:-0.6px;word-spacing:0em;}.elementor-6966 .elementor-element.elementor-element-fd69478 p{margin-bottom:20px;}.elementor-6966 .elementor-element.elementor-element-ca599d2 > .elementor-widget-container{margin:-10px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-ca599d2{text-align:left;font-size:20px;line-height:20px;letter-spacing:-0.6px;word-spacing:0em;}.elementor-6966 .elementor-element.elementor-element-ca599d2 p{margin-bottom:20px;}.elementor-6966 .elementor-element.elementor-element-ce0eff0 > .elementor-widget-container{margin:-10px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-ce0eff0{text-align:left;font-size:20px;line-height:20px;letter-spacing:-0.6px;word-spacing:0em;}.elementor-6966 .elementor-element.elementor-element-ce0eff0 p{margin-bottom:20px;}.elementor-6966 .elementor-element.elementor-element-ecd524d > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-ecd524d{text-align:left;font-size:34px;line-height:0.8em;letter-spacing:-2px;}.elementor-6966 .elementor-element.elementor-element-ecd524d p{margin-bottom:20px;}.elementor-6966 .elementor-element.elementor-element-31b688a > .elementor-widget-container{margin:-10px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-31b688a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6966 .elementor-element.elementor-element-31b688a .elementor-icon-list-item > a{font-size:20px;}.elementor-6966 .elementor-element.elementor-element-e90fe66 > .elementor-widget-container{margin:-10px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-6966 .elementor-element.elementor-element-e90fe66{text-align:justify;font-size:20px;line-height:17px;letter-spacing:0.3px;}.elementor-6966 .elementor-element.elementor-element-e90fe66 p{margin-bottom:15px;}}/* Start custom CSS for container, class: .elementor-element-fccee87 */<style>
  /* ===== HERO VIDEO UNIVERSAL (DESKTOP + MOBILE) ===== */
  .hero-universal {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000;
  }

  /* Desktop */
  @media (min-width: 768px) {
    .hero-universal {
      aspect-ratio: 16/9;
      border-radius: 12px;
    }
  }

  .hero-universal video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 50% 50%;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }

  /* ===== MOBILE (tous téléphones) ===== */
  @media (max-width: 767px) {
    .hero-universal {
      aspect-ratio: auto;
      height: 78vh;        /* hauteur stable */
      border-radius: 0;
    }

    .hero-universal video {
      object-position: 50% 42%;
    }
  }

  /* iOS Safari – viewport stable */
  @supports (height: 100svh) {
    @media (max-width: 767px) {
      .hero-universal { height: 78svh; }
    }
  }

  /* Fallback si autoplay bloqué */
  .hero-fallback {
    position: absolute;
    inset: 0;
    display: none;
    place-items: center;
    background: rgba(0,0,0,.25);
    backdrop-filter: saturate(120%) blur(1px);
    cursor: pointer;
  }

  .hero-fallback .btn {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-size: 16px;
    padding: .7rem 1rem;
    border-radius: 999px;
    background: #fff;
  }

  .hero-fallback svg {
    width: 18px;
    height: 18px;
  }
</style>

<div class="hero-universal" id="heroUniversal">
  <video
    id="heroUniversalVideo"
    autoplay
    muted
    loop
    playsinline
    preload="metadata"
  >
    <source src="https://theworldofsumba.com/wp-content/uploads/2026/01/Sequence-03.mp4" type="video/mp4">
  </video>

  <div class="hero-fallback" id="heroUniversalFallback">
    <div class="btn">
      <svg viewBox="0 0 24 24" fill="currentColor">
        <path d="M8 5v14l11-7z"/>
      </svg>
      Lancer la vidéo
    </div>
  </div>
</div>

<script>
(function(){
  const video = document.getElementById('heroUniversalVideo');
  const fallback = document.getElementById('heroUniversalFallback');

  function tryPlay(){
    const p = video.play();
    if (p && p.catch) {
      p.catch(() => fallback.style.display = 'grid');
    }
  }

  fallback.addEventListener('click', () => {
    video.muted = true;
    video.play().then(() => fallback.style.display = 'none');
  });

  video.addEventListener('playing', () => {
    fallback.style.display = 'none';
  });

  // Smart crop universel mobile
  function smartCrop(){
    if (window.innerWidth >= 768) {
      video.style.objectPosition = '50% 50%';
      return;
    }

    const ratio = window.innerHeight / window.innerWidth;

    let y = 45;
    if (ratio > 2.1) y = 38;      // mobiles très hauts
    else if (ratio > 1.9) y = 42;
    else if (ratio > 1.7) y = 48;
    else y = 55;

    video.style.objectPosition = 50% ${y}%;
  }

  window.addEventListener('load', () => {
    tryPlay();
    smartCrop();
  });

  window.addEventListener('resize', smartCrop);
  window.addEventListener('orientationchange', smartCrop);
})();
</script>/* End custom CSS */