.elementor-164 .elementor-element.elementor-element-228ecdf{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--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-164 .elementor-element.elementor-element-741feed{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-164 .elementor-element.elementor-element-8efb3da{--grid-columns:1;--grid-row-gap:10px;--grid-column-gap:0px;}.elementor-164 .elementor-element.elementor-element-9120a39{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-164 .elementor-element.elementor-element-9120a39:not(.elementor-motion-effects-element-type-background), .elementor-164 .elementor-element.elementor-element-9120a39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vrarchi.com/wp-content/uploads/2025/10/dried-lily-leaf-textured-background-design-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:768px){.elementor-164 .elementor-element.elementor-element-741feed{--width:100%;}.elementor-164 .elementor-element.elementor-element-9120a39{--width:100%;}}@media(max-width:1024px){.elementor-164 .elementor-element.elementor-element-8efb3da{--grid-columns:2;}}@media(max-width:767px){.elementor-164 .elementor-element.elementor-element-8efb3da{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-8efb3da */.sb-preview{
  position:absolute;
  left:50%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-228ecdf */.sb {
  position: relative;
  display: grid;
  grid-template-columns: 40% 60%; /* gauche / droite */
  min-height: 100vh;
  overflow: hidden;
}

/* Liste des projets à gauche */
.project-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  position: relative;
  padding-left: 4vw;
}

/* Zone d'image à droite */
.image-stage {
  position: relative;
  overflow: hidden;
}

/* Les images sont empilées les unes sur les autres */
.sb-preview {
  margin : auto;
  position: fixed;
  top: 0;
  right: 0;
  left:41%;/* toujours collée à droite */
  width: 100%;             /* même proportion que ta colonne */
  height: 100%;           /* pleine hauteur de la section */
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  pointer-events: none;   /* pour ne pas bloquer le hover */
}

/* Apparition au hover (que tu gères déjà) */
.sb-item:hover .sb-preview {
  opacity: 1;
  visibility: visible;
}

/* Style du titre */
.sb-title {
  font-size: 1.2rem;
  color: #aaa;
  transition: all 0.3s ease;
  cursor: pointer;
}

.sb-item:hover .sb-title {
  color: #000;
  font-weight: 600;
}/* End custom CSS */