/*
Theme Name: Benbrl
Description: Thème enfant de Flavor
Author: Votre nom
Template: twentytwentyfive
Version: 1.0.0
*/

@view-transition {
  navigation: auto;
}

.section-image {
  position: relative;
  background-color: white;
}

.section-image-title {
  position: relative;
  z-index: 30;
  color: white;
  mix-blend-mode: difference;
}

::view-transition-old(post-thumb-*),
::view-transition-new(post-thumb-*) {
  animation-duration: 10.45s;
  animation-timing-function: cubic-bezier(
    0.22,
    1,
    0.36,
    1
  ); /* easeOutExpo-ish, plus punchy */
}

.flip-overlay {
  position: fixed;
  inset: 0;
  background: black;
  opacity: 0;
  z-index: 9998;
  pointer-events: none;
  animation: fadeInOverlay 0.7s ease forwards;
}
@keyframes fadeInOverlay {
  to {
    opacity: 0.15;
  }
}

.scroll-indicator {
  animation: bounce-scroll 1.6s ease-in-out infinite;
  will-change: transform;
}

@keyframes bounce-scroll {
  0%,
  100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(8px);
    opacity: 0.6;
  }
}