@charset "UTF-8";
.marques {
  font-family: Manrope, system-ui, sans-serif;
  color: #121315;
  background: #fff;
}
.marques .marques-title {
  font-family: Arapey, Georgia, serif;
}
.marques .marques-text p{
  margin: 0px;
}
.marques {
  /* Match marques-inner horizontal inset so slides align with the header text. */
}
.marques .marques-slider{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  padding-inline: 32px;
}
@media (min-width: 768px) {
  .marques .marques-slider {
    padding-inline: 117px;
  }
}
.marques .marques-track{
  margin: 0px;
  padding: 0px;
}
.marques .marques-track.slick-slider{
  display: block;
}
.marques .marques-track {
  /* Negative margin cancels slide padding so edge cards align with content */
}
.marques .marques-track .slick-list{
  overflow: hidden;
  margin: 0 -9px;
}
.marques .marques-track .slick-track{
  display: flex;
  align-items: stretch;
}
.marques .marques-slide{
  /* Slick sets equal widths; padding creates the 18px gap between cards */
  padding: 0 9px;
  margin-right: 0;
  box-sizing: border-box;
  height: auto !important;
}
.marques .marques-slide.slick-slide{
  height: auto !important;
}
.marques .marques-slide > .marques-card{
  height: 100%;
  width: 100%;
}
.marques .marques-slide {
  /* Desktop min heights — JS grows cards when content exceeds these */
}
@media (min-width: 1024px) {
  .marques .marques-slide {
    min-height: 545px;
  }
  .marques .marques-slide.slick-slide {
    min-height: 545px;
  }
  .marques .marques-slide > .marques-card {
    min-height: 545px;
  }
}
.marques .marques-nav{
  position: absolute;
  top: 50%;
  z-index: 10;
  display: flex;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  width: 34px;
  height: 34px;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
@media (min-width: 768px) {
  .marques .marques-nav {
    width: 53px;
    height: 53px;
  }
}
.marques .marques-nav svg{
  position: relative;
  left: 0px;
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.marques .marques-nav svg path{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.marques .marques-nav:hover svg, .marques .marques-nav:focus-visible svg{
  left: 0.25rem;
}
.marques .marques-nav:hover svg path, .marques .marques-nav:focus-visible svg path{
  stroke: #dcc482;
}
.marques .marques-nav-prev {
  left: 0;
}
@media (min-width: 1024px) {
  .marques .marques-nav-prev {
    left: 54px;
  }
}
.marques .marques-nav-prev:hover svg, .marques .marques-nav-prev:focus-visible svg{
  left: -0.25rem;
}
.marques .marques-nav-next {
  right: 0;
}
@media (min-width: 1024px) {
  .marques .marques-nav-next {
    right: 50px;
  }
}
.marques .marques-nav-next svg {
  transform: scaleX(-1);
}
.marques .marques-card{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  box-sizing: border-box;
  color: inherit;
  /* Mobile: image above, logo + content below — no overlay filter */
}
@media (max-width: 1023px) {
  .marques .marques-card{
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #FFFAF6;
  }
  .marques .marques-card .marques-card-media{
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 4/3;
    flex-shrink: 0;
  }
  .marques .marques-card .marques-card-bg{
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .marques .marques-card .marques-card-overlay{
    display: none;
  }
  .marques .marques-card .marques-card-body{
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .marques .marques-card .marques-card-logo{
    position: relative;
    left: 0px;
    top: 0px;
    width: auto;
    max-width: 120px;
    transform: none;
  }
  .marques .marques-card .marques-card-logo-img {
    filter: none;
    max-height: 40px;
    -o-object-position: left;
       object-position: left;
  }
  .marques .marques-card .marques-card-name{
    position: relative;
    left: 0px;
    top: 0px;
    width: auto;
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(18 19 21 / var(--tw-text-opacity, 1));
    transform: none;
  }
  .marques .marques-card .marques-card-hover-text{
    position: relative;
    left: 0px;
    right: 0px;
    --tw-text-opacity: 1;
    color: rgb(18 19 21 / var(--tw-text-opacity, 1));
    opacity: 1;
    bottom: auto;
  }
  .marques .marques-card.has-hover-text .marques-card-overlay{
    display: none;
  }
  .marques .marques-card.has-hover-text .marques-card-logo-img {
    filter: none;
  }
  .marques .marques-card.has-hover-text .marques-card-hover-text {
    opacity: 1;
  }
}
.marques .marques-card {
  /* Desktop: image fill + overlay hover */
}
@media (min-width: 1024px) {
  .marques .marques-card {
    min-height: 545px;
  }
  .marques .marques-card .marques-card-media{
    position: absolute;
    inset: 0px;
  }
  .marques .marques-card .marques-card-body{
    position: absolute;
    inset: 0px;
    z-index: 2;
  }
  .marques .marques-card.has-hover-text:hover .marques-card-overlay, .marques .marques-card.has-hover-text:focus-visible .marques-card-overlay, .marques .marques-card.has-hover-text:focus-within .marques-card-overlay, .marques .marques-card.has-hover-text.is-active .marques-card-overlay {
    opacity: 0.9;
  }
  .marques .marques-card.has-hover-text:hover .marques-card-logo, .marques .marques-card.has-hover-text:focus-visible .marques-card-logo, .marques .marques-card.has-hover-text:focus-within .marques-card-logo, .marques .marques-card.has-hover-text.is-active .marques-card-logo {
    top: 58px;
    left: 44px;
    transform: none;
    width: 80px;
    max-width: 80px;
  }
  .marques .marques-card.has-hover-text:hover .marques-card-logo-img, .marques .marques-card.has-hover-text:focus-visible .marques-card-logo-img, .marques .marques-card.has-hover-text:focus-within .marques-card-logo-img, .marques .marques-card.has-hover-text.is-active .marques-card-logo-img {
    filter: brightness(0) invert(1);
  }
  .marques .marques-card.has-hover-text:hover .marques-card-name, .marques .marques-card.has-hover-text:focus-visible .marques-card-name, .marques .marques-card.has-hover-text:focus-within .marques-card-name, .marques .marques-card.has-hover-text.is-active .marques-card-name{
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    top: 58px;
    left: 44px;
    right: auto;
    width: auto;
    transform: none;
  }
  .marques .marques-card.has-hover-text:hover .marques-card-hover-text, .marques .marques-card.has-hover-text:focus-visible .marques-card-hover-text, .marques .marques-card.has-hover-text:focus-within .marques-card-hover-text, .marques .marques-card.has-hover-text.is-active .marques-card-hover-text {
    opacity: 1;
  }
}
.marques .marques-card-bg{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
.marques .marques-card-overlay{
  pointer-events: none;
  position: absolute;
  inset: 0px;
  z-index: 1;
  border-radius: 20px;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  background: #090909;
  opacity: 0;
}
.marques .marques-card-logo{
  position: absolute;
  left: 50%;
  top: 20%;
  z-index: 2;
  width: 55%;
  max-width: 216px;
  transform: translate(-50%, -50%);
  transition: top 0.3s ease-out, left 0.3s ease-out, transform 0.3s ease-out, width 0.3s ease-out, max-width 0.3s ease-out;
}
.marques .marques-card-logo-img{
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 110px;
  filter: none;
  transition: filter 0.3s ease;
}
.marques .marques-card-name{
  position: absolute;
  left: 50%;
  top: 20%;
  z-index: 2;
  width: 80%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(18 19 21 / var(--tw-text-opacity, 1));
  transform: translate(-50%, -50%);
  transition: top 0.3s ease-out, left 0.3s ease-out, right 0.3s ease-out, transform 0.3s ease-out, width 0.3s ease-out, color 0.3s ease;
}
.marques .marques-card-hover-text{
  position: absolute;
  left: 44px;
  right: 42px;
  z-index: 2;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  bottom: 65px;
  max-height: none;
  overflow: visible;
}
.marques .marques-card-hover-text p{
  margin: 0px;
}
.marques .marques-card-hover-text p + p{
  margin-top: 0.75rem;
}