.story-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.story-container .title{color:gray;font-size:38px;font-style:italic;font-weight:800}.timeline{background-color:#fff;box-shadow:0 5px 25px 5px rgba(0,0,0,.2);width:100%}.timeline .swiper-container{height:600px;position:relative;width:100%}.timeline .swiper-wrapper{height:100%;transition:transform .8s ease-in-out;width:100%}.timeline .swiper-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;overflow:hidden;position:relative;transition:transform .5s ease-in-out}.timeline .swiper-slide:after{background-color:rgba(0,0,0,.7);border-radius:100%;bottom:-10%;box-shadow:-230px 0 150px 60vw rgba(0,0,0,.7);content:"";height:100%;position:absolute;right:-115%;width:100%;z-index:1}.timeline .swiper-slide-content{font-size:12px;max-width:310px;position:absolute;right:50%;text-align:center;top:13%;transform:translate(50%);width:80%;z-index:2}.timeline .swiper-slide-content .timeline-year{color:#ff7d00;display:block;font-size:42px;font-style:italic;font-weight:300;margin-bottom:50px;transform:translate3d(20px,0,0);transition:.2s ease .4s}.timeline .swiper-slide-content .timeline-title{font-size:34px;font-weight:800;margin:0 0 30px;transform:translate3d(20px,0,0);transition:.2s ease .5s}.timeline .swiper-slide-content .timeline-text{line-height:1.5;transform:translate3d(20px,0,0);transition:.2s ease .6s}.timeline .swiper-slide-active .timeline-year{transform:translateZ(0);transition:.4s ease 1.6s}.timeline .swiper-slide-active .timeline-title{transform:translateZ(0);transition:.4s ease 1.7s}.timeline .swiper-slide-active .timeline-text{transform:translateZ(0);transition:.4s ease 1.8s}.timeline .swiper-pagination{flex-direction:column;font-size:18px;font-style:italic;font-weight:300;height:100%;justify-content:center;right:15%!important;z-index:1}.timeline .swiper-pagination:before{background-color:hsla(0,0%,100%,.2);content:"";height:100%;left:-30px;position:absolute;top:0;width:1px}.timeline .swiper-pagination-bullet{background:transparent;height:auto;margin:15px 0!important;opacity:1;position:relative;text-align:center;width:auto}.timeline .swiper-pagination-bullet-active{color:#ff7d00}.timeline .swiper-pagination-bullet-active:before{transform:scale(1)}.timeline .swiper-button-next,.timeline .swiper-button-prev{background-size:20px 20px;height:20px;margin-top:0;top:15%;transition:.2s;width:20px;z-index:2}.timeline .swiper-button-next.swiper-button-prev,.timeline .swiper-button-prev.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23d4a024'/%3E%3C/svg%3E");left:8%}.timeline .swiper-button-next.swiper-button-prev:hover,.timeline .swiper-button-prev.swiper-button-prev:hover{transform:translateX(-3px)}.timeline .swiper-button-next.swiper-button-next,.timeline .swiper-button-prev.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23d4a024'/%3E%3C/svg%3E");right:8%}.timeline .swiper-button-next.swiper-button-next:hover,.timeline .swiper-button-prev.swiper-button-next:hover{transform:translateX(3px)}@media screen and (min-width:768px){.timeline .swiper-slide:after{bottom:-8%;box-shadow:-230px 0 150px 50vw rgba(0,0,0,.7);height:50%;right:-30%;width:240px}.timeline .swiper-slide-content{font-size:11px;right:30%;text-align:right;top:50%;transform:translateY(-50%);width:310px}.timeline .swiper-slide-content .timeline-year{font-size:32px;margin-bottom:0}.timeline .swiper-slide-content .timeline-title{font-size:46px;margin:0}.timeline .swiper-pagination{display:flex}.timeline .swiper-button-prev{left:auto;right:15%;top:15%;transform:rotate(90deg) translateY(10px)}.timeline .swiper-button-prev:hover{transform:rotate(90deg) translate(-3px,10px)}.timeline .swiper-button-next{bottom:15%;right:15%;top:auto;transform:rotate(90deg) translateY(10px)}.timeline .swiper-button-next:hover{transform:rotate(90deg) translate(3px,10px)}}@media screen and (min-width:1024px){.timeline .swiper-slide:after{bottom:-12%;box-shadow:-230px 0 150px 39vw rgba(0,0,0,.7);height:50%;right:-20%;width:240px}.timeline .swiper-slide-content{right:30%}}.swiper-pagination{position:absolute;top:0}.swiper-pagination-bullet{color:#fff;cursor:pointer;transition:opacity .2s ease-in-out}.swiper-pagination-bullet.active{color:#ff7d00;opacity:1}.swiper-pagination-bullet.active:before{background-color:#ff7d00;border-radius:100%;content:"";height:6px;left:-32.5px;position:absolute;top:8px;transition:.2s;width:6px}.swiper-button-next,.swiper-button-prev{transition:transform .2s ease-in-out}.swiper-button-next:hover,.swiper-button-prev:hover{transform:translateX(0)}@media screen and (min-width:900px){.swiper-slide .arrow,.swiper-slide .timeline-text,.swiper-slide .timeline-title,.swiper-slide .timeline-year{opacity:0;transform:translateY(20px);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.swiper-slide.swiper-slide-active .arrow,.swiper-slide.swiper-slide-active .timeline-text,.swiper-slide.swiper-slide-active .timeline-title,.swiper-slide.swiper-slide-active .timeline-year{opacity:1;transform:translateY(0)}}.timeline .swiper-slide-content{font-size:14px}.timeline .swiper-slide-content .timeline-text{margin-top:13px}@media screen and (max-width:900px){.timeline .swiper-pagination{flex-direction:column;font-size:18px;font-style:italic;font-weight:300;height:100%;left:17%!important;z-index:1}.timeline .swiper-slide-content{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(34,14,14,.2);box-shadow:0 4px 30px rgba(0,0,0,.1);height:100%;max-width:100%;text-align:center;top:75%;width:100%}.timeline .swiper-slide-content .timeline-year{font-size:25px;margin-bottom:10px;margin-top:10px}.timeline .swiper-slide-content .timeline-title{font-size:15px;margin:0 0 10px}.arrow-contain{align-items:center;border:2px solid #ff7d00;border-radius:50%;display:flex;height:33px;justify-content:center;opacity:.6;position:absolute;right:3%;top:100px;width:33px}.arrow{background:#ff7d00;display:inline-block;height:2px;padding:0;position:relative;width:18px}.arrow:after{border:8px solid transparent;border-left-color:#ff7d00;content:"";display:block;height:0;left:70%;margin-top:-8px;position:absolute;top:50%;width:0}.swiper-pagination .swiper-pagination-bullet .bullet{background-color:#6b6866;border:1px solid grey;border-radius:50%;bottom:0;cursor:pointer;height:10px;position:absolute;transition:background-color .3s;width:10px}.timeline .swiper-pagination{align-items:end;bottom:0;display:flex;flex-direction:row;gap:25px;justify-content:center;position:absolute}.timeline .swiper-pagination .year-text{display:none}.swiper-pagination-bullet.active .bullet{background-color:#f60}.swiper-pagination-bullet.active:before,.timeline .swiper-pagination:before{content:"";height:0;position:absolute;width:0}}