.elementor-5639 .elementor-element.elementor-element-598ff77{--display:flex;--min-height:100vh;--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5639 .elementor-element.elementor-element-598ff77:not(.elementor-motion-effects-element-type-background), .elementor-5639 .elementor-element.elementor-element-598ff77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ed8130b );background-image:url("https://vadesign.fr/wp-content/uploads/2025/11/PortfolioHero.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5639 .elementor-element.elementor-element-362128e > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0vw 0vw 0vw 0vw;}.elementor-5639 .elementor-element.elementor-element-362128e.elementor-element{--align-self:center;}.elementor-5639 .elementor-element.elementor-element-362128e{text-align:center;}.elementor-5639 .elementor-element.elementor-element-362128e .elementor-heading-title{font-family:var( --e-global-typography-8f9502c-font-family ), Sans-serif;font-size:var( --e-global-typography-8f9502c-font-size );font-weight:var( --e-global-typography-8f9502c-font-weight );text-transform:var( --e-global-typography-8f9502c-text-transform );font-style:var( --e-global-typography-8f9502c-font-style );text-decoration:var( --e-global-typography-8f9502c-text-decoration );line-height:var( --e-global-typography-8f9502c-line-height );letter-spacing:var( --e-global-typography-8f9502c-letter-spacing );word-spacing:var( --e-global-typography-8f9502c-word-spacing );text-shadow:0px 0px 9px #482818;color:var( --e-global-color-accent );}.elementor-5639 .elementor-element.elementor-element-d7d03ad{--display:flex;--min-height:100vh;--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5639 .elementor-element.elementor-element-d7d03ad:not(.elementor-motion-effects-element-type-background), .elementor-5639 .elementor-element.elementor-element-d7d03ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ed8130b );}.elementor-5639 .elementor-element.elementor-element-5f4cf4f{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-5639 .elementor-element.elementor-element-a5f58ab > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-a5f58ab{text-align:center;}.elementor-5639 .elementor-element.elementor-element-a5f58ab .elementor-heading-title{font-family:"Athena", Sans-serif;font-size:4rem;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:1px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-5639 .elementor-element.elementor-element-73309f9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-73309f9{text-align:center;}.elementor-5639 .elementor-element.elementor-element-73309f9 .elementor-heading-title{font-family:var( --e-global-typography-73d8300-font-family ), Sans-serif;font-size:var( --e-global-typography-73d8300-font-size );text-transform:var( --e-global-typography-73d8300-text-transform );letter-spacing:var( --e-global-typography-73d8300-letter-spacing );color:var( --e-global-color-secondary );}.elementor-5639 .elementor-element.elementor-element-c365287 > .elementor-widget-container{margin:070px 0px 70px 0px;padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-c365287.elementor-element{--align-self:center;}.elementor-5639 .elementor-element.elementor-element-c365287{text-align:center;color:var( --e-global-color-text );}.elementor-5639 .elementor-element.elementor-element-c3b64d0{--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;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5639 .elementor-element.elementor-element-c3b64d0:not(.elementor-motion-effects-element-type-background), .elementor-5639 .elementor-element.elementor-element-c3b64d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-83fbb15 );}.elementor-5639 .elementor-element.elementor-element-ee65f51{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5639 .elementor-element.elementor-element-ca910d0{--grid-columns:1;--grid-row-gap:100px;}.elementor-5639 .elementor-element.elementor-element-6ef2be5 > .elementor-widget-container{padding:70px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-6ef2be5 .gallery-item .gallery-caption{display:none;}.elementor-5639 .elementor-element.elementor-element-6ef2be5 .gallery-item{padding:0 0px 0px 0;}.elementor-5639 .elementor-element.elementor-element-6ef2be5 .gallery{margin:0 -0px -0px 0;}.elementor-5639 .elementor-element.elementor-element-16479171{--display:flex;--min-height:60vh;--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:8%;--padding-bottom:8%;--padding-left:0%;--padding-right:0%;}.elementor-5639 .elementor-element.elementor-element-16479171:not(.elementor-motion-effects-element-type-background), .elementor-5639 .elementor-element.elementor-element-16479171 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ed8130b );}.elementor-5639 .elementor-element.elementor-element-eb54e30{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-5639 .elementor-element.elementor-element-b77e728 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-b77e728{text-align:center;}.elementor-5639 .elementor-element.elementor-element-b77e728 .elementor-heading-title{font-family:"Athena", Sans-serif;font-size:4rem;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:1px;word-spacing:0px;color:var( --e-global-color-secondary );}.elementor-5639 .elementor-element.elementor-element-f4e1bd5 > .elementor-widget-container{margin:070px 0px 70px 0px;padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-f4e1bd5.elementor-element{--align-self:center;}.elementor-5639 .elementor-element.elementor-element-f4e1bd5{text-align:center;color:var( --e-global-color-text );}.elementor-5639 .elementor-element.elementor-element-1092ec0{--display:flex;}@media(max-width:1024px){.elementor-5639 .elementor-element.elementor-element-362128e > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5639 .elementor-element.elementor-element-362128e .elementor-heading-title{font-size:var( --e-global-typography-8f9502c-font-size );line-height:var( --e-global-typography-8f9502c-line-height );letter-spacing:var( --e-global-typography-8f9502c-letter-spacing );word-spacing:var( --e-global-typography-8f9502c-word-spacing );}.elementor-5639 .elementor-element.elementor-element-a5f58ab > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-a5f58ab .elementor-heading-title{font-size:3.8rem;}.elementor-5639 .elementor-element.elementor-element-73309f9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-73309f9 .elementor-heading-title{font-size:var( --e-global-typography-73d8300-font-size );letter-spacing:var( --e-global-typography-73d8300-letter-spacing );}.elementor-5639 .elementor-element.elementor-element-c365287 p{margin-block-end:0px;}.elementor-5639 .elementor-element.elementor-element-c3b64d0{--min-height:0vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5639 .elementor-element.elementor-element-ee65f51{--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-5639 .elementor-element.elementor-element-ca910d0{--grid-columns:1;}.elementor-5639 .elementor-element.elementor-element-16479171{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5639 .elementor-element.elementor-element-b77e728 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-b77e728 .elementor-heading-title{font-size:3.8rem;}.elementor-5639 .elementor-element.elementor-element-f4e1bd5 p{margin-block-end:0px;}}@media(min-width:768px){.elementor-5639 .elementor-element.elementor-element-598ff77{--width:100%;}.elementor-5639 .elementor-element.elementor-element-d7d03ad{--width:100%;}.elementor-5639 .elementor-element.elementor-element-5f4cf4f{--width:60%;}.elementor-5639 .elementor-element.elementor-element-c3b64d0{--width:100%;}.elementor-5639 .elementor-element.elementor-element-ee65f51{--width:60%;}.elementor-5639 .elementor-element.elementor-element-eb54e30{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5639 .elementor-element.elementor-element-598ff77{--width:100%;}.elementor-5639 .elementor-element.elementor-element-d7d03ad{--width:100%;}.elementor-5639 .elementor-element.elementor-element-5f4cf4f{--width:85%;}.elementor-5639 .elementor-element.elementor-element-c3b64d0{--width:100%;}.elementor-5639 .elementor-element.elementor-element-ee65f51{--width:85%;}.elementor-5639 .elementor-element.elementor-element-16479171{--width:100%;}.elementor-5639 .elementor-element.elementor-element-eb54e30{--width:85%;}}@media(max-width:767px){.elementor-5639 .elementor-element.elementor-element-598ff77{--width:100%;--min-height:100vh;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5639 .elementor-element.elementor-element-362128e .elementor-heading-title{font-size:var( --e-global-typography-8f9502c-font-size );line-height:var( --e-global-typography-8f9502c-line-height );letter-spacing:var( --e-global-typography-8f9502c-letter-spacing );word-spacing:var( --e-global-typography-8f9502c-word-spacing );}.elementor-5639 .elementor-element.elementor-element-d7d03ad{--width:100%;--min-height:100vh;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5639 .elementor-element.elementor-element-5f4cf4f{--width:85%;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-5639 .elementor-element.elementor-element-a5f58ab > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-a5f58ab .elementor-heading-title{font-size:2em;}.elementor-5639 .elementor-element.elementor-element-73309f9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-73309f9 .elementor-heading-title{font-size:var( --e-global-typography-73d8300-font-size );letter-spacing:var( --e-global-typography-73d8300-letter-spacing );}.elementor-5639 .elementor-element.elementor-element-c3b64d0{--min-height:100vh;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5639 .elementor-element.elementor-element-ee65f51{--width:85%;}.elementor-5639 .elementor-element.elementor-element-ca910d0{--grid-columns:1;}.elementor-5639 .elementor-element.elementor-element-6ef2be5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-16479171{--min-height:60vh;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5639 .elementor-element.elementor-element-eb54e30{--width:85%;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-5639 .elementor-element.elementor-element-b77e728 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5639 .elementor-element.elementor-element-b77e728 .elementor-heading-title{font-size:2em;}.elementor-5639 .elementor-element.elementor-element-f4e1bd5 > .elementor-widget-container{margin:50px 0px 50px 0px;}}/* Start custom CSS for container, class: .elementor-element-598ff77 *//* ============================================================
   HERO PANORAMIQUE PREMIUM — V&A DESIGN
   Méthode robuste : calque interne animé avec transform
   ZÉRO ZOOM — PANORAMIQUE SEULEMENT
   ============================================================ */

/* Variables d’images (à adapter par page si besoin) */
.my-panzoom {
  --hero-desktop: url('/wp-content/uploads/2025/11/PortfolioHero.webp');
  --hero-tablet:  url('/wp-content/uploads/2025/11/PortfolioHero.webp');
  --hero-mobile:  url('/wp-content/uploads/2025/11/PortfolioHero.webp');
}

/* ================== KEYFRAMES GLOBALES ================== */

/* Pan horizontal (desktop) via translateX */
@keyframes panXDesktop {
  0%   { transform: translateX(-8%); }
  100% { transform: translateX(8%); }
}

/* Pan vertical (mobile/tablette) via translateY */
@keyframes panYMobile {
  0%   { transform: translateY(-8%); }
  100% { transform: translateY(8%); }
}

/* ================== DESKTOP (>=1025px) ================== */

@media (min-width: 1025px) {
  .my-panzoom {
    position: relative;
    overflow: hidden;
    min-height: 100vh;

    /* on s'assure qu'aucun background Elementor ne gêne */
    background: none !important;
  }

  .my-panzoom::before {
    content: "";
    position: absolute;
    top: 0;
    left: -10%;       /* on déborde à gauche */
    width: 120%;      /* 20% plus large que le viewport */
    height: 100%;

    background-image: var(--hero-desktop);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    animation: panXDesktop 40s linear infinite alternate;
    will-change: transform;
  }

  .my-panzoom > * {
    position: relative;
    z-index: 1;
  }
}

/* ================== TABLETTE & MOBILE (<=1024px) ================== */

@media (max-width: 1024px) {
  .my-panzoom {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    background: none !important;
  }

  .my-panzoom::before {
    content: "";
    position: absolute;
    left: 0;
    top: -10%;       /* on déborde en haut */
    width: 100%;
    height: 120%;    /* 20% plus haut que le viewport */

    background-image: var(--hero-tablet);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

    animation: panYMobile 18s linear infinite alternate;
    will-change: transform;
  }

  .my-panzoom > * {
    position: relative;
    z-index: 1;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Athena';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vadesign.fr/wp-content/uploads/2025/10/Athena-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */