/* Généré par wordpress/tools/compile-css.mjs depuis la source Nuxt. Ne pas éditer. */

/* components/AppHeader.vue → .v-app-header */
.menu-enter-active:is(.v-app-header,.v-app-header *),
.menu-leave-active:is(.v-app-header,.v-app-header *) {
  transition: opacity 0.4s ease, clip-path 0.55s var(--ease-out-expo);
}
.menu-enter-from:is(.v-app-header,.v-app-header *),
.menu-leave-to:is(.v-app-header,.v-app-header *) {
  opacity: 0;
  clip-path: inset(0 0 100% 0);
}
.menu-enter-to:is(.v-app-header,.v-app-header *),
.menu-leave-from:is(.v-app-header,.v-app-header *) {
  clip-path: inset(0 0 0 0);
}
.menu-enter-active .menu-link:is(.v-app-header,.v-app-header *) {
  transition: opacity 0.5s ease, transform 0.5s var(--ease-out-expo);
}
.menu-enter-from .menu-link:is(.v-app-header,.v-app-header *) {
  opacity: 0;
  transform: translateY(24px);
}

/* components/contact/ContactForm.vue → .v-contact-form */
.form-fade-enter-active:is(.v-contact-form,.v-contact-form *),
.form-fade-leave-active:is(.v-contact-form,.v-contact-form *) {
  transition:
    opacity 0.35s var(--ease-out-expo),
    transform 0.35s var(--ease-out-expo);
}
.form-fade-enter-from:is(.v-contact-form,.v-contact-form *) {
  opacity: 0;
  transform: translateY(14px);
}
.form-fade-leave-to:is(.v-contact-form,.v-contact-form *) {
  opacity: 0;
  transform: translateY(-8px);
}

/* components/contact/ContactMap.vue → .v-contact-map */
.map-tint:is(.v-contact-map,.v-contact-map *) {
  filter: grayscale(0.85) sepia(0.12) hue-rotate(100deg) saturate(1.1);
}

/* components/home/HomeHero.vue → .v-home-hero */
/* États initiaux posés en CSS pour éviter tout flash avant le lancement des tweens GSAP */
[data-hero-media]:is(.v-home-hero,.v-home-hero *) {
  opacity: 0;
}
[data-hero-line]:is(.v-home-hero,.v-home-hero *) {
  transform: translateY(115%);
}
[data-hero-item]:is(.v-home-hero,.v-home-hero *) {
  opacity: 0;
}
.scroll-dash:is(.v-home-hero,.v-home-hero *) {
  animation: scroll-dash-v-home-hero 1.8s cubic-bezier(0.19, 1, 0.22, 1) infinite;
}
@keyframes scroll-dash-v-home-hero {
0% {
    transform: translateY(-100%);
}
60%,
  100% {
    transform: translateY(400%);
}
}