section.story-slider{width:100%;height:100%;overflow:hidden;position:relative}section.story-slider:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(to bottom,transparent,#000)}section.story-slider .scroll{display:none;position:absolute;z-index:10;bottom:12vh;right:0;left:0;margin:0 auto;text-align:center;width:100px}section.story-slider .scroll .mouse{position:relative;width:25px;height:48px;margin:0 auto;border-radius:999px;border:2px solid var(--Colours-UI-Grey-0, #FBFBFB);background:rgba(255,255,255,.5);filter:drop-shadow(0 5px 5px #000)}section.story-slider .scroll .mouse .wheel{position:absolute;top:5px;left:0;right:0;margin:0 auto;height:5px;border-radius:10px;z-index:1;width:4px;background:#FFF;filter:drop-shadow(0 5px 5px #000);transition:all .3s ease-in-out;animation:mouse-bounce 1.5s ease-in-out infinite}section.story-slider .scroll p{font-family:Kanit;font-weight:400;font-size:1rem;color:#0aba90;margin-top:20px;line-height:24px;letter-spacing:3px;text-transform:uppercase}@keyframes mouse-bounce{0%{top:5px;opacity:0}50%{opacity:1}to{top:35px;opacity:0}}section.story-slider .story-slide{display:flex;align-items:center;justify-content:auto;flex-direction:column;flex-wrap:auto;position:relative;width:100%;height:100vh;padding:15% 20px 0}section.story-slider .story-slide:is(:last-child) img{height:100%}section.story-slider .story-slide .background{position:fixed;top:0;right:0;width:100%;height:100%;z-index:-2}section.story-slider .story-slide .background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:all 0s linear}section.story-slider .story-slide img{position:absolute;bottom:0;right:0;transition:all 0s linear;z-index:-1;width:250%;max-width:250%;height:auto}section.story-slider .story-slide img.scale-away{opacity:0;filter:blur(15px);transform:scale(4)}section.story-slider .story-slide.initial .content-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:auto;gap:16px;max-width:1012px;width:100%;margin:0 auto;transition:all 0s linear}section.story-slider .story-slide.initial .content-wrapper.hide-text{transform:scale(5);opacity:0;transition:opacity .5s ease,transform 1s ease}section.story-slider .story-slide.initial .content-wrapper h1{font-family:Figtree;font-weight:800;font-size:3.5rem;color:#fff;line-height:56px;text-transform:uppercase}section.story-slider .story-slide.initial .content-wrapper h1 strong{font-family:Figtree;font-weight:800;font-size:3.5rem;color:#0aba90;line-height:24px;background:linear-gradient(to top,#0F5B5B,#0ABA90);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.story-slider .story-slide.initial .content-wrapper .content{display:flex;align-items:center;justify-content:auto;flex-direction:column;flex-wrap:auto;gap:32px;text-align:center}section.story-slider .story-slide.initial .content-wrapper .content .left p,section.story-slider .story-slide.initial .content-wrapper .content .right p{font-family:Figtree;font-weight:400;font-size:1rem;color:#fff;line-height:24px}section.story-slider .story-slide .content{display:flex;align-items:center;justify-content:auto;flex-direction:column;flex-wrap:auto;gap:32px;max-width:1012px;width:100%;margin:0 auto;text-align:center;transition:all 0s linear}section.story-slider .story-slide .content li{margin-bottom:10px}section.story-slider .story-slide .content li::marker{color:#fff}section.story-slider .story-slide .content .date{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:auto;gap:16px}section.story-slider .story-slide .content .date p{font-family:Space-Mono;font-weight:400;font-size:2rem;color:#0aba90;display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:auto;line-height:43px;height:100%}section.story-slider .story-slide .content .date span{height:100%;width:2px;background:#0ABA90}section.story-slider .story-slide .content h3{font-family:Figtree;font-weight:800;font-size:2.25rem;color:#fff;line-height:42px;text-transform:uppercase}section.story-slider .story-slide .content h3 strong{font-family:Figtree;font-weight:800!important;font-size:2.25rem;color:#0aba90;line-height:24px;background:linear-gradient(to top,#0F5B5B,#0ABA90);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.story-slider .story-slide .content p{font-family:Figtree;font-weight:400;font-size:1rem;color:#fff;line-height:24px}section.story-slider .story-slide .content p strong,section.story-slider .story-slide .content p b{font-family:Figtree;font-weight:800!important;font-size:1.125rem;color:#0aba90;line-height:24px;background:linear-gradient(to top,#0F5B5B,#0ABA90);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #000)}section.story-slider .story-slide .content a{font-size:1.5rem}section.story-slider .story-slide .content a:hover{text-decoration:none}@media only screen and (min-width: 992px){section.story-slider .scroll{display:block}section.story-slider .story-slide{padding:8% 20px 0}section.story-slider .story-slide img{width:100%}section.story-slider .story-slide.initial .content-wrapper h1{font-size:6rem;line-height:110px}section.story-slider .story-slide.initial .content-wrapper h1 strong{font-size:6rem}section.story-slider .story-slide.initial .content-wrapper .content{flex-direction:row;text-align:left}section.story-slider .story-slide.initial .content-wrapper .content .left p,section.story-slider .story-slide.initial .content-wrapper .content .right p{font-size:1.5rem;line-height:32px}section.story-slider .story-slide .content h3{font-size:3rem;line-height:54px}section.story-slider .story-slide .content h3 strong{font-family:Figtree;font-weight:800!important;font-size:3rem;color:#0aba90;line-height:24px}section.story-slider .story-slide .content p{font-size:1.5rem;line-height:32px}section.story-slider .story-slide .content p strong{font-size:1.75rem;line-height:32px}}
