.story{display:flex;flex-direction:column;gap:30px;position:relative}.story::before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:8px;padding-top:7px;padding-bottom:7px;box-sizing:border-box;background:radial-gradient(circle, #4d4d4d 3px, transparent 4px) center 12px/8px 14px repeat-y}@media(max-width: 991.98px){.story::before{left:15px}}@media(max-width: 991.98px){.story .story-box{flex-direction:row-reverse}}@media(min-width: 992px){.story .story-box:nth-child(2n+2){flex-direction:row-reverse}.story .story-box:nth-child(2n+2) .story-info-inner::before{left:0;right:auto;rotate:-90deg}}.story .story-box.is-hidden{opacity:0}@media(min-width: 992px){.story .story-box.bounce-in:nth-child(2n+2) .story-info{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}.story .story-box.bounce-in .story-info{visibility:visible;-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}.story .story-box.bounce-in .story-year{visibility:visible;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}.story .story-info{position:relative}.story .story-info-inner{background-color:#ededed;padding:20px}@media(max-width: 991.98px){.story .story-info-inner{max-width:500px}}.story .story-info-inner::before{content:"";display:block;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #ededed;position:absolute;top:50%;right:0;transform:translateY(-50%);rotate:90deg}@media(max-width: 991.98px){.story .story-info-inner::before{left:0;right:auto;rotate:-90deg}}.story .story-year{display:flex;justify-content:center;align-items:center;padding-top:15px}@media(max-width: 991.98px){.story .story-year{justify-content:left}}.story .story-year-inner{line-height:1;font-weight:900;background-color:#fff;position:relative;z-index:2}.story .story-year-inner{font-size:28px}@media screen and (min-width: 480px){.story .story-year-inner{font-size:calc(28px + 12*(100vw - 480px)/920)}}@media screen and (min-width: 1400px){.story .story-year-inner{font-size:40px}}.story .story-year-inner::before{content:"";position:absolute;top:-5px;bottom:-10px;left:50%;transform:translateX(-50%);width:16px;background:#fff;z-index:-1}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}