.section-3.mobile{width:100%;margin:3rem 0}.section-3.mobile *{font-family:"RedHatDisplay-Italic"}.section-3.mobile>.title{font-size:1.5rem;padding:0 2rem;margin:0 0 1rem 0}.section-3.mobile .timeline{display:flex;flex-direction:row;gap:3rem;background-color:rgba(15,43,35,.66);padding:2rem;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.section-3.mobile .timeline .date{font-size:1.5rem;cursor:pointer;color:hsla(0,0%,100%,.5)}.section-3.mobile .timeline .date.active{color:#fff}.section-3.mobile .img{position:relative;height:50svh;opacity:1;transition:opacity .375s ease-in-out}.section-3.mobile .img.hidden{opacity:0}.section-3.mobile .img img{object-fit:cover;width:100%;height:100%}.section-3.mobile .img .filter{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent, rgb(0, 0, 0) 100%)}.section-3.mobile .panel{display:flex;gap:1rem;text-align:center;flex-direction:column;position:absolute;left:50%;width:80%;transform:translateX(-50%) translateY(-50%);padding:1rem 2rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:1;transition:opacity .375s ease-in-out}.section-3.mobile .panel.hidden{opacity:0}.section-3.mobile .panel::before{content:"";position:absolute;inset:0;border-radius:10px;padding:.08rem;z-index:-1;background:linear-gradient(120deg, #09C269, #00D1FF);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.section-3.mobile .panel .title{font-size:1.5rem;line-height:1.25}.section-3.mobile .panel .text{font-family:"Archivo-Regular"}