/*
@unocss;
*/

/* @font-face {
  font-family: "brandon-grotesque";
  src: url("i/font/BrandonGrotesque-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "brandon-grotesque";
  src: url("i/font/BrandonGrotesque-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "brandon-grotesque";
  src: url("i/font/BrandonGrotesque-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "brandon-grotesque";
  src: url("i/font/BrandonGrotesque-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
} */
@font-face {
  font-family: "Switzer";
  src: url("i/font/Switzer-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/font/Switzer-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/font/Switzer-Italic.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Switzer";
  src: url("i/font/Switzer-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/font/Switzer-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/font/Switzer-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/font/Switzer-Extrabold.woff2") format("woff2");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/font/Switzer-Black.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/font/Switzer-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Pasteur";
  src: url("i/font/Pasteur-script-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

html {
  font-size: 62.5%;
}
html,
body {margin:0;padding:0;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  /* min-width: 0; */
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

@media all {
  html {
    font-size: calc(1000vw / 1920);
  }
}

@media all and (min-aspect-ratio: 1920/1080) and (orientation: landscape) {
  html {
    font-size: calc(1000vh / 1080);
  }
}

@media all and (max-width: 767px) and (orientation: portrait) {
  /*767px*/
  html {
    font-size: calc(1000vw / 767); /*767*/
  }
}

/* @media all and (max-width: 767px) and (max-aspect-ratio: 767/1662) and (orientation: portrait) {
  html {
    font-size: calc(1000vw / 767);
  }
}

@media all and (max-width: 767px) and (min-aspect-ratio: 767/1662) and (orientation: portrait) {
  html {
    font-size: calc(1000vh / 1800); 
  }
} */

/* @media all and (max-width: 767px) and (orientation: portrait) {
  html.is_ios {
    font-size: calc(1000vw / 900);
  }
} */

/* responsive images/videos */
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}

/* Improved heading in supported browsers */
h1,
h2,
h3,
h4,
h5,
h6 {
  /* text-wrap: balance; */
}

/* improve readability with max-width on paragraphs and lists */
/* prevent orphans in supported browsers */
p {
  max-width: var(--p-max-width, 65ch);
  text-wrap: pretty;
}

.decoration-clone,
mark {
  -webkit-box-decoration-break: clone;
}

[x-cloak] {
  display: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.mobile-only {display:none;
}
@media (max-width: 767.9px){.mobile-only{display:block;}}
.desktop-only {display:block;
}
@media (max-width: 767.9px){.desktop-only{display:none;}}

sup {
  font-size: 65%;
}

.wrap {position:relative;margin-left:auto;margin-right:auto;max-width:164rem;
}

@media (max-width: 767.9px){.wrap{max-width:65.4rem;}}

.cta {pointer-events:auto;height:6.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:1.5rem;padding-left:3.6rem;padding-right:3.6rem;font-size:2.4rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:500;text-decoration:none;
}

@media (max-width: 767.9px){.cta{font-size:3rem;}}

section {position:relative;
}

i {
  font-style: italic;
}
b {
  font-weight: bold;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

.cta-shadow-hover {
  transition:
    box-shadow 600ms cubic-bezier(0.33, 0.11, 0.02, 0.99),
    transform 600ms cubic-bezier(0.33, 0.11, 0.02, 0.99);
}

.cta-shadow-hover:hover {
    box-shadow:
      0 4px 4px rgba(0, 0, 0, 0.1),
      0 1px 6px rgba(0, 0, 0, 0.05),
      0 8px 8px rgba(0, 0, 0, 0.1),
      0 16px 16px rgba(0, 0, 0, 0.1),
      8px 32px 32px rgba(0, 0, 0, 0.15),
      8px 64px 64px rgba(0, 0, 0, 0.15);

    transform: scale(1.05) translateY(-0.5rem);
  }

.cta-shadow-hover:active {
    box-shadow:
      0 4px 4px rgba(0, 0, 0, 0.1),
      0 1px 6px rgba(0, 0, 0, 0.05),
      0 8px 8px rgba(0, 0, 0, 0.1),
      0 16px 16px rgba(0, 0, 0, 0.1),
      8px 16px 16px rgba(0, 0, 0, 0.15),
      8px 32px 32px rgba(0, 0, 0, 0.15);
  }

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-1.5rem);
  }
  60% {
    transform: translateY(-0.5rem);
  }
}
.bounce {
  animation: bounce 2s infinite;
}

.growHover {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.growHover:hover {
  scale: 1.05;
}

.growHoverFleche {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 250ms;
}

.growHoverFleche:hover {
  scale: 1.2;
}

.donActive {--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(222 99 68 / var(--un-text-opacity));
}

.temOpen {width:75.4rem;
}

@media (max-width: 767.9px){.temOpen{width:58.7rem;}}
.swiperTem2active .temOpen {
}
@media (max-width: 767.9px){.swiperTem2active .temOpen{width:70rem;}}
.swiperTem2active {pointer-events:auto;opacity:1;
}

.temActiveSlide {z-index:100;margin-left:auto;margin-right:auto;width:75.4rem;
}

@media (max-width: 767.9px){.temActiveSlide{width:58.7rem;}}

@media (max-width: 767.9px) {
  .fixed_don {
    box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.1);
  }
}