.motion-arrow{display:inline-flex;position:relative;flex:none;width:1em;height:1em;white-space:nowrap;vertical-align:-.12em;transform:translate(0,0);line-height:1}
.motion-arrow svg{display:block;width:100%;height:100%;overflow:visible}
.underlined span .motion-arrow{margin-left:0}
.path-links strong .motion-arrow{font-size:inherit;letter-spacing:normal}
a:hover .motion-arrow,button:hover .motion-arrow,a:focus-visible .motion-arrow,button:focus-visible .motion-arrow,a.is-pressed .motion-arrow,button.is-pressed .motion-arrow{animation:arrow-pass .58s cubic-bezier(.2,.7,.2,1) both}
.motion-arrow[data-direction="left"]{--arrow-x:-9px;--arrow-y:0px}
.motion-arrow[data-direction="right"]{--arrow-x:9px;--arrow-y:0px}
.motion-arrow[data-direction="up"]{--arrow-x:0px;--arrow-y:-9px}
.motion-arrow[data-direction="diagonal"]{--arrow-x:9px;--arrow-y:-9px}
.cta-label{font-size:inherit!important;margin:0!important;display:inline-block;transition:translate .4s cubic-bezier(.2,.8,.2,1)}
.story-link,.underlined,.band-link,.contact-links>a,.contact-links>button,.case-bottom button{position:relative}
.story-link::after,.underlined::after,.band-link::after,.contact-links>a::after,.contact-links>button::after,.case-bottom button::after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.16,1,.3,1);pointer-events:none}
.story-link:hover::after,.underlined:hover::after,.band-link:hover::after,.contact-links>a:hover::after,.contact-links>button:hover::after,.case-bottom button:hover::after,.story-link:focus-visible::after,.underlined:focus-visible::after{transform:scaleX(1);transform-origin:left}
.story-link:hover .cta-label,.underlined:hover .cta-label,.story-link:focus-visible .cta-label,.underlined:focus-visible .cta-label{translate:4px 0}
.story-link.is-pressed::after,.underlined.is-pressed::after,.band-link.is-pressed::after,.contact-links>.is-pressed::after,.case-bottom button.is-pressed::after{transform:scaleX(1);transform-origin:left}
.story-link.is-pressed .cta-label,.underlined.is-pressed .cta-label{translate:4px 0}
.outline-pill{transition:background .3s,color .3s,box-shadow .4s,translate .4s}
.outline-pill:hover,.outline-pill:focus-visible{translate:0 -2px;box-shadow:0 6px 0 #2221}
.outline-pill.is-pressed{translate:0 -2px;box-shadow:0 6px 0 #2221;background:#222;color:#fff}
.little-arrow .motion-arrow{animation:arrow-breathe 4s ease-in-out infinite}
.motion-ready .motion-reveal{opacity:0;translate:0 32px;transition:opacity .85s cubic-bezier(.2,.7,.2,1),translate 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .motion-reveal.is-revealed{opacity:1;translate:0 0}
.sweep-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.sweep-text{display:block}
.motion-ready .motion-heading .sweep-text{translate:0 112%;opacity:0;transition:translate 1.05s cubic-bezier(.16,1,.3,1),opacity .7s;transition-delay:var(--line-delay,0ms)}
.motion-ready .motion-heading.is-revealed .sweep-text{translate:0 0;opacity:1}
.motion-ready .reveal-art{clip-path:inset(12% 0 0 0 round 16px);transition:clip-path 1.1s cubic-bezier(.16,1,.3,1)}
.motion-ready .reveal-art.is-revealed{clip-path:inset(0 0 0 0 round 0px)}
.lead-story-media img{transform:translate3d(var(--art-x,0px),calc(var(--art-y,0px) + var(--scroll-y,0px)),0) rotate(calc(-3deg + var(--art-r,0deg)));transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s}
.lead-story:hover .lead-story-media img,.lead-story:focus-within .lead-story-media img{transform:translate3d(var(--art-x,0px),calc(var(--art-y,0px) + var(--scroll-y,0px)),0) rotate(var(--art-r,0deg)) scale(1.035);box-shadow:0 12px 30px #2224}
.featured-screen img{transform:translate3d(0,var(--scroll-y,0px),0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.editorial-number,.crm-wordmark{transform:translate3d(calc(var(--art-x,0px)*.35),calc(var(--art-y,0px)*.35),0);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.prediction-art.is-art-visible .seat,.prediction-hero.is-art-visible .seat{animation:seat-enter .65s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--seat-index,0)*24ms)}
.prediction-story:hover .seat.is-filled{animation:seat-pulse 1.9s ease-in-out infinite;animation-delay:calc(var(--seat-index,0)*45ms)}
.crm-process>span{animation:flow-node 4.8s ease-in-out infinite;animation-delay:calc(var(--flow-index,0)*1.15s);animation-play-state:paused;transform-origin:center}
.crm-art.is-art-visible .crm-process>span{animation-play-state:running}
.crm-process .motion-arrow{animation:flow-arrow 3.6s ease-in-out infinite;animation-delay:calc(var(--flow-index,0)*1.1s);animation-play-state:paused}
.crm-art.is-art-visible .crm-process .motion-arrow{animation-play-state:running}
.film-frames{transform:translate3d(var(--art-x,0px),calc(var(--art-y,0px) + var(--scroll-y,0px)),0) rotate(-9deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.film-frames>div{--frame-offset:0px;animation:frame-float 5.4s ease-in-out infinite;animation-play-state:paused;animation-delay:calc(var(--frame-index,0)*-.8s)}
.film-frames>div:nth-child(2){--frame-offset:16px}
.film-frames>div:nth-child(3){--frame-offset:32px}
.video-art.is-art-visible .film-frames>div{animation-play-state:running}
.video-story:hover .film-frames>div{animation-duration:3.2s}
.identity-block .identity-symbol{animation:identity-float 6.5s ease-in-out infinite;animation-play-state:paused}
.identity-block.is-art-visible .identity-symbol{animation-play-state:running}
.experience-row{transition:padding .35s,background .35s}
.path-links strong{transition:padding .4s cubic-bezier(.2,.8,.2,1)}
.motion-tab-hidden *{animation-play-state:paused!important}
@keyframes arrow-pass{0%{transform:translate(0,0);opacity:1}45%{transform:translate(var(--arrow-x),var(--arrow-y));opacity:0}46%{transform:translate(calc(var(--arrow-x)*-1),calc(var(--arrow-y)*-1));opacity:0}100%{transform:translate(0,0);opacity:1}}
@keyframes arrow-breathe{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-3px)}}
@keyframes seat-enter{from{opacity:0;transform:translateY(9px) scale(.55)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes seat-pulse{0%,70%,100%{transform:scale(1);opacity:1}35%{transform:scale(1.12);opacity:.66}}
@keyframes flow-node{0%,17%,100%{background:transparent;transform:translateY(0)}30%,43%{background:#ffffff55;transform:translateY(-3px)}}
@keyframes flow-arrow{0%,18%,70%,100%{transform:translateX(0);opacity:1}42%{transform:translateX(5px);opacity:.38}}
@keyframes frame-float{0%,100%{transform:translateY(var(--frame-offset)) rotate(0deg)}50%{transform:translateY(calc(var(--frame-offset) - 7px)) rotate(1.5deg)}}
@keyframes identity-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(-2deg)}}
@keyframes arrow-idle{0%,68%,100%{transform:translate(0,0);opacity:1}78%{transform:translate(calc(var(--arrow-x)*.55),calc(var(--arrow-y)*.55));opacity:.45}87%{transform:translate(0,0);opacity:1}}
@keyframes screen-float{0%,100%{transform:translate3d(0,var(--scroll-y,0px),0) rotate(-3deg)}50%{transform:translate3d(0,calc(var(--scroll-y,0px) - 5px),0) rotate(-1.8deg)}}
@media(hover:none),(pointer:coarse),(max-width:700px){
  .motion-arrow.is-arrow-visible{animation:arrow-idle 4.6s ease-in-out infinite;animation-delay:var(--arrow-delay,0s)}
  .little-arrow .motion-arrow.is-arrow-visible{animation:arrow-breathe 4s ease-in-out infinite}
  .crm-art.is-art-visible .crm-process .motion-arrow{animation:flow-arrow 3.6s ease-in-out infinite;animation-delay:calc(var(--flow-index,0)*1.1s)}
  .is-pressed .motion-arrow.is-arrow-visible{animation:arrow-pass .58s cubic-bezier(.2,.7,.2,1) both}
  .prediction-art.is-art-visible .seat.is-filled,.prediction-hero.is-art-visible .seat.is-filled{animation:seat-enter .65s cubic-bezier(.2,.8,.2,1) both,seat-pulse 3.9s ease-in-out infinite;animation-delay:calc(var(--seat-index,0)*24ms),calc(.8s + var(--seat-index,0)*45ms)}
  .lead-story-media.is-art-visible img{animation:screen-float 6s ease-in-out infinite}
  .video-story:hover .film-frames>div{animation-duration:5.4s}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.motion-arrow,.film-frames>div,.crm-process>span,.identity-symbol,.seat{animation:none!important}.motion-ready .motion-reveal,.motion-ready .motion-heading .sweep-text{opacity:1;translate:none;transition:none}.motion-ready .reveal-art{clip-path:none;transition:none}.lead-story-media img,.featured-screen img,.editorial-number,.crm-wordmark,.film-frames{transition:none}.cta-label,.outline-pill{translate:none!important;transition:none}.story-link::after,.underlined::after{transition:none}.little-arrow .motion-arrow{animation:none}}