/* A matching photo cover bridges destination-card click and the new page. */
.destination-flight{
  position:fixed;
  z-index:1000;
  overflow:hidden;
  pointer-events:none;
  background-color:#111827;
  background-position:center;
  background-size:cover;
  box-shadow:0 20px 80px rgba(0,0,0,.38);
  isolation:isolate;
}
.destination-flight::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,9,16,.16),rgba(5,9,16,.58));
}
.destination-flight__name{
  position:absolute;
  z-index:1;
  left:8%;
  bottom:10%;
  color:#fff;
  font-size:clamp(30px,4vw,65px);
  font-weight:400;
  letter-spacing:.06em;
  white-space:nowrap;
  opacity:0;
  transform:translate3d(0,16px,0);
}
html[data-destination-arrival]::before{
  content:"";
  position:fixed;
  z-index:1000;
  inset:0;
  pointer-events:none;
  background-color:#111827;
  background-size:cover;
  background-position:center;
  animation:destination-curtain-away .82s cubic-bezier(.76,0,.18,1) .08s both;
}
html[data-destination-arrival="profile"]::before{background-image:linear-gradient(180deg,rgba(5,9,16,.16),rgba(5,9,16,.58)),url('photography/assets/028-large.jpg')}
html[data-destination-arrival="experience"]::before{background-image:linear-gradient(180deg,rgba(5,9,16,.16),rgba(5,9,16,.58)),url('photography/assets/031-large.jpg')}
html[data-destination-arrival="portfolio"]::before{background-image:linear-gradient(180deg,rgba(5,9,16,.16),rgba(5,9,16,.58)),url('photography/assets/057-large.jpg')}
html[data-destination-arrival="contact"]::before{background-image:linear-gradient(180deg,rgba(5,9,16,.16),rgba(5,9,16,.58)),url('photography/assets/047-large.jpg')}
@keyframes destination-curtain-away{
  0%,15%{transform:translate3d(0,0,0);border-radius:0;opacity:1}
  100%{transform:translate3d(0,-105%,0);border-radius:0 0 36px 36px;opacity:1}
}
@media(prefers-reduced-motion:reduce){html[data-destination-arrival]::before{display:none;animation:none}}