/* Here & Beyond 2026 - scoped copy of build/css/motion.css for the Divi page. Generated by divi/build-divi.py; edit the build, not this file. */
#page-container .hb-motion{--hb-ease-out: cubic-bezier(.22,.61,.36,1);}
.hb-motion #page-container .stat__num.hb-counting{font-variant-numeric:tabular-nums lining-nums;}
.hb-motion #page-container .carousel__bars button{position:relative;
  overflow:hidden;}
.hb-motion #page-container .carousel__bars button.hb-bar-fill[aria-current="true"]{background:#fff;}
.hb-motion #page-container .carousel__bars button.hb-bar-fill[aria-current="true"]::after{content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  background:var(--magenta,#9b119b);
  transform-origin:left center;
  transform:scaleX(var(--hb-fill,0));}
.hb-motion #page-container .slide__media{transform-origin:50% 50%; will-change:transform;}
.hb-motion #page-container .slide.hb-live .slide__media{transform:scale(var(--hb-kb,1));}
.hb-motion #page-container .slide .hb-stag{opacity:0;
  transform:translate3d(0,16px,0);}
.hb-motion #page-container .slide .hb-stag.hb-stag-in{opacity:1;
  transform:none;
  transition:opacity .55s var(--hb-ease-out) var(--hb-d,0ms),
             transform .55s var(--hb-ease-out) var(--hb-d,0ms);}
.hb-motion #page-container .slide.hb-leaving .slide__body{opacity:0;
  transition:opacity .28s linear;}
.hb-motion #page-container .hb-rev{opacity:0;
  transform:translate3d(0,18px,0);}
.hb-motion #page-container .hb-rev.hb-rev-in{opacity:1;
  transform:none;
  transition:opacity .6s var(--hb-ease-out) var(--hb-d,0ms),
             transform .6s var(--hb-ease-out) var(--hb-d,0ms);}
@media (prefers-reduced-motion:reduce){.hb-motion #page-container .hb-rev,
.hb-motion #page-container .slide .hb-stag{opacity:1 !important;
    transform:none !important;
    transition:none !important;}
.hb-motion #page-container .slide.hb-leaving .slide__body{opacity:1 !important;}
.hb-motion #page-container .slide.hb-live .slide__media{transform:none !important;}
.hb-motion #page-container .carousel__bars button.hb-bar-fill[aria-current="true"]{background:var(--magenta,#9b119b);}
.hb-motion #page-container .carousel__bars button.hb-bar-fill[aria-current="true"]::after{content:none;}

}
#page-container .site-header__logo .site-header__mark{display:block;
  width:clamp(180px, 21.7vw, 347px);   
  height:auto;}
@media (max-width:560px){#page-container .site-header__logo .site-header__mark{width:min(255px, 66vw);}

}
#page-container .hb-depth{position:absolute; overflow:hidden; pointer-events:none;}
#page-container .hb-depth__img{position:absolute; inset:0;
  background-repeat:no-repeat;
  will-change:transform;
  
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 5%, #000 95%, transparent 100%);
          mask-image:linear-gradient(to bottom, transparent 0, #000 5%, #000 95%, transparent 100%);}
.hb-motion #page-container .hb-fade .twenty__photo{opacity:0;}
.hb-motion #page-container .hb-fade .twenty__photo.hb-was{opacity:1; z-index:1;}
.hb-motion #page-container .hb-fade .twenty__photo.hb-on{opacity:1; z-index:2;}
.hb-motion #page-container .progress{position:relative; isolation:isolate;}
@keyframes hbPulseRing{
  0%   { transform:scale(1);    opacity:.5; }
  60%  { transform:scale(1.42); opacity:0; }
  100% { transform:scale(1.42); opacity:0; }
}
@keyframes hbPlayBeat{
  0%, 60%, 100% { transform:scale(1); }
  14%           { transform:scale(1.05); }
}
.hb-motion #page-container .video__play.hb-pulse{animation:hbPlayBeat 4s var(--hb-ease-out) infinite;}
.hb-motion #page-container .video__play.hb-pulse::after{content:""; position:absolute; inset:-9px;
  border:2px solid #fff; border-radius:999px;
  pointer-events:none; opacity:0;
  animation:hbPulseRing 4s var(--hb-ease-out) infinite;}
.hb-motion #page-container .video__play.hb-pulse:hover,
.hb-motion #page-container .video__play.hb-pulse:hover::after{animation:none;}
.hb-motion #page-container .video__play.hb-pulse:hover::after{opacity:0;}
.hb-motion #page-container .video__frame.is-playing.hb-fading .video__poster{display:block; position:absolute; inset:0; z-index:2;
  opacity:1; transition:opacity .35s linear;}
.hb-motion #page-container .video__frame.is-playing.hb-fading .video__play{display:grid; z-index:3;
  opacity:1; transition:opacity .35s linear;}
.hb-motion #page-container .video__frame.is-playing.hb-fading.hb-fading-out .video__poster,
.hb-motion #page-container .video__frame.is-playing.hb-fading.hb-fading-out .video__play{opacity:0;}
.hb-motion #page-container .btn--teal{transition:background-color .2s var(--hb-ease-out), transform .2s var(--hb-ease-out);}
.hb-motion #page-container .btn--teal:hover{background:#22acb4; transform:translateY(-1px);}
.hb-motion #page-container .btn--teal:active{transform:translateY(1px);}
.hb-motion #page-container .gc__next .hb-label{display:inline-block; transition:transform .2s var(--hb-ease-out);}
.hb-motion #page-container .gc__next:hover .hb-label{transform:translateX(2px);}
.hb-motion #page-container .socials a{transition:color .2s var(--hb-ease-out), transform .2s var(--hb-ease-out);}
.hb-motion #page-container .socials a:hover{transform:scale(1.08);}
.hb-motion #page-container .carousel__viewport{cursor:grab;}
.hb-motion #page-container .carousel.hb-dragging .carousel__viewport{cursor:grabbing;}
.hb-motion #page-container .carousel.hb-dragging .slide__body{pointer-events:none;}
@keyframes hbTwinkle{ 0%,100%{ opacity:0; } 50%{ opacity:.85; } }
.hb-motion #page-container .hb-spark{position:absolute;
  width:10px; height:10px; margin:-5px 0 0 -5px;
  border-radius:50%;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(circle,
    rgba(255,246,219,.95) 0%,
    rgba(255,206,122,.5) 45%,
    rgba(255,190,90,0) 70%);
  animation:hbTwinkle var(--hb-per, 2.4s) ease-in-out infinite;
  animation-delay:var(--hb-delay, 0s);}
@media (prefers-reduced-motion:reduce){.hb-motion #page-container .hb-depth__img.hb-drifting{animation:none !important; transform:none !important;}
.hb-motion #page-container .hb-fade .twenty__photo{transform:none !important;}
.hb-motion #page-container .hb-spark{animation:none !important; opacity:0 !important;}
.hb-motion #page-container .video__play.hb-pulse,
.hb-motion #page-container .video__play.hb-pulse::after{animation:none !important;}
.hb-motion #page-container .video__play.hb-pulse::after{content:none;}
.hb-motion #page-container .video__frame{transition:none !important;}

}

