/* Photograph-led navigation for Honeybadger's seven journeys. */
@view-transition { navigation: auto; }
.hbt-site .hbt-header { view-transition-name:hbt-voyage-header; }
.hbt-site .hbt-topbar { view-transition-name:hbt-voyage-topbar; }
.hbt-site .hbt-tour-card.hbt-voyage-selected {
  transform:translateY(-5px) scale(1.018)!important;
  box-shadow:0 25px 75px #092d2850;
  transition:transform 170ms ease,box-shadow 170ms ease;
}
.hbt-site.hbt-voyage-leaving .hbt-tour-card:not(.hbt-voyage-selected) {
  opacity:.4;transition:opacity 170ms ease;
}
html[data-hbt-voyage]::view-transition-group(hbt-voyage-photo) {
  animation-duration:1250ms;
  animation-timing-function:cubic-bezier(.18,.78,.12,1);
  z-index:2;overflow:clip;
}
html[data-hbt-voyage]::view-transition-image-pair(hbt-voyage-photo) {
  isolation:isolate;
  animation:hbt-voyage-open 1250ms cubic-bezier(.18,.78,.12,1) both;
}
html[data-hbt-voyage]::view-transition-old(hbt-voyage-photo),
html[data-hbt-voyage]::view-transition-new(hbt-voyage-photo) {
  width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;
}
html[data-hbt-voyage]::view-transition-old(hbt-voyage-photo) {
  animation:hbt-voyage-old-photo 1250ms both;
}
html[data-hbt-voyage]::view-transition-new(hbt-voyage-photo) {
  transform-origin:50% 45%;
  animation:hbt-voyage-new-photo 1250ms cubic-bezier(.18,.78,.12,1) both;
}
html[data-hbt-voyage]::view-transition-old(root) {
  animation:hbt-voyage-surround-out 360ms ease both;
}
html[data-hbt-voyage]::view-transition-new(root) {
  animation:hbt-voyage-surround-in 650ms 300ms ease both;
}
::view-transition-group(hbt-voyage-header),
::view-transition-group(hbt-voyage-topbar) {
  animation-duration:600ms;animation-timing-function:cubic-bezier(.22,.8,.12,1);z-index:8;
}
::view-transition-group(hbt-voyage-shade) {z-index:3;}
::view-transition-group(hbt-voyage-kicker),
::view-transition-group(hbt-voyage-title),
::view-transition-group(hbt-voyage-intro),
::view-transition-group(hbt-voyage-action),
::view-transition-group(hbt-voyage-ribbon) {z-index:4;}
html[data-hbt-voyage]::view-transition-new(hbt-voyage-shade) {animation:hbt-voyage-fade-in 650ms 420ms both;}
html[data-hbt-voyage]::view-transition-new(hbt-voyage-kicker) {animation:hbt-voyage-copy-in 550ms 490ms both;}
html[data-hbt-voyage]::view-transition-new(hbt-voyage-title) {animation:hbt-voyage-title-in 680ms 530ms cubic-bezier(.2,.8,.2,1) both;}
html[data-hbt-voyage]::view-transition-new(hbt-voyage-intro) {animation:hbt-voyage-copy-in 550ms 650ms both;}
html[data-hbt-voyage]::view-transition-new(hbt-voyage-action) {animation:hbt-voyage-copy-in 550ms 720ms both;}
html[data-hbt-voyage]::view-transition-new(hbt-voyage-ribbon) {animation:hbt-voyage-ribbon-in 600ms 750ms both;}
html[data-hbt-voyage]::view-transition-old(hbt-voyage-shade),
html[data-hbt-voyage]::view-transition-old(hbt-voyage-kicker),
html[data-hbt-voyage]::view-transition-old(hbt-voyage-title),
html[data-hbt-voyage]::view-transition-old(hbt-voyage-intro),
html[data-hbt-voyage]::view-transition-old(hbt-voyage-action),
html[data-hbt-voyage]::view-transition-old(hbt-voyage-ribbon) {animation:hbt-voyage-fade-out 180ms both;}
html[data-hbt-voyage="back"]::view-transition-group(hbt-voyage-photo),
html[data-hbt-voyage="back"]::view-transition-image-pair(hbt-voyage-photo),
html[data-hbt-voyage="back"]::view-transition-old(hbt-voyage-photo),
html[data-hbt-voyage="back"]::view-transition-new(hbt-voyage-photo) {animation-duration:800ms;}
@keyframes hbt-voyage-open {
  0% {border-radius:25px;box-shadow:0 30px 90px #0005;clip-path:inset(0 round 25px)}
  65% {border-radius:8px;box-shadow:0 15px 55px #0002;clip-path:inset(0 round 8px)}
  100% {border-radius:0;box-shadow:none;clip-path:inset(0)}
}
@keyframes hbt-voyage-old-photo {0%,18%{opacity:1}70%,100%{opacity:0}}
@keyframes hbt-voyage-new-photo {0%,10%{opacity:0;transform:scale(1.09)}45%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes hbt-voyage-surround-out {to{opacity:0;filter:blur(3px)}}
@keyframes hbt-voyage-surround-in {from{opacity:0}to{opacity:1}}
@keyframes hbt-voyage-fade-in {from{opacity:0}to{opacity:1}}
@keyframes hbt-voyage-fade-out {to{opacity:0}}
@keyframes hbt-voyage-copy-in {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes hbt-voyage-title-in {from{opacity:0;transform:translateY(22px);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes hbt-voyage-ribbon-in {from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce) {
  @view-transition {navigation:none;}
  .hbt-site .hbt-tour-card.hbt-voyage-selected {transform:none!important;}
  .hbt-site.hbt-voyage-leaving .hbt-tour-card {opacity:1;}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) {animation:none!important;}
}