/** Shopify CDN: Minification failed

Line 67:10 Unexpected "{"
Line 67:19 Expected ":"
Line 68:14 Expected identifier but found whitespace
Line 68:16 Unexpected "{"
Line 68:25 Expected ":"
Line 68:51 Expected ":"
Line 69:17 Expected identifier but found whitespace
Line 69:19 Unexpected "{"
Line 69:28 Expected ":"
Line 69:57 Expected ":"

**/
.video-section__media {
  --ratio-percent: 56.25%;
  position: relative;
  padding-bottom: calc(var(--ratio-percent) - var(--media-border-width));
}

/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */
.scroll-trigger:where(.gradient.video-section__media) {
  background: transparent;
}

.video-section__media.global-media-settings--full-width {
  padding-bottom: var(--ratio-percent);
}

.video-section__media.deferred-media {
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius)
    rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.video-section__media.deferred-media:after {
  content: none;
}

.video-section__poster.deferred-media__poster:focus {
  outline-offset: 0.3rem;
}

.video-section__media iframe {
  background-color: rgba(var(--color-foreground), 0.03);
  border: 0;
}

.video-section__poster,
.video-section__media iframe,
.video-section__media video {
  position: absolute;
  width: 100%;
  height: 100%;
}

.video-section__media video {
  background: #000000;
}

.video-section__media.media-fit-cover video {
  object-fit: cover;
}
.video-section {
  text-align: center;
}

.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;
}

.video-section__header {
  margin-bottom: 2.4rem;
}

.video-section__title {
  font-size: clamp(2rem, 4vw, 3.2rem);
  margin-bottom: 0.8rem;
}

.video-section__subtitle {
  font-size: 1.6rem;
  color: rgba(var(--color-foreground), 0.7);
}

.video-section__wrapper {
  position: relative;
  width: 100%;
  border-radius: var(--media-radius, 8px);
  overflow: hidden;
}

/* Vidéo uploadée */
.video-section__player {
  width: 100%;
  display: block;
  border-radius: var(--media-radius, 8px);
}

/* Embed YouTube / Vimeo */
.video-section__embed {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* ratio 16:9 */
  height: 0;
  overflow: hidden;
  border-radius: var(--media-radius, 8px);
}

.video-section__embed iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border-radius: var(--media-radius, 8px);
}

/* Cover image + bouton play */
.video-section__cover {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  cursor: pointer;
}

.video-section__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-section__play-btn {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.video-section__play-btn:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.video-section__description {
  margin-top: 2rem;
  font-size: 1.5rem;
  color: rgba(var(--color-foreground), 0.75);
  max-width: 60rem;
  margin-inline: auto;
}