.elementor-52 .elementor-element.elementor-element-1d389b4{--display:flex;}.elementor-52 .elementor-element.elementor-element-3232586{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52 .elementor-element.elementor-element-3232586.e-con{--align-self:center;}.elementor-52 .elementor-element.elementor-element-64d02e1.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-52 .elementor-element.elementor-element-0e87aa2{--display:flex;--position:absolute;--min-height:auto;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:30vh;}.elementor-52 .elementor-element.elementor-element-0e87aa2.e-con{--align-self:center;}body:not(.rtl) .elementor-52 .elementor-element.elementor-element-0e87aa2{left:2vw;}body.rtl .elementor-52 .elementor-element.elementor-element-0e87aa2{right:2vw;}.elementor-52 .elementor-element.elementor-element-e06bbdc{padding:0px 0px 0px 0px;}.elementor-52 .elementor-element.elementor-element-e06bbdc.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-52 .elementor-element.elementor-element-36f897d{--display:flex;--position:absolute;--min-height:auto;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:78px;}.elementor-52 .elementor-element.elementor-element-36f897d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-52 .elementor-element.elementor-element-36f897d{right:263px;}body.rtl .elementor-52 .elementor-element.elementor-element-36f897d{left:263px;}.elementor-52 .elementor-element.elementor-element-f86f16d{padding:0px 0px 0px 0px;}.elementor-52 .elementor-element.elementor-element-f86f16d.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-52 .elementor-element.elementor-element-2e9e365{--display:flex;--z-index:1;}.elementor-52 .elementor-element.elementor-element-b9f0061{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:2;}.elementor-52 .elementor-element.elementor-element-08c29a0{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-52 .elementor-element.elementor-element-53b3b08{--display:flex;}.elementor-52 .elementor-element.elementor-element-53b3b08.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-52 .elementor-element.elementor-element-64be5f0 > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}.elementor-52 .elementor-element.elementor-element-369dc52{--display:flex;--min-height:40vh;--overflow:hidden;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52 .elementor-element.elementor-element-95e3166{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-52 .elementor-element.elementor-element-9ed8212{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-4fbf831{--display:flex;}.elementor-52 .elementor-element.elementor-element-24b56cb{--display:flex;border-style:solid;--border-style:solid;border-width:0px 08px 08px 0px;--border-top-width:0px;--border-right-width:08px;--border-bottom-width:08px;--border-left-width:0px;border-color:var( --e-global-color-fe951b7 );--border-color:var( --e-global-color-fe951b7 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52 .elementor-element.elementor-element-24b56cb:hover{border-style:solid;border-width:0px 8px 8px 0px;--border-top-width:0px;--border-right-width:8px;--border-bottom-width:8px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-52 .elementor-element.elementor-element-24b56cb, .elementor-52 .elementor-element.elementor-element-24b56cb::before{--border-transition:0.3s;}.elementor-52 .elementor-element.elementor-element-551ce5f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-318f69e{--display:flex;}.elementor-52 .elementor-element.elementor-element-49e3ef9{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-6c5f7e4{--display:flex;}.elementor-52 .elementor-element.elementor-element-e86e496{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-3b8acc9{--display:flex;}.elementor-52 .elementor-element.elementor-element-b521541{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-b823297{--display:flex;}.elementor-52 .elementor-element.elementor-element-24462aa{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-10f985f{--display:flex;}.elementor-52 .elementor-element.elementor-element-9ac5870{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-d54a3c5{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-11df760{--display:flex;border-style:solid;--border-style:solid;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-125263e{--display:flex;}.elementor-52 .elementor-element.elementor-element-e0086c5{--display:flex;}.elementor-52 .elementor-element.elementor-element-7d5d0ac{--display:flex;}.elementor-52 .elementor-element.elementor-element-d714904{--display:flex;}.elementor-52 .elementor-element.elementor-element-637fba8{--display:flex;}.elementor-52 .elementor-element.elementor-element-55f5637{--display:flex;}.elementor-52 .elementor-element.elementor-element-b93de87{--display:flex;}.elementor-52 .elementor-element.elementor-element-d862241{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-52 .elementor-element.elementor-element-d862241 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-154613e{--display:flex;}@media(max-width:1024px){.elementor-52 .elementor-element.elementor-element-0e87aa2{top:15vh;}body:not(.rtl) .elementor-52 .elementor-element.elementor-element-36f897d{right:16px;}body.rtl .elementor-52 .elementor-element.elementor-element-36f897d{left:16px;}}@media(max-width:767px){.elementor-52 .elementor-element.elementor-element-1d389b4{--width:100%;}body:not(.rtl) .elementor-52 .elementor-element.elementor-element-0e87aa2{left:-33vw;}body.rtl .elementor-52 .elementor-element.elementor-element-0e87aa2{right:-33vw;}.elementor-52 .elementor-element.elementor-element-0e87aa2{top:10vh;}body:not(.rtl) .elementor-52 .elementor-element.elementor-element-36f897d{right:-118px;}body.rtl .elementor-52 .elementor-element.elementor-element-36f897d{left:-118px;}.elementor-52 .elementor-element.elementor-element-2e9e365{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(min-width:768px){.elementor-52 .elementor-element.elementor-element-0e87aa2{--width:auto;}.elementor-52 .elementor-element.elementor-element-36f897d{--width:auto;}.elementor-52 .elementor-element.elementor-element-53b3b08{--width:98.438%;}}/* Start custom CSS for html, class: .elementor-element-e06bbdc */.svg-home {
    width: 0.5em;
    height: 0.5em;
    transform-origin: center center; /* ✅ Centre la rotation */
}
.svg-home svg {
    width:0.5em;
    height:0.5em;
    display: block;
    color: #667eea;
    transform-origin: center center; /* ✅ Centre la rotation */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e87aa2 */.height-auto{height: fit-content};/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f86f16d */.svg-home2 {
    width: 0.5em;
    height: 0.5em;
    transform-origin: center center; /* ✅ Centre la rotation */
}
.svg-home2 svg {
    width: 0.5em;
    height: 0.5em;
    display: block; /* ✅ Ou ajoute ça */
    color: #667eea;
    transform-origin: center center; /* ✅ Centre la rotation */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f897d */.height-auto{height: fit-content !important};/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3232586 */. overflow-hidden {
    overflow: visible;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9f0061 *//*  ==========================================================
	MIXINS
	========================================================== */
	
@mixin cuboid($cWidth, $cHeight, $cDepth, $cColor) {
	position: relative;
	width: $cWidth;
	height: $cHeight;
	transform-style: preserve-3d;
	
	.face {
		position: absolute;
		left: 0;
		top: 0;
		background-color: $cColor;
	}
	
	.face--front {
		width: $cWidth;
		height: $cHeight;
		transform: translateZ(calc(#{$cDepth}/2));
	}

	.face--back {
		width: $cWidth;
		height: $cHeight;
		transform: translateZ(calc(#{$cDepth}/2 *-1)) rotateY(180deg) rotate(180deg);
	}

	.face--left {
		width: $cDepth;
		height: $cHeight;
		transform: translateX(calc(#{$cDepth}/2 *-1)) rotateY(-90deg);
	}

	.face--right {
		width: $cDepth;
		height: $cHeight;
		transform: translateX(calc(#{$cWidth} - #{$cDepth}/2)) rotateY(90deg);
	}

	.face--top {
		width: $cWidth;
		height: $cDepth;
		transform: translateY(calc(#{$cDepth}/2 * -1)) rotateX(90deg);
	}

	.face--bottom {
		width: $cWidth;
		height: $cDepth;
		transform: translateY(calc(#{$cHeight} - #{$cDepth}/2)) rotateX(-90deg);
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b733d2 */.container2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.text {
  font-size: 8vw;
  letter-spacing: -.01em;
  line-height: 100%;
  margin: 0;
  font-family:'Bandeins-Strange', sans-serif;
  width: 100%;
  color: rgb(182, 182, 182, 0.2);
  background: linear-gradient(to right,var(--e-global-color-primary), var(--e-global-color-primary)) no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 0%;
  transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s;
  

  border-bottom: 1px solid #2F2B28;
  
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}

.container2 span {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--e-global-color-accent);
  color: var(--e-global-color-primary);
  
  clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
  transform-origin: center;
  transition: all cubic-bezier(.1,.5,.5,1) 0.4s;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text:hover > span {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    font-family:'Bandeins-Strange', sans-serif;
    font-stretch: 400%;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26ff695 *//* Simple 64px white arrow button */
.close-button {
  position: absolute;
    top: 40px;
    right: 10px;
    width: 64px;
    height: 64px;
    background: none;
    border: none;
    border-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transform: translate(40px, -50%);
}
.close-button svg path{
    fill: var(--e-global-color-fe951b7);
}
.close-button.active {
  pointer-events: all;
}

.close-button:hover {
  opacity: 0.7;
}

.close-button svg {
  width: 64px;
  height: 64px;
  transform: rotate(180deg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-369dc52 */.body-video{
    height: 70vh;
    display: block;
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9855b7a *//* ===== AU DÉPART: CACHÉ =====*/
.video-media {

    animation: fadeOut 2s ease-out;
}

/* ===== QUAND .split-screen-container EST ACTIVE =====*/
.active .video-media {
/* ✅ Affiche */
    display: block;
    position: relative;
    opacity: 1;     /* ✅ Fade in */
    animation: fadeIn 2s ease-out;
}
.active .zoom-target {
    display: none;
    position: absolute;
    opacity: 1;     /* ✅ Fade in */
    animation: fadeOut 1s ease-out;
}

/* Animation optionnelle */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;

    }
}
@keyframes fadeOut {
    from {
        opacity: 1 !important;
    }
    to {
        opacity: 0 !important;
    }
}

/* Hide placeholder when active */
.split-screen-container.active .zoom-target::before {
  display: none;
}
.controls-container.split-mode {
    display: none;
}
.zoom-target::before {
  content: "IMAGE TARGET";
  color: rgba(255, 255, 255, 0.5);
  font-family: "TheGoodMonolith", monospace;
  font-size: 0.75em;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.controls-container {
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  z-index: 6;
  opacity: 0;
  transition: left 1.2s cubic-bezier(0.87, 0, 0.13, 1);
}

.controls-container.visible {
  opacity: 1;
}

.percentage-indicator {
  background-color: #f0f0f0;
  background-image: radial-gradient(rgba(0, 0, 0, 0.015) 1px, transparent 0);
  background-size: 0.44em 0.44em;
  background-position: -0.06em -0.06em;
  padding: 0.625em 1.25em;
  border-radius: 0.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "TheGoodMonolith", monospace;
  font-size: 0.75em;
  font-weight: 400;
  text-transform: uppercase;
  color: #333;
  min-width: 5em;
  white-space: nowrap;
}
.switch {
display: flex;
    border: solid 1px;
    gap: 1.25em;
    background-color: var(--e-global-color-fe951b7);
    background-image: radial-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 0);
    background-size: 0.44em 0.44em;
    background-position: -0.06em -0.06em;
    padding: 0.625em 1.25em;
    border-radius: 0.25em;
    transition: padding 0.3s 
ease-in-out;
}

.sound-toggle {
  background-color: #f0f0f0;
  background-image: radial-gradient(rgba(0, 0, 0, 0.015) 1px, transparent 0);
  background-size: 0.44em 0.44em;
  background-position: -0.06em -0.06em;
  padding: 0.5em 0.75em;
  border-radius: 0.25em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 3.75em;
  position: relative;
  border-color: transparent;
}

.sound-wave-canvas {
  width: 2em;
  height: 1em;
  border: none !important;
  outline: none !important;
  background: none !important;
}

.sound-toggle.active .sound-wave-canvas {
  opacity: 1;
}

.sound-toggle:hover .sound-wave-canvas {
  opacity: 0.8;
}

.switch-button {
  background: none;
  border: none;
  border-color: transparent;
  color: #666;
  cursor: pointer;
  font-family: "TheGoodMonolith", monospace;
  font-size: 0.75em;
  font-weight: 400;
  text-transform: uppercase;
  padding: 5px 10px;
  position: relative;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}

.switch-button-current {
  color: #f0f0f0;
}

.indicator-dot {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #f0f0f0;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  top: 50%;
  transform: translateY(-50%);
  left: -8px;
}

.switch-button:hover .indicator-dot {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ed8212 */video{
    background-color: var(--e-global-color-fe951b7 );
}
.video .elementor-widget-html{
    width: 100%;    
    height: 100%;
}
.canvas-wrapper{
    z-index: 0 !important;
}
:root {
  --spacing-base: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --color-text: #ffffff;
  --color-text-dim: 0.6;
  --transition-medium: 0.3s ease;
  --font-size-base: 14px;
}

.body-video.dragging {
  cursor: grabbing;
}

.body-video.zoom-mode {
  cursor: default;
}

.preloader-overlay {
  background: #000;
}


/* Grid column assignments */
.nav-section {
  grid-column: 1 / span 3;
}

.values-section {
  grid-column: 5 / span 2;
}

.location-section {
  grid-column: 7 / span 2;
}

.contact-section {
  grid-column: 9 / span 2;
}

.social-section {
  grid-column: 11 / span 2;
  text-align: right;
}

/* Bottom bar */
.coordinates-section {
  grid-column: 1 / span 3;
  font-family: "TheGoodMonolith", monospace;
}

.info-section {
  grid-column: 9 / span 4;
  text-align: right;
}

.viewport {
  top: 0;
  left: 0;
  width: 100%;
  height: 70vh;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
}

.canvas-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  will-change: transform;
  isolation: isolate;
}

.grid-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.grid-item {
  position: absolute;
  width: 320px;
  height: 320px;
  background: #000;
  cursor: pointer;
  will-change: transform, opacity;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.6s ease;
}

.grid-item.out-of-view {
  opacity: 0.1;
}

.grid-item.selected {
  z-index: 2 !important;
}

.grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  user-select: none;
  pointer-events: none;
}

/* Split Screen Layout */
.split-screen-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vh;
    display: block;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
}

.split-screen-container.active {
  opacity: 1;
  pointer-events: all;
}

.split-left {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    cursor: pointer;
    flex-direction: column;
}

.split-right {
  position: relative;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
}

/* Image target - BEHIND the scaling image */
.zoom-target {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* Image title overlay - positioned at bottom left */
.image-title-overlay {
  position: absolute;
  bottom: 40vh;
  left: 40px;
  transform: none;
  color: white;
  z-index: 4;
  opacity: 0;
  pointer-events: none;
}

.image-title-overlay.active {
  opacity: 0;
}

.image-slide-number {
  position: relative;
  width: 400px;
  height: 20px;
  margin-bottom: 0.5em;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  overflow: hidden;
}

.image-slide-number span {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  font-family: "TheGoodMonolith", monospace;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  transform: translateY(0px);
  will-change: transform;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.image-slide-title {
  position: relative;
  width: 400px;
  height: 60px;
  margin-bottom: 1em;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  overflow: hidden;
}

.image-slide-title h1 {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  font-family: "PPNeueMontreal", sans-serif;
  font-size: 48px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
  transform: translateY(0px);
  will-change: transform;
  margin: 0;
  padding: 0;
}

.image-slide-description {
  position: relative;
  width: 400px;
  min-height: 80px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  overflow: hidden;
}

.description-line {
  position: relative;
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-family: "PPNeueMontreal", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  transform: translateY(0px);
  will-change: transform;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

@media (max-width: 900px) {
  .image-title-overlay {
    bottom: 20px;
    left: 20px;
  }

  .image-slide-number {
    width: 300px;
    height: 18px;
  }

  .image-slide-number span {
    font-size: 10px;
  }

  .image-slide-title {
    width: 300px;
    height: 50px;
  }

  .image-slide-title h1 {
    font-size: 36px;
  }

  .image-slide-description {
    width: 300px;
    min-height: 70px;
  }

  .description-line {
    font-size: 14px;
  }
}


/* Scaling image overlay */
.scaling-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  will-change: transform;
  opacity: 0;
}

.scaling-image-overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Page vignette effect */
.page-vignette-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d389b4 */.overflow-hidden{
    overflow: visible;
    z-index: 10;
}/* End custom CSS */