html{scroll-behavior:smooth}#main-container{background:var(--time-travelers-page-bg)}.time-travelers-page-container{color:var(--default-color-2);flex:1;width:100%;margin:0;padding:30px 40px 40px}.time-travelers-page-container .all-themes-page-link{flex-flow:row;justify-content:center;align-items:center;gap:20px;margin:0 0 20px;padding:0;display:flex}@media screen and (width>=600px){.time-travelers-page-container .all-themes-page-link{justify-content:flex-start}}.time-travelers-page-container .page-inner{max-width:1600px;min-height:1000px;margin:0 auto;padding:0}@media screen and (width>=600px){.time-travelers-page-container .page-inner{background:var(--time-travelers-page-bg), url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/interfaces/time-travelers-bg-left.png), url(https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/interfaces/time-travelers-bg-right.png);background-blend-mode:lighten;background-position:50%,5% 0,right 5% top;background-repeat:no-repeat;background-size:cover,20%,20%;padding:0 40px 60px}}.time-travelers-page-container section{flex-flow:column wrap;justify-content:center;align-items:center;margin:0;padding:0 0 clamp(40px,8vw,80px);display:flex;position:relative}.time-travelers-page-container section.header{width:45%;min-width:260px;max-width:680px;margin:0 auto}.time-travelers-page-container section.header h1{margin:0}.time-travelers-page-container section.header h1 span{text-indent:-99999px;display:block;position:absolute}.time-travelers-page-container section.header .theme-title{width:100%;max-width:100%;margin-bottom:clamp(30px,6vw,70px);display:block}.time-travelers-page-container section.header h2{text-align:center;text-transform:none;margin:0 0 30px;font-family:Sofia Pro;font-size:clamp(18px,3vw,40px);font-style:normal;font-weight:800;line-height:1.2em}.time-travelers-page-container section.header h3{text-align:center;text-transform:none;margin:0 0 clamp(30px,6vw,70px);font-family:Sofia Pro;font-size:clamp(14px,2vw,23px);font-style:normal;font-weight:400;line-height:1.2em}.time-travelers-page-container section.scene .scene-visual{width:100%}.time-travelers-page-container section.scene .caption{text-align:center;max-width:920px;margin:0;line-height:1.2em}.time-travelers-page-container section.scene.scene-large .scene-visual{width:100%;max-width:1000px}.time-travelers-page-container section.scene.scene-large .caption{font-size:clamp(18px,4vw,40px);font-weight:800}.time-travelers-page-container section.scene.scene-small .scene-visual{width:calc(100% - 40px);max-width:800px}.time-travelers-page-container section.scene.scene-small .caption{font-size:clamp(14px,4vw,30px);font-weight:700}.time-travelers-page-container section.characters{flex-flow:column wrap;gap:60px 30px;display:flex}.time-travelers-page-container section.characters .character{flex-flow:row;justify-content:center;align-items:flex-start;gap:20px 40px;width:100%;max-width:1000px;margin:0 auto;padding:0;display:flex}.time-travelers-page-container section.characters .character .character-dialog{flex:5}.time-travelers-page-container section.characters .character .character-dialog h2{text-transform:none;margin:0 0 20px;font-size:clamp(18px,3vw,40px);font-style:italic;font-weight:800;line-height:1.2em}.time-travelers-page-container section.characters .character .character-dialog p{margin:0;font-size:clamp(14px,2vw,23px);font-style:normal;font-weight:400;line-height:1.4em}.time-travelers-page-container section.characters .character .character-visual{text-align:center;flex:2;min-width:100px;margin:0 auto}.time-travelers-page-container section.characters .character .character-visual img{width:30vw;max-width:100%}@media screen and (width<=799px){.time-travelers-page-container section.characters .character{flex-flow:column wrap}}@media screen and (width>=800px){.time-travelers-page-container section.characters .character:nth-child(odd){flex-direction:row-reverse}}.time-travelers-page-container section.footer{width:100%;min-width:260px;max-width:920px;margin:40px auto 0}.time-travelers-page-container section.footer h2{text-align:center;text-transform:none;margin-bottom:clamp(30px,6vw,70px);font-family:Sofia Pro;font-size:clamp(18px,3vw,40px);font-style:normal;font-weight:800;line-height:1.2em}
