.block-histoire-scroll {
  position: relative;
  min-height: calc(min(42.0833vw, 606px) + var(--history-scroll-vh, 0vh));
}
.block-histoire-scroll.is-flow-layout {
  min-height: 0;
}

div.block-histoire {
  --history-card-top: min(10.625vw, 153px);
  --history-image-height: min(35.2778vw, 508px);
  position: sticky;
  top: 110px;
  isolation: isolate;
  width: min(91.111vw, 1312px);
  max-width: none;
  height: min(42.0833vw, 606px);
  margin-right: 0;
  margin-left: calc((100% - min(91.111vw, 1312px)) / 2);
}
div.block-histoire .years {
  position: absolute;
  top: min(1.0069vw, 14.5px);
  left: 0;
  z-index: 4;
  width: 25%;
  height: calc(100% - min(1.0069vw, 14.5px));
  overflow: hidden;
  pointer-events: none;
}
div.block-histoire .years .years-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(1.3889vw, 20px);
  width: 100%;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
div.block-histoire .years .year {
  flex: 0 0 auto;
  width: auto;
  height: min(1.875vw, 27px);
  color: var(--wp--preset--color--secondary, #25303b);
  font-size: min(1.25vw, 18px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  white-space: nowrap;
  transition: height 0.55s cubic-bezier(0.22, 1, 0.36, 1), color 0.35s ease, font-size 0.55s cubic-bezier(0.22, 1, 0.36, 1), font-weight 0.35s ease, letter-spacing 0.55s cubic-bezier(0.22, 1, 0.36, 1), line-height 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
div.block-histoire .years .year.active {
  height: min(8.4236vw, 121.3px);
  color: var(--wp--preset--color--primary, #0099d5);
  font-size: min(7.0192vw, 101.077px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: max(-2.0215px, -0.1404vw);
}
div.block-histoire .informations {
  position: absolute;
  inset: 0;
  z-index: 1;
}
div.block-histoire .information {
  position: absolute;
  inset: 0;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
div.block-histoire .information.active {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
div.block-histoire .information.is-transitioning-in {
  z-index: 2;
  visibility: visible;
  opacity: 1;
  pointer-events: none;
}
div.block-histoire .information.is-transitioning-in .text {
  opacity: 0;
}
div.block-histoire .information-year {
  display: none;
}
div.block-histoire .slides.swiper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: var(--history-image-height);
  overflow: hidden;
}
div.block-histoire .slides.swiper > .swiper-wrapper {
  height: 100%;
}
div.block-histoire .slide.swiper-slide {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
div.block-histoire .slide.swiper-slide .text {
  position: absolute;
  top: var(--history-card-top);
  left: 5.793%;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 43.598%;
  min-height: min(10.4167vw, 150px);
  max-height: calc(var(--history-image-height) - var(--history-card-top));
  padding: min(2.2222vw, 32px);
  overflow: auto;
  box-sizing: border-box;
  color: var(--wp--preset--color--secondary, #25303b);
  font-size: clamp(13px, 1.1111vw, 16px);
  font-weight: 400;
  line-height: 1.5;
  background: var(--wp--preset--color--white, #fff);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: min(0.5556vw, 8px) min(0.5556vw, 8px) min(2.7778vw, 40px);
  transition: top 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  scrollbar-width: thin;
}
div.block-histoire .slide.swiper-slide .text > div {
  width: 100%;
}
div.block-histoire .slide.swiper-slide .text p:first-child,
div.block-histoire .slide.swiper-slide .text ul:first-child {
  margin-top: 0;
}
div.block-histoire .slide.swiper-slide .text p:last-child,
div.block-histoire .slide.swiper-slide .text ul:last-child {
  margin-bottom: 0;
}
div.block-histoire .slide.swiper-slide .image {
  position: absolute;
  top: 0;
  right: 0;
  width: 40.701%;
  height: var(--history-image-height);
  overflow: hidden;
  background: var(--wp--preset--color--secondary, #25303b);
  border-radius: min(0.5556vw, 8px) min(3.4722vw, 50px) min(3.4722vw, 50px);
}
div.block-histoire .slide.swiper-slide .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.block-histoire .controls {
  position: absolute;
  bottom: 18px;
  left: 5.793%;
  z-index: 4;
  display: flex;
  gap: 10px;
  width: 43.598%;
}
div.block-histoire .controls .prev,
div.block-histoire .controls .next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  cursor: pointer;
  background: #fff;
  border: 1px solid rgba(37, 48, 59, 0.15);
  border-radius: 50%;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}
div.block-histoire .controls .prev svg,
div.block-histoire .controls .next svg {
  width: 20px;
  height: auto;
}
div.block-histoire .controls .prev.swiper-button-disabled,
div.block-histoire .controls .next.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
div.block-histoire .controls .prev.swiper-button-lock,
div.block-histoire .controls .next.swiper-button-lock {
  display: none;
}
div.block-histoire .controls .prev {
  transform: rotate(180deg);
}
div.block-histoire .slides.swiper:has(.swiper-slide:only-child) .controls,
div.block-histoire .slides.swiper:has(.swiper-button-lock) .controls {
  display: none;
}
div.block-histoire .image.is-fading-out {
  animation: histoire-image-fade-out 0.42s ease both;
}
div.block-histoire .image.is-fading-in {
  animation: histoire-image-fade-in 0.42s ease both;
}
div.block-histoire .text.is-leaving-forward {
  animation: histoire-text-leave-forward 0.22s ease-in both;
}
div.block-histoire .text.is-leaving-backward {
  animation: histoire-text-leave-backward 0.22s ease-in both;
}
div.block-histoire .text.is-entering-forward {
  animation: histoire-text-enter-forward 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}
div.block-histoire .text.is-entering-backward {
  animation: histoire-text-enter-backward 0.34s cubic-bezier(0.22, 1, 0.36, 1) both;
}
div.block-histoire.is-reduced-motion {
  position: relative;
  top: auto;
  width: 100%;
  height: auto;
  margin-inline: 0;
  transform: none;
  background: transparent;
}
div.block-histoire.is-reduced-motion .years {
  display: none;
}
div.block-histoire.is-reduced-motion .informations {
  position: static;
}
div.block-histoire.is-reduced-motion .information,
div.block-histoire.is-reduced-motion .information.active {
  position: relative;
  inset: auto;
  z-index: auto;
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  margin-bottom: 64px;
}
div.block-histoire.is-reduced-motion .information:last-of-type {
  margin-bottom: 0;
}
div.block-histoire.is-reduced-motion .information-year {
  display: block;
  margin: 0 0 20px;
  color: var(--wp--preset--color--primary, #0099d5);
  font-size: clamp(56px, 17vw, 82px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.02em;
}
div.block-histoire.is-reduced-motion .slides.swiper {
  position: relative;
  inset: auto;
  height: auto;
  overflow: hidden;
}
div.block-histoire.is-reduced-motion .slides.swiper > .swiper-wrapper {
  height: auto;
  align-items: stretch;
}
div.block-histoire.is-reduced-motion .slide.swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}
div.block-histoire.is-reduced-motion .slide.swiper-slide .image {
  position: relative;
  inset: auto;
  order: 1;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  border-radius: 8px 40px 40px;
}
div.block-histoire.is-reduced-motion .slide.swiper-slide .text {
  position: relative;
  inset: auto;
  order: 2;
  width: 100%;
  min-height: 0;
  max-height: none;
  margin-top: 20px;
  padding: 24px;
  font-size: 16px;
  border-radius: 8px 8px 32px;
  overflow: visible;
  transform: none !important;
  opacity: 1 !important;
}
div.block-histoire.is-reduced-motion .controls {
  position: static;
  width: 100%;
  margin-top: 16px;
  justify-content: center;
}

@keyframes histoire-image-fade-out {
  to {
    opacity: 0;
  }
}
@keyframes histoire-image-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes histoire-text-leave-forward {
  to {
    opacity: 0;
    transform: translateY(-12px);
  }
}
@keyframes histoire-text-leave-backward {
  to {
    opacity: 0;
    transform: translateY(12px);
  }
}
@keyframes histoire-text-enter-forward {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
}
@keyframes histoire-text-enter-backward {
  from {
    opacity: 0;
    transform: translateY(-14px);
  }
}
@media (max-width: 1023px) {
  .block-histoire-scroll {
    min-height: 0;
  }
  div.block-histoire {
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    margin-inline: 0;
    transform: none;
    background: transparent;
  }
  div.block-histoire .years {
    display: none;
  }
  div.block-histoire .informations {
    position: static;
  }
  div.block-histoire .information,
  div.block-histoire .information.active {
    position: relative;
    inset: auto;
    z-index: auto;
    display: block;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    margin-bottom: 64px;
  }
  div.block-histoire .information:last-of-type {
    margin-bottom: 0;
  }
  div.block-histoire .information-year {
    display: block;
    margin: 0 0 20px;
    color: var(--wp--preset--color--primary, #0099d5);
    font-size: clamp(56px, 17vw, 82px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -0.02em;
  }
  div.block-histoire .slides.swiper {
    position: relative;
    inset: auto;
    height: auto;
    overflow: hidden;
  }
  div.block-histoire .slides.swiper > .swiper-wrapper {
    height: auto;
    align-items: stretch;
  }
  div.block-histoire .slide.swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  div.block-histoire .slide.swiper-slide .image {
    position: relative;
    inset: auto;
    order: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    border-radius: 8px 40px 40px;
  }
  div.block-histoire .slide.swiper-slide .text {
    position: relative;
    inset: auto;
    order: 2;
    width: 100%;
    min-height: 0;
    max-height: none;
    margin-top: 20px;
    padding: 24px;
    font-size: 16px;
    border-radius: 8px 8px 32px;
    overflow: visible;
    transform: none !important;
    opacity: 1 !important;
  }
  div.block-histoire .controls {
    position: static;
    width: 100%;
    margin-top: 16px;
    justify-content: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  div.block-histoire,
  div.block-histoire * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}