.shw-hkf-border-journey{position:relative;margin:0 2% 18px;isolation:isolate}
.shw-hkf-border-journey__stage{position:relative;height:170px;overflow:hidden;border-bottom:1px solid #dfc3ce}
.shw-hkf-border-journey__actor{position:absolute;bottom:-11px;width:150px;height:150px;z-index:2;pointer-events:none}
.shw-hkf-border-journey__actor img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.shw-hkf-border-journey__actor--one{left:2%;--enter:-35vw;--delay:0ms}
.shw-hkf-border-journey__actor--two{left:calc(2% + 140px);--enter:-50vw;--delay:160ms}
.shw-hkf-border-journey__actor--three{right:2%;--enter:35vw;--delay:120ms}
.shw-hkf-border-journey__beam{position:absolute;left:0;bottom:0;width:100%;height:210%;opacity:0;pointer-events:none;transform-origin:0 100%;clip-path:polygon(0 100%,38% 0,100% 0);background:radial-gradient(ellipse at bottom left,rgba(255,230,158,.85),rgba(255,248,219,.52) 40%,transparent 78%);z-index:1}
.shw-hkf-border-journey button{display:block;margin:5px auto 0;padding:8px 14px;min-height:44px;border:0;background:transparent;color:#71495e;font:400 12px/1.4 Arial,sans-serif;text-decoration:underline;cursor:pointer}
.shw-hkf-border-journey button:focus-visible{outline:3px solid #253c71;outline-offset:3px}
.shw-hkf-border-journey.is-ready:not(.is-playing):not(.is-settled) .shw-hkf-border-journey__actor{opacity:0}
.shw-hkf-border-journey.is-playing .shw-hkf-border-journey__beam{animation:shw-border-beam 3400ms ease-in-out both}
.shw-hkf-border-journey.is-playing .shw-hkf-border-journey__actor{animation:shw-border-walk 3000ms linear var(--delay) both}
.shw-hkf-border-journey.is-playing .shw-hkf-border-journey__actor img{animation:shw-border-footsteps 380ms ease-in-out var(--delay) 8,shw-border-bounce 1200ms ease-in-out calc(var(--delay) + 3040ms) forwards}
@keyframes shw-border-beam{0%{opacity:0;transform:rotate(-22deg)}25%{opacity:.9}60%{opacity:.75}100%{opacity:0;transform:rotate(12deg)}}
@keyframes shw-border-walk{0%{opacity:0;transform:translateX(var(--enter))}7%{opacity:1}100%{opacity:1;transform:translateX(0)}}
@keyframes shw-border-footsteps{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes shw-border-bounce{0%,28%,55%,78%,100%{transform:translateY(0)}14%{transform:translateY(-12px)}42%{transform:translateY(-8px)}66%{transform:translateY(-4px)}}
@media(max-width:767px){.shw-hkf-border-journey__stage{height:116px}.shw-hkf-border-journey__actor{width:94px;height:94px;bottom:-7px}.shw-hkf-border-journey__actor--one{left:0;--enter:-45vw}.shw-hkf-border-journey__actor--two{left:calc(2% + 82px);--enter:-75vw}.shw-hkf-border-journey__actor--three{right:0;--enter:45vw}}
.shw-motion-off .shw-hkf-border-journey__actor,.shw-motion-off .shw-hkf-border-journey__actor img{animation:none!important;opacity:1!important;transform:none!important}
.shw-motion-off .shw-hkf-border-journey__beam,.shw-motion-off .shw-hkf-border-journey button{display:none}
@media(prefers-reduced-motion:reduce){.shw-hkf-border-journey__actor,.shw-hkf-border-journey__actor img{animation:none!important;opacity:1!important;transform:none!important}.shw-hkf-border-journey__beam,.shw-hkf-border-journey button{display:none}}

.shw-hkf-border-journey__actor--three{width:132px;height:132px;bottom:0}@media(max-width:767px){.shw-hkf-border-journey__actor--three{width:82px;height:82px;bottom:0}}

.shw-hkf-border-journey{height:0;margin:0 2%;z-index:40;pointer-events:none}
.shw-hkf-border-journey__stage{position:absolute;left:0;right:0;top:-95px;height:170px;border:0;overflow:visible;clip-path:inset(-150vh 0 -30px)}
.shw-hkf-border-journey__actor{z-index:3}
.shw-hkf-border-journey__beam{position:fixed;left:0;bottom:0;width:100vw;height:120vh;z-index:2;background:radial-gradient(ellipse at bottom left,rgba(255,230,158,.65),rgba(255,248,219,.28) 40%,transparent 78%)}
.shw-hkf-border-journey button{position:absolute;top:78px;left:50%;transform:translateX(-50%);pointer-events:auto;z-index:4;margin:0;background:rgba(255,250,252,.92);border-radius:20px}
@media(max-width:767px){.shw-hkf-border-journey__stage{height:116px;top:-55px}.shw-hkf-border-journey button{top:65px;font-size:10px}}

.shw-hkf-border-journey__stage{top:-85px;height:120px}
.shw-hkf-border-journey__actor{width:100px;height:100px;bottom:-7px}
.shw-hkf-border-journey__actor--one{left:0;--enter:-40vw}
.shw-hkf-border-journey__actor--two{left:calc(50% - 50px);--enter:-75vw}
.shw-hkf-border-journey__actor--three{right:0;width:88px;height:88px;bottom:0;--enter:40vw}
.shw-hkf-border-journey button{top:39px}
@media(max-width:767px){.shw-hkf-border-journey__stage{top:-60px;height:88px}.shw-hkf-border-journey__actor{width:76px;height:76px;bottom:-5px}.shw-hkf-border-journey__actor--two{left:calc(50% - 38px)}.shw-hkf-border-journey__actor--three{width:67px;height:67px;bottom:0}.shw-hkf-border-journey button{top:30px}}

.shw-hkf-border-journey{margin-bottom:76px}
@media(max-width:767px){.shw-hkf-border-journey{margin-bottom:68px}}
