article{display:flex;flex-direction:column;container-type:inline-size}#title-marquee{padding:var(--spacing-sm) 0 0;background-color:var(--blue-color)}#title-marquee svg{fill:var(--white-color);width:100vw;height:50vw;padding-right:var(--spacing-nl)}#milestones-marquee{padding:var(--spacing-sm) 0;background-color:var(--pink-color)}#milestones-marquee svg{fill:var(--black-color);width:140vw;padding-right:var(--spacing-lg)}#title-video{background-color:var(--blue-color)}#about-images1{background-color:var(--yellow-color)}#milestone1{background-color:var(--yellow-color);color:var(--black-color);z-index:2}#milestone1 .block-text{background-color:var(--yellow-color)}#milestone1 .svg-sign{background-color:var(--red-color);height:30vh}#milestone1 svg{fill:var(--yellow-color)}#milestone1 .block-image img{object-position:right center}#milestone2{background-color:var(--green-color);color:var(--black-color);z-index:2}#milestone2 .svg-sign{background-color:var(--green-color);height:30vh}#milestone2 svg{fill:var(--gold-color)}#milestone2 .block-text{background-color:var(--gold-color)}#milestone3{background-color:var(--pink-color);color:var(--black-color);z-index:2}#milestone3 .block-text{background-color:var(--pink-color)}#milestone3 .svg-sign{background-color:var(--pink-color);height:30vh}#milestone3 svg{fill:var(--black-color)}#milestone4{background-color:var(--blue-color);color:var(--white-color);z-index:2}#milestone4 .block-text{background-color:var(--blue-color)}#milestone4 .svg-sign{background-color:var(--blue-color);height:30vh}#milestone4 svg{fill:var(--white-color)}#milestone5{background-color:var(--purple-color);color:var(--white-color);z-index:2}#milestone5 .svg-sign{background-color:var(--orange-color);height:30vh}#milestone5 svg{fill:var(--purple-color)}#milestone5 .block-text{background-color:var(--purple-color);color:var(--white-color)}#milestone6{background-color:var(--white-color);color:var(--black-color);z-index:2}#milestone6 .svg-sign{background-color:var(--blue-color);height:30vh}#milestone6 svg{fill:var(--white-color)}#milestone6 .block-text{background-color:var(--white-color)}#milestone7{background-color:var(--orange-color);color:var(--white-color);z-index:2}#milestone7 .svg-sign{background-color:var(--yellow-color);height:30vh}#milestone7 svg{fill:var(--orange-color)}#milestone7 .block-text{background-color:var(--orange-color)}#milestone8{background-color:var(--yellow-color);color:var(--black-color);z-index:2}#milestone8 .svg-sign{background-color:var(--red-color);height:30vh}#milestone8 svg{fill:var(--yellow-color)}#milestone8 .block-text{background-color:var(--yellow-color)}#milestone9{background-color:var(--blue-color);color:var(--white-color);z-index:2}#milestone9 .block-text{background-color:var(--blue-color)}#milestone9 .svg-sign{background-color:var(--white-color);height:30vh}#milestone9 svg{fill:var(--blue-color)}#about1{background-color:var(--green-color);color:var(--white-color)}#about1-text{background-color:var(--purple-color)}#about2{background-color:var(--blue-color);color:var(--white-color)}#about2-text{background-color:var(--green-color)}#about3{background-color:var(--orange-color);color:var(--white-color);z-index:2}#about3-text{background-color:var(--black-color)}#credits-sign{background-color:var(--white-color);width:100%;height:50vw;position:sticky;top:0}#credits-sign svg{fill:var(--black-color)}#credits{background-color:var(--black-color);color:var(--white-color);z-index:2}#credits-text .block-text>*:last-child{margin-bottom:0}#partner-marquee{padding:var(--spacing-lg);max-width:100%;overflow:hidden}#partner-marquee svg{fill:var(--white-color);height:60px;width:auto;padding-right:var(--spacing-nl)}@container (max-width: 768px){.milestone-image{order:99}.inline-sign{position:sticky;top:0;z-index:1}.block-text{z-index:2;position:relative}}@container (min-width: 768px){#title-marquee svg{width:70vw;height:30vw;padding-right:var(--spacing-lg)}#milestones-marquee{padding:var(--spacing-sm) 0;background-color:var(--pink-color)}#milestones-marquee svg{fill:var(--black-color);width:100vw;padding-right:var(--spacing-lg)}#credits-sign{height:20vw}#about1,#about2,#about3{margin-top:0}#milestone1 .svg-sign,#milestone2 .svg-sign,#milestone3 .svg-sign,#milestone4 .svg-sign,#milestone5 .svg-sign,#milestone6 .svg-sign,#milestone7 .svg-sign,#milestone8 .svg-sign,#milestone9 .svg-sign{height:25vw}}
