/* Reveal the four parts of the approved artwork, then hold the complete logo. */
.brand-animation{position:relative;display:block;width:min(100%,980px);padding:0;margin-inline:auto;background:transparent;border:0;border-radius:0;line-height:0;overflow:visible}
.brand-animation .brand-fallback{width:100%;height:auto;filter:none;mix-blend-mode:normal}
.brand-animation .brand-sequence{display:none;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.brand-animation.is-brand-ready .brand-fallback{visibility:hidden}
.brand-animation.is-brand-ready .brand-sequence{display:block}
.brand-sequence .brand-part{animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}
.brand-sequence .brand-jp{animation-name:jp-brand-jp}
.brand-sequence .brand-imports{animation-name:jp-brand-imports}
.brand-sequence .brand-slogan{animation-name:jp-brand-slogan}
.brand-sequence .brand-tagline{animation-name:jp-brand-tagline}
.brand-animation.is-brand-running .brand-part{animation-play-state:running}
.brand-animation[aria-pressed="true"] .brand-part,.brand-animation.is-brand-hovered .brand-part{animation:none;opacity:1}
@keyframes jp-brand-jp{0%,92%,100%{opacity:0}8%,86%{opacity:1}}
@keyframes jp-brand-imports{0%,10%,92%,100%{opacity:0}18%,86%{opacity:1}}
@keyframes jp-brand-slogan{0%,20%,92%,100%{opacity:0}28%,86%{opacity:1}}
@keyframes jp-brand-tagline{0%,30%,92%,100%{opacity:0}40%,86%{opacity:1}}
@media(prefers-reduced-motion:reduce){.brand-sequence .brand-part{animation:none!important;opacity:1}}