.destination-section{
  background:#090b0c;
  overflow:visible;
  position:relative;
  padding:90px max(5.5vw,24px) 76px;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  scroll-margin-top:0;
}
.destination-section::before{
  content:'';
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  top:-128px;
  height:160px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(16,17,16,0) 0%,rgba(12,14,14,.68) 54%,#090b0c 100%);
}
.destination-section>*{position:relative;z-index:1}
.destination-heading{
  width:min(1080px,100%);
  margin:0 auto 35px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
.destination-heading p{
  font-size:10px;
  color:#929a9e;
  letter-spacing:.08em;
  margin-bottom:13px;
}
.destination-heading h2{
  font-size:23px;
  font-weight:400;
  letter-spacing:.04em;
}
.destination-heading>span{font-size:11px;color:#838e94}
.destination-cards{
  width:min(1080px,100%);
  height:min(520px,64svh);
  display:flex;
  gap:20px;
  margin:0 auto;
}
.destination-card{
  position:relative;
  flex:1 1 0;
  min-width:0;
  height:100%;
  border-radius:20px;
  overflow:hidden;
  cursor:pointer;
  background:#1c2230;
  transition:
    flex-grow .82s cubic-bezier(.2,.78,.18,1),
    opacity .72s cubic-bezier(.16,1,.3,1),
    transform .82s cubic-bezier(.16,1,.3,1),
    filter .72s cubic-bezier(.16,1,.3,1);
  will-change:flex-grow,transform;
  isolation:isolate;
}
.destination-card.is-active{flex-grow:4.6}
.destination-card::after{
  content:'';
  position:absolute;
  inset:-2%;
  z-index:0;
  background-position:center;
  background-size:cover;
  transform:scale(1.028);
  transition:transform .9s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1);
  will-change:transform;
}
.destination-card.is-active::after{transform:scale(1.008)}
.destination-card::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(to top,rgba(5,12,23,.95) 0%,rgba(7,15,26,.25) 48%,transparent 72%);
  pointer-events:none;
}
.destination-caption{
  position:absolute;
  z-index:2;
  bottom:0;
  left:0;
  right:0;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  padding:0 24px 22px;
  opacity:0;
  transform:translate3d(16px,7px,0);
  filter:blur(2px);
  transition:
    opacity .22s cubic-bezier(.4,0,1,1),
    transform .28s cubic-bezier(.4,0,1,1),
    filter .2s cubic-bezier(.4,0,1,1);
  white-space:nowrap;
  pointer-events:none;
}
.destination-card.is-active .destination-caption{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
  transition:
    opacity .4s cubic-bezier(.16,1,.3,1) .2s,
    transform .68s cubic-bezier(.16,1,.3,1) .14s,
    filter .45s cubic-bezier(.16,1,.3,1) .14s;
}
.destination-caption h3{
  font-size:28px;
  font-weight:400;
  line-height:1.15;
  letter-spacing:0;
  margin:0;
}
.destination-caption p{
  font-size:11px;
  color:#b9c4d1;
  margin:13px 0 0;
  line-height:1.5;
}
.destination-number{
  font-size:36px;
  line-height:1;
  font-weight:400;
  text-align:center;
}
.destination-number small{
  display:block;
  font-size:10px;
  letter-spacing:.5px;
  margin-top:7px;
  color:#bcc6d1;
}
.destination-collapsed{
  position:absolute;
  z-index:2;
  bottom:22px;
  left:50%;
  transform:translate3d(-50%,0,0) scale(1);
  transform-origin:50% 100%;
  writing-mode:vertical-rl;
  text-orientation:upright;
  font-size:16px;
  letter-spacing:.18em;
  line-height:1.2;
  white-space:nowrap;
  opacity:1;
  filter:blur(0);
  transition:
    opacity .28s cubic-bezier(.4,0,1,1) .08s,
    transform .42s cubic-bezier(.4,0,1,1),
    filter .3s cubic-bezier(.4,0,1,1);
  pointer-events:none;
}
.destination-card.is-active .destination-collapsed{
  opacity:0;
  transform:translate3d(-50%,-10px,0) scale(.96);
  filter:blur(2px);
  transition:
    opacity .2s cubic-bezier(.4,0,1,1),
    transform .34s cubic-bezier(.4,0,1,1),
    filter .22s cubic-bezier(.4,0,1,1);
}
.destination-note{
  width:min(1080px,100%);
  margin:21px auto 0;
  display:flex;
  justify-content:space-between;
  font-size:10px;
  color:#66737d;
}
.destination-heading p,.destination-heading h2,.destination-heading>span,.destination-note{will-change:opacity,transform,filter}
.destination-section.is-motion-ready:not(.is-revealed) .destination-heading p{opacity:0;transform:translate3d(-18px,0,0);filter:blur(3px)}
.destination-section.is-motion-ready:not(.is-revealed) .destination-heading h2{opacity:0;transform:translate3d(0,26px,0);filter:blur(5px)}
.destination-section.is-motion-ready:not(.is-revealed) .destination-heading>span{opacity:0;transform:translate3d(18px,0,0);filter:blur(3px)}
.destination-section.is-motion-ready:not(.is-revealed) .destination-card:nth-child(1){opacity:0;transform:translate3d(-56px,12px,0) scale(.975);filter:blur(7px)}
.destination-section.is-motion-ready:not(.is-revealed) .destination-card:nth-child(2){opacity:0;transform:translate3d(0,42px,0) scale(.975);filter:blur(7px)}
.destination-section.is-motion-ready:not(.is-revealed) .destination-card:nth-child(3){opacity:0;transform:translate3d(56px,12px,0) scale(.975);filter:blur(7px)}
.destination-section.is-motion-ready:not(.is-revealed) .destination-note{opacity:0;transform:translate3d(0,12px,0);filter:blur(2px)}
.destination-section.is-motion-ready.is-revealed .destination-heading p{animation:destination-text-left .72s cubic-bezier(.16,1,.3,1) .02s both}
.destination-section.is-motion-ready.is-revealed .destination-heading h2{animation:destination-title-up .82s cubic-bezier(.16,1,.3,1) .08s both}
.destination-section.is-motion-ready.is-revealed .destination-heading>span{animation:destination-text-right .74s cubic-bezier(.16,1,.3,1) .14s both}
.destination-section.is-motion-ready.is-revealed .destination-card:nth-child(1){animation:destination-card-left 1.02s cubic-bezier(.16,1,.3,1) .16s both}
.destination-section.is-motion-ready.is-revealed .destination-card:nth-child(2){animation:destination-card-up 1.08s cubic-bezier(.16,1,.3,1) .26s both}
.destination-section.is-motion-ready.is-revealed .destination-card:nth-child(3){animation:destination-card-right 1.02s cubic-bezier(.16,1,.3,1) .36s both}
.destination-section.is-motion-ready.is-revealed .destination-note{animation:destination-note-up .7s cubic-bezier(.16,1,.3,1) .52s both}
@keyframes destination-text-left{from{opacity:0;transform:translate3d(-18px,0,0);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes destination-title-up{from{opacity:0;transform:translate3d(0,26px,0);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes destination-text-right{from{opacity:0;transform:translate3d(18px,0,0);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes destination-card-left{from{opacity:0;transform:translate3d(-56px,12px,0) scale(.975);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes destination-card-up{from{opacity:0;transform:translate3d(0,42px,0) scale(.975);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes destination-card-right{from{opacity:0;transform:translate3d(56px,12px,0) scale(.975);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes destination-note-up{from{opacity:0;transform:translate3d(0,12px,0);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
.destination-card:focus-visible{outline:2px solid #70aaff;outline-offset:5px}
.destination-card[data-target="profile"]::after{background-image:url('photography/assets/028-large.jpg')}
.destination-card[data-target="experience"]::after{background-image:url('photography/assets/031-large.jpg')}
.destination-card[data-target="portfolio"]::after{background-image:url('photography/assets/057-large.jpg')}
.destination-card[data-target="contact"]::after{background-image:url('photography/assets/047-large.jpg')}

@media(max-width:800px){
  .destination-section{min-height:100svh;padding:65px 20px 45px;overflow:hidden}
  .destination-heading{margin-bottom:26px}
  .destination-heading h2{font-size:21px}
  .destination-heading>span{display:none}
  .destination-cards{flex-direction:column;height:830px;gap:16px}
  .destination-card{
    width:100%;
    min-height:110px;
    height:auto;
    flex:1 1 0;
    transition:
      flex-grow .78s cubic-bezier(.2,.78,.18,1),
      opacity .72s cubic-bezier(.16,1,.3,1),
      transform .82s cubic-bezier(.16,1,.3,1),
      filter .72s cubic-bezier(.16,1,.3,1);
  }
  .destination-card.is-active{flex-grow:4.6}
  .destination-caption{padding:0 24px 22px;transform:translate3d(0,12px,0)}
  .destination-caption h3{font-size:25px}
  .destination-caption p{font-size:10px}
  .destination-collapsed{
    left:24px;
    bottom:50%;
    transform:translate3d(0,50%,0);
    writing-mode:horizontal-tb;
    font-size:16px;
    letter-spacing:.05em;
  }
  .destination-card.is-active .destination-collapsed{transform:translate3d(10px,50%,0) scale(.97)}
  .destination-note{line-height:1.7;gap:25px}
  .destination-number{font-size:32px}
}

@media(prefers-reduced-motion:reduce){
  .destination-card,.destination-card::after,.destination-caption,.destination-collapsed{transition:none!important;animation:none!important}
  .destination-card,.destination-card::after{will-change:auto}
  .destination-section.is-motion-ready *{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
}