/* Site-wide scroll reveals and load motion. Hover/press live in interact.css. */
html{scroll-behavior:smooth}

[data-reveal],.js-reveal,
.manifest .mf,.logo-tile,.tn,.recap .head,.about .top,.figures .fig,.wcard,.sp,.mc,.city,
.nice .lhs,.nice .facts,.venue .imgs,.venue .rhs,.testi,.tier,.sp-logo,.newsletter .lhs,
.newsletter .nf-newsletter,.closing,.sec-head,.inc,.pkg,.hotel,.faq-item,.guide,.visit-card,
.cd-box,.custody,.session,.why-cta,.master .lhs,.profile .portrait,.profile .bio,.form-card,
.scard,.fomo,.ladder,.includes > .k,.includes > h2,.prose > h2,.form-split > *,.cpt-main > *{
  opacity:0;
  transform:translateY(20px);
  animation:itad-reveal-fallback .55s ease 1.2s forwards;
  transition:opacity .5s ease var(--d,0ms),transform .5s cubic-bezier(.2,.7,.2,1) var(--d,0ms);
}
[data-reveal].is-in,.js-reveal.is-in,
.manifest .mf.is-in,.logo-tile.is-in,.tn.is-in,.recap .head.is-in,.about .top.is-in,.figures .fig.is-in,.wcard.is-in,.sp.is-in,.mc.is-in,.city.is-in,
.nice .lhs.is-in,.nice .facts.is-in,.venue .imgs.is-in,.venue .rhs.is-in,.testi.is-in,.tier.is-in,.sp-logo.is-in,.newsletter .lhs.is-in,
.newsletter .nf-newsletter.is-in,.closing.is-in,.sec-head.is-in,.inc.is-in,.pkg.is-in,.hotel.is-in,.faq-item.is-in,.guide.is-in,.visit-card.is-in,
.cd-box.is-in,.custody.is-in,.session.is-in,.why-cta.is-in,.master .lhs.is-in,.profile .portrait.is-in,.profile .bio.is-in,.form-card.is-in,
.scard.is-in,.fomo.is-in,.ladder.is-in,.includes > .k.is-in,.includes > h2.is-in,.prose > h2.is-in,.form-split > *.is-in,.cpt-main > *.is-in{
  opacity:1;
  transform:none;
  animation:none;
}
[data-reveal="left"],.js-reveal[data-from="left"]{transform:translateX(-24px)}
[data-reveal="right"],.js-reveal[data-from="right"]{transform:translateX(24px)}
[data-reveal="scale"]{transform:scale(.96)}
[data-reveal="left"].is-in,[data-reveal="right"].is-in,[data-reveal="scale"].is-in,
.js-reveal[data-from="left"].is-in,.js-reveal[data-from="right"].is-in{transform:none}

.figures .num,.tn .statrow .v,.hero-stats .num{font-variant-numeric:tabular-nums}

.hero-bg img{transform:scale(1);animation:itad-ken-hero 20s ease-out forwards}
.hero > .eyebrow{animation:itad-fade-up .55s ease both}
.hero > .h-itad{animation:itad-fade-up .55s ease .08s both}
.hero > .h-europe{animation:itad-fade-up .55s ease .16s both}
.hero > .h-tagline{animation:itad-fade-up .55s ease .24s both}
.hero > .h-sub{animation:itad-fade-up .5s ease .32s both}
.hero > .pills{animation:itad-fade-up .5s ease .4s both}
.hero > .hero-cta{animation:itad-fade-up .5s ease .48s both}
.hero-stats{animation:itad-fade-left .6s ease .35s both}
.hero-cta .agenda-link .chev{display:inline-block;margin-left:4px;animation:itad-bounce 1.6s ease-in-out infinite}

.page-hero > .crumb{animation:itad-fade-up .5s ease both}
.page-hero > h1{animation:itad-fade-up .5s ease .08s both}
.page-hero > .lede{animation:itad-fade-up .5s ease .16s both}

.connector{opacity:0;animation:itad-fade .5s ease 1.4s forwards}
.connector.is-in{opacity:1;animation:none}

.custody .track::after{
  content:'';
  position:absolute;
  left:0;right:0;top:29px;height:1px;
  background:linear-gradient(90deg,var(--azure-500),var(--coral),var(--mimosa));
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .8s ease;
  pointer-events:none;
}
.custody.is-in .track::after{transform:scaleX(1)}
.custody .stop{
  opacity:0;
  transform:translateY(8px);
  animation:itad-reveal-fallback .55s ease 1.3s forwards;
  transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,.2,1);
}
.custody.is-in .stop{opacity:1;transform:none;animation:none}
.custody.is-in .stop:nth-child(1){transition-delay:.08s}
.custody.is-in .stop:nth-child(2){transition-delay:.16s}
.custody.is-in .stop:nth-child(3){transition-delay:.24s}
.custody.is-in .stop:nth-child(4){transition-delay:.32s}
.custody.is-in .stop:nth-child(5){transition-delay:.4s}

.closing::before{
  content:'';
  position:absolute;
  left:0;top:0;width:100%;height:4px;
  background:linear-gradient(90deg,#2eb8e8 0%,#ff5c4a 45%,#ffc93d 100%);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .7s ease;
  z-index:3;
  pointer-events:none;
}
.closing.is-in::before{transform:scaleX(1)}

.tab{transition:background-color .2s ease,color .2s ease,transform .15s ease,border-color .2s ease}
.tab:active{transform:scale(.99)}

.profile .portrait img{animation:itad-ken-hero 18s ease-out forwards}

.cd-box .n{display:inline-block}
.cd-box .n.is-tick{animation:itad-tick .15s ease}

@keyframes itad-fade-up{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}
@keyframes itad-fade-left{
  from{opacity:0;transform:translateX(24px)}
  to{opacity:1;transform:none}
}
@keyframes itad-fade{
  from{opacity:0}
  to{opacity:1}
}
@keyframes itad-reveal-fallback{
  to{opacity:1;transform:none}
}
@keyframes itad-ken-hero{
  from{transform:scale(1)}
  to{transform:scale(1.06)}
}
@keyframes itad-bounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(2px)}
}
@keyframes itad-tick{
  from{opacity:.45;transform:translateY(5px)}
  to{opacity:1;transform:none}
}
@keyframes itad-pulse{
  0%,100%{opacity:1}
  50%{opacity:.35}
}

@media (max-width:700px){
  [data-reveal],.js-reveal{transform:translateY(14px);transition-duration:.4s}
  .hero > .eyebrow,.hero > .h-itad,.hero > .h-europe,.hero > .h-tagline,.hero > .h-sub,.hero > .pills,.hero > .hero-cta,.hero-stats,
  .page-hero > .crumb,.page-hero > h1,.page-hero > .lede{animation-duration:.4s}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
  [data-reveal],.js-reveal,.hero > .eyebrow,.hero > .h-itad,.hero > .h-europe,.hero > .h-tagline,.hero > .h-sub,.hero > .pills,.hero > .hero-cta,.hero-stats,
  .page-hero > .crumb,.page-hero > h1,.page-hero > .lede,.connector,.custody .stop,.hero-bg img,.profile .portrait img,.hero-cta .agenda-link .chev,.utility .pulse .dot,.cd-box .n{
    opacity:1 !important;
    transform:none !important;
    animation:none !important;
    filter:none !important;
  }
  .custody .track::after,.closing::before{transform:none !important}
}
