/* A lighter film treatment that deepens smoothly into the next section. */
@property --hero-shade { syntax: '<number>'; inherits: true; initial-value: .18; }
@property --hero-edge-shade { syntax: '<number>'; inherits: true; initial-value: .40; }
#content .tidal-portfolio-hero {
  --hero-copy-opacity: 1;
  --hero-copy-shift: 0px;
  --hero-shade: .18;
  --hero-edge-shade: .40;
  isolation: isolate;
  transition: --hero-shade .5s ease, --hero-edge-shade .35s ease;
}
#content .tidal-portfolio-hero::before,
#content .tidal-portfolio-hero > .elementor-background-video-container::before {
  background: none !important;
  opacity: 0 !important;
}
#content .tidal-portfolio-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,
    rgb(0 0 0 / var(--hero-shade)) 0%,
    rgb(0 0 0 / var(--hero-shade)) 55%,
    rgb(0 0 0 / var(--hero-edge-shade)) 82%, #000 100%);
}
#content .tidal-portfolio-hero > [data-id="c5bd3dc"] {
  position: relative;
  z-index: 2;
  opacity: var(--hero-copy-opacity);
  transform: translateY(var(--hero-copy-shift));
  transition: opacity .6s ease, transform .7s cubic-bezier(.2,.7,.2,1);
  pointer-events: none;
  text-shadow: 0 2px 20px #0005;
}
@media (prefers-reduced-motion: reduce) {
  #content .tidal-portfolio-hero { transition: none; }
  #content .tidal-portfolio-hero > [data-id="c5bd3dc"] { transition: none; transform: none; }
}