.elementor-kit-5{--e-global-color-primary:#1F3325;--e-global-color-secondary:#CDEBC9;--e-global-color-text:#3A1822;--e-global-color-accent:#F1DADB;--e-global-color-a9e53cc:#F7F4ED;--e-global-color-8cfdb74:#14171C;--e-global-color-3658e00:#14171C99;--e-global-color-22a0e12:#344939;--e-global-color-67f93d5:#FFFFFF;--e-global-color-51f2b33:#14171CCC;--e-global-color-d8a54f2:#F2EDE2;--e-global-color-c2035a5:#FBFAF6;--e-global-typography-primary-font-family:"Host Grotesk";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:74px;--e-global-typography-secondary-font-family:"Host Grotesk";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:44px;--e-global-typography-text-font-family:"Host Grotesk";--e-global-typography-text-font-size:32px;--e-global-typography-text-font-weight:700;--e-global-typography-text-line-height:35px;--e-global-typography-accent-font-family:"Host Grotesk";--e-global-typography-accent-font-size:28px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:31px;--e-global-typography-ba2e9c2-font-family:"Onest";--e-global-typography-ba2e9c2-font-size:18px;--e-global-typography-ba2e9c2-line-height:28px;--e-global-typography-3462349-font-family:"Onest";--e-global-typography-3462349-font-size:16px;--e-global-typography-3462349-line-height:24px;--e-global-typography-49fa761-font-family:"Host Grotesk";--e-global-typography-49fa761-font-size:22px;--e-global-typography-49fa761-font-weight:700;--e-global-typography-49fa761-line-height:20px;--e-global-typography-4d8dd30-font-family:"Host Grotesk";--e-global-typography-4d8dd30-font-size:18px;--e-global-typography-4d8dd30-font-weight:700;--e-global-typography-4d8dd30-line-height:20px;background-color:var( --e-global-color-c2035a5 );color:var( --e-global-color-8cfdb74 );font-family:"Onest", Sans-serif;font-size:18px;line-height:28px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Host Grotesk", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );border-radius:100px 100px 100px 100px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-22a0e12 );color:var( --e-global-color-secondary );border-style:none;border-radius:100px 100px 100px 100px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:0px;}.elementor-kit-5 h1{color:var( --e-global-color-8cfdb74 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{color:var( --e-global-color-8cfdb74 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{color:var( --e-global-color-8cfdb74 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h4{color:var( --e-global-color-8cfdb74 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 img{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:100px;--container-default-padding-right:0px;--container-default-padding-bottom:100px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-primary-font-size:36px;--e-global-typography-primary-line-height:44px;--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-line-height:35px;--e-global-typography-text-font-size:26px;--e-global-typography-text-line-height:29px;--e-global-typography-accent-font-size:22px;--e-global-typography-accent-line-height:24px;--e-global-typography-ba2e9c2-font-size:17px;--e-global-typography-ba2e9c2-line-height:19px;--e-global-typography-3462349-font-size:15px;--e-global-typography-3462349-line-height:16px;--e-global-typography-49fa761-font-size:19px;--e-global-typography-49fa761-line-height:21px;--e-global-typography-4d8dd30-font-size:18px;--e-global-typography-4d8dd30-line-height:20px;font-size:17px;}.elementor-kit-5 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-5 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-5 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-5 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:16px;}.elementor-kit-5 img{border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:50px;--container-default-padding-right:20px;--container-default-padding-bottom:50px;--container-default-padding-left:20px;}}/* Start custom CSS *//* ===== PIN ===== */
.pin-wrap {
  height: 250vh;
  position: relative;
  view-timeline-name: --pin;
  view-timeline-axis: block;
}

.pin-wrap > .e-con-inner {
  height: 100%;
  max-width: none;
  padding: 0;
  display: block;
}

.pin-inner {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pin-wrap,
.pin-wrap > .e-con-inner,
.pin-inner,
.pin-inner .e-grid { overflow: visible !important; }

/* ===== CARTES ===== */
.pin-inner .item-1,
.pin-inner .item-2,
.pin-inner .item-3,
.pin-inner .item-4 {
  animation-timeline: --pin;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-duration: 1ms;
  will-change: transform;
}

.pin-inner .item-1 { animation-name: card-1; animation-range: cover 5%  cover 50%; }
.pin-inner .item-2 { animation-name: card-2; animation-range: cover 10% cover 55%; }
.pin-inner .item-3 { animation-name: card-3; animation-range: cover 15% cover 60%; }
.pin-inner .item-4 { animation-name: card-4; animation-range: cover 20% cover 65%; }

@keyframes card-1 {
  from { transform: translate(-115%, -95%) rotate(-12deg); }
  to   { transform: translate(0, 0) rotate(0deg); }
}
@keyframes card-2 {
  from { transform: translate(115%, -95%) rotate(11deg); }
  to   { transform: translate(0, 0) rotate(0deg); }
}
@keyframes card-3 {
  from { transform: translate(-115%, 95%) rotate(10deg); }
  to   { transform: translate(0, 0) rotate(0deg); }
}
@keyframes card-4 {
  from { transform: translate(115%, 95%) rotate(-10deg); }
  to   { transform: translate(0, 0) rotate(0deg); }
}

/* ===== FALLBACKS ===== */
@supports not (animation-timeline: view()) {
  .pin-wrap { height: auto; }
  .pin-wrap > .e-con-inner { height: auto; }
  .pin-inner { position: static; height: auto; display: block; }
  .pin-inner .item-1,
  .pin-inner .item-2,
  .pin-inner .item-3,
  .pin-inner .item-4 { animation: none; transform: none; }
}

@media (max-width: 1024px) {
  .pin-wrap { height: auto; }
  .pin-wrap > .e-con-inner { height: auto; }
  .pin-inner { position: static; height: auto; display: block; }
  .pin-inner .item-1,
  .pin-inner .item-2,
  .pin-inner .item-3,
  .pin-inner .item-4 { animation: none; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .pin-inner .item-1,
  .pin-inner .item-2,
  .pin-inner .item-3,
  .pin-inner .item-4 { animation: none; transform: none; }
}

/* ===== Overlay fade ===== */

.overlay-fade-hover {
  position: relative;
  transition: background-color 0.3s ease;
}

.overlay-fade-hover::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(247, 244, 237, 0.50);
  opacity: 1;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 10;
}

.overlay-fade-hover:hover::after,
.overlay-fade-hover.is-active::after {
  opacity: 0;
}

.overlay-fade-hover:hover,
.overlay-fade-hover.is-active {
  background-color: #ffffff !important;
}

/* Bouton à texte glissant — tous les boutons Elementor */
.elementor-button {
  overflow: hidden;
  position: relative;
}

.elementor-button .elementor-button-text {
  display: block;
  position: relative;
  overflow: hidden;
  height: 1.2em;
}

.elementor-button .elementor-button-text .btn-slide-inner {
  display: block;
  transition: transform .4s cubic-bezier(.22,1,.36,1);
}

.elementor-button .elementor-button-text .btn-slide-inner:last-child {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.elementor-button:hover .elementor-button-text .btn-slide-inner {
  transform: translateY(-100%);
}

/* Le conteneur qui scrolle horizontalement */
.elementor-kit-5 {
    overflow-x: auto;
    scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* IE / Edge legacy */
}

/* Chrome, Safari, Edge Chromium */
.elementor-kit-5::-webkit-scrollbar {
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Host Grotesk';
	font-display: auto;
	src: url('https://amo-casamo.fr/wp-content/uploads/2026/07/HostGrotesk-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */