/* 5.12.32 — Discover Runway ambient + profile transition */
.app.screen-explore{
  position:relative!important;
  isolation:isolate!important;
}

/* Runway is a light atmosphere over the photo, never a replacement for the photo. */
.app.screen-explore .hybridPhotoWrap{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.app.screen-explore .aaDiscoverPhotoFilm{
  position:absolute!important;
  inset:-2%!important;
  width:104%!important;
  height:104%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:3!important;
  pointer-events:none!important;
  opacity:.16!important;
  mix-blend-mode:screen!important;
  filter:saturate(.82) contrast(.92) brightness(.88)!important;
  transform:scale(1.015)!important;
  transition:opacity .7s ease!important;
}
.app.screen-explore .hybridCard.akelarre .aaDiscoverPhotoFilm{
  opacity:.20!important;
  mix-blend-mode:screen!important;
  filter:saturate(.95) contrast(.95) brightness(.78)!important;
}
.app.screen-explore .hybridPhotoWrap:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.015) 0%,rgba(0,0,0,0) 44%,rgba(7,5,9,.13) 100%)!important;
}
.app.screen-explore .hybridPhaseBadge,
.app.screen-explore .hybridAffinity{
  z-index:6!important;
}

/* Give the film a tiny breathing entrance when a new profile/card mounts. */
.app.screen-explore .aaDiscoverPhotoFilm{
  animation:aaDiscoverFilmIn 1.1s cubic-bezier(.16,.8,.2,1) both!important;
}
@keyframes aaDiscoverFilmIn{
  from{opacity:0;transform:scale(1.035)}
  to{transform:scale(1.015)}
}

/* Profile-opening cinematic veil. It appears above Discover, then gets out of the way fast. */
.aaProfileOpenRunway{
  position:fixed!important;
  inset:0!important;
  z-index:9000!important;
  pointer-events:none!important;
  overflow:hidden!important;
  background:#09070b!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .26s ease,visibility 0s linear .26s!important;
}
.aaProfileOpenRunway.isActive{
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .16s ease,visibility 0s!important;
}
.aaProfileOpenRunway video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.9!important;
  transform:scale(1.015)!important;
}
.aaProfileOpenRunway:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(ellipse at center,transparent 40%,rgba(8,5,10,.18) 100%),
    linear-gradient(180deg,rgba(5,3,7,.04),rgba(5,3,7,.16))!important;
}
.aaProfileOpenRunway.isLeaving{
  opacity:0!important;
  transition:opacity .34s cubic-bezier(.16,.8,.2,1)!important;
}

@media(prefers-reduced-motion:reduce){
  .app.screen-explore .aaDiscoverPhotoFilm,
  .aaProfileOpenRunway{display:none!important}
}
