/* Prestige Events — clean, image-first presentation */
html {
  scroll-behavior: auto;
}

/* Motion is intentionally limited to the two gallery mechanisms. */
*,
*::before,
*::after {
  animation: none !important;
  transition: none !important;
}

.auto-slide {
  transform: none !important;
  transition: opacity 180ms linear !important;
}

.slider-track {
  transition: transform 240ms ease-out !important;
}

/* Elements formerly prepared for scroll reveals must remain visible. */
.js .reveal,
.reveal,
.hero-arrival,
.portrait-note,
.emotion-photo figcaption {
  opacity: 1 !important;
  transform: none !important;
}

.frame-reveal,
.letter-portrait.veil-reveal,
.veil-reveal,
.veil-reveal img {
  clip-path: none !important;
  transform: none !important;
}

[data-parallax],
[data-depth] {
  transform: none !important;
  will-change: auto !important;
}

.conversion-cue::after {
  display: none !important;
}

.feeling-panel::after,
.eyebrow.reveal::before {
  transform: scaleX(1) !important;
}

/* Keep image changes functional, but remove cinematic zoom/fade movement. */
.cinema-chapter-image {
  transform: none !important;
  transition: none !important;
}

.cinema-hero-media::after {
  background: linear-gradient(180deg, transparent 72%, rgba(0, 0, 0, 0.18));
}

.cinema-hero::after,
.cinema-scroll,
.cinema-frame-index {
  display: none !important;
}

.cinema-hero-media img {
  transform: none !important;
}

/* Slider controls stay compact, legible and clear of the photography. */
.auto-slider-controls {
  bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
  right: 0.75rem !important;
  backdrop-filter: none;
  background: rgba(13, 14, 12, 0.72);
}

@media (max-width: 680px) {
  .auto-slider-controls button {
    width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .auto-slider-status {
    min-width: 4.5rem;
  }

  .cookie-banner {
    width: calc(100vw - 1rem) !important;
    max-width: none !important;
    right: auto !important;
    margin: 0;
    padding: 1.25rem;
    overflow-x: hidden;
  }

  .cookie-banner-copy,
  .cookie-banner h2,
  .cookie-banner p {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .cookie-banner-actions {
    grid-template-columns: 1fr;
  }

  .cookie-banner-actions .cookie-button--primary {
    grid-area: auto;
  }

  .cookie-banner-actions .cookie-button {
    width: 100%;
    min-width: 0;
    white-space: normal;
  }
}