/* Trawa Romero homepage hero release: exactly three automatic scenes, no controls. */
body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  isolation: isolate;
  background: #05070b;
}

body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: var(--tr-hero-x, 50%) var(--tr-hero-y, 50%) !important;
  opacity: 0 !important;
  z-index: 0;
  animation: none !important;
  transform: translate3d(0, 0, 0) scale(1.015);
  transform-origin: var(--tr-hero-origin, center center);
  filter: saturate(1.16) brightness(1.18) contrast(1.05) !important;
  transition: opacity 1.6s cubic-bezier(.22, .61, .36, 1) !important;
  backface-visibility: hidden;
  will-change: opacity, transform;
}

body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant="bridge"] {
  --tr-hero-x: 50%;
  --tr-hero-y: 50%;
  --tr-hero-origin: 72% 50%;
}

body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant="conservatory"] {
  --tr-hero-x: 50%;
  --tr-hero-y: 49%;
  --tr-hero-origin: 68% 50%;
}

body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant="rooftop"] {
  --tr-hero-x: 50%;
  --tr-hero-y: 50%;
  --tr-hero-origin: 75% 50%;
}

body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant].is-active {
  opacity: 1 !important;
  z-index: 1;
}

body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-effect="drift"].is-active {
  animation: trHeroReleaseDrift 7.4s cubic-bezier(.2, .58, .25, 1) both !important;
}

body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-effect="push"].is-active {
  animation: trHeroReleasePush 7.4s cubic-bezier(.2, .58, .25, 1) both !important;
}

body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-effect="rise"].is-active {
  animation: trHeroReleaseRise 7.4s cubic-bezier(.2, .58, .25, 1) both !important;
}

/* Preserve the dark text-safe left side while leaving the apparel unobscured. */
body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"]::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, rgba(5,7,11,.82) 0%, rgba(5,7,11,.70) 28%, rgba(5,7,11,.30) 50%, rgba(5,7,11,.045) 70%, rgba(5,7,11,.01) 100%),
    linear-gradient(0deg, rgba(5,7,11,.38) 0%, transparent 42%, rgba(5,7,11,.06) 100%) !important;
}

@keyframes trHeroReleaseDrift {
  from { transform: translate3d(1.1%, 0, 0) scale(1.04); }
  to { transform: translate3d(-.35%, 0, 0) scale(1.012); }
}

@keyframes trHeroReleasePush {
  from { transform: translate3d(-.45%, 0, 0) scale(1.012); }
  to { transform: translate3d(.6%, -.2%, 0) scale(1.055); }
}

@keyframes trHeroReleaseRise {
  from { transform: translate3d(0, 1%, 0) scale(1.052); }
  to { transform: translate3d(-.3%, -.5%, 0) scale(1.016); }
}

@media (max-width: 900px) {
  body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant="bridge"] {
    --tr-hero-x: 70%;
  }

  body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant="conservatory"] {
    --tr-hero-x: 66%;
  }

  body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant="rooftop"] {
    --tr-hero-x: 71%;
  }
}

@media (max-width: 620px) {
  body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant] {
    filter: saturate(1.12) brightness(1.15) contrast(1.05) !important;
  }

  body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant="bridge"] {
    --tr-hero-x: 76%;
  }

  body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant="conservatory"] {
    --tr-hero-x: 70%;
  }

  body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant="rooftop"] {
    --tr-hero-x: 77%;
  }

  body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"]::after {
    background:
      linear-gradient(90deg, rgba(5,7,11,.84) 0%, rgba(5,7,11,.64) 52%, rgba(5,7,11,.22) 100%),
      linear-gradient(0deg, rgba(5,7,11,.54) 0%, transparent 50%, rgba(5,7,11,.10) 100%) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.tr-home-v3 .tr-hero-media[data-hero-rotation="auto"] [data-hero-variant] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}