/* Original particle mark: fixed silhouette and circular motion, no gallery. */
.brand-constellation {display:block;width:100%;height:auto;aspect-ratio:1;overflow:visible;}
.brand-story .brand-hero__art {max-width:560px;width:100%;justify-self:center;}
.brand-story .brand-hero__caption {display:block;text-align:center;}
@keyframes brand-gather {from{opacity:0;transform:translate(calc(var(--dust-x) * 1.8),calc(var(--dust-y) * 1.8)) rotate(var(--dust-r)) scale(1.65)}to{opacity:1;transform:none}}
.brand-arrival {animation:brand-arrival-finish 4.2s linear both;}
.brand-arrival-dust {fill:var(--kk-color-white);transform-origin:300px 300px;animation:brand-gather 3s cubic-bezier(.16,1,.3,1) both;}
.brand-arrival-dust.brand-dust--1,.brand-arrival-dust.brand-dust--4 {fill:var(--pink);}
.brand-arrival-dust.brand-dust--0 {animation-delay:0s;}
.brand-arrival-dust.brand-dust--1 {animation-delay:.1s;}
.brand-arrival-dust.brand-dust--2 {animation-delay:.2s;}
.brand-arrival-dust.brand-dust--3 {animation-delay:.3s;}
.brand-arrival-dust.brand-dust--4 {animation-delay:.4s;}
.brand-arrival-dust.brand-dust--5 {animation-delay:.5s;}
.brand-circulation {opacity:0;animation:brand-circulation-start .6s linear 3.6s forwards;}
.brand-orbit {fill:var(--kk-color-white);transform-origin:300px 300px;animation:brand-inner-orbit 34s linear 3.6s infinite;}
.brand-orbit--1 {fill:var(--pink);animation-duration:42s;animation-direction:reverse;}
.brand-orbit--2 {animation-duration:29s;}
.brand-orbit--3 {animation-duration:48s;animation-direction:reverse;}
.brand-orbit--4 {fill:var(--pink);animation-duration:38s;}
.brand-orbit--5 {animation-duration:53s;animation-direction:reverse;}
@keyframes brand-inner-orbit {to{transform:rotate(360deg)}}
@keyframes brand-arrival-finish {0%,85.714%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes brand-circulation-start {from{opacity:0}to{opacity:1}}
.brand-dust--0 {--dust-x:-80px;--dust-y:50px;--dust-r:-8deg;}
.brand-dust--1 {--dust-x:100px;--dust-y:-60px;--dust-r:9deg;fill:var(--pink);}
.brand-dust--2 {--dust-x:-10px;--dust-y:-100px;--dust-r:-12deg;}
.brand-dust--3 {--dust-x:80px;--dust-y:90px;--dust-r:13deg;}
.brand-dust--4 {--dust-x:-95px;--dust-y:-90px;--dust-r:6deg;fill:var(--pink);}
.brand-dust--5 {--dust-x:40px;--dust-y:110px;--dust-r:-10deg;}
@media(max-width:1100px) {
 .brand-story .brand-hero__art {order:-1;width:100%;max-width:none;margin:0;}
 .brand-story .brand-constellation {width:clamp(220px,38vw,300px);max-width:100%;margin:0 auto;}
 .brand-story .brand-hero__caption {text-align:center;font-size:13px;line-height:1.5;margin:24px 0 0;}
}
@media(prefers-reduced-motion:reduce) {
 .brand-arrival {display:none;animation:none;}
 .brand-circulation {animation:none;opacity:1;}
 .brand-orbit {animation:none;transform:none;}
}

.brand-constellation.brand-motion-idle * {animation-play-state:paused;}