/* The logo is the entire first viewport. All motion belongs to this section. */
html{scroll-behavior:auto}
.journey{height:560svh;background:#080b09}
.stage{height:100svh;min-height:0;isolation:isolate}
.opening-logo{position:absolute;width:min(55vw,70svh,520px);height:auto;left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible}
#universe{z-index:1}
.uma-intro{position:absolute;z-index:2;left:9%;top:50%;width:44%;transform:translateY(-50%);color:#f0efe7;pointer-events:none}
.uma-intro h1{font-size:clamp(96px,12vw,184px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:0 0 28px}
.intro-title{font-size:clamp(28px,3.2vw,46px);font-weight:400;line-height:1.12;letter-spacing:-.045em;color:#cbd4bf}
.intro-description{margin-top:28px;font-size:16px;line-height:1.65;color:#9ca792}
header{position:relative;height:100px;background:#080b09}
.static-intro{display:none;padding:70px 7%;background:#080b09}
.static-intro h2{margin-bottom:22px}
.static-intro p{font-size:24px;color:#cbd4bf}
.skip-link{font-size:16px}
@media(max-width:600px){
 .journey{height:520svh}
 .opening-logo{width:min(88vw,62svh,460px)}
 .uma-intro{left:8%;top:63%;width:86%;transform:translateY(-20%)}
 .uma-intro h1{font-size:clamp(64px,18vw,100px);margin-bottom:16px}
 .intro-title{font-size:clamp(25px,7vw,34px)}
 .intro-description{font-size:16px;margin-top:18px;max-width:300px}
 header{height:84px}
}
@media(max-height:500px) and (min-width:601px){.uma-intro h1{font-size:80px;margin-bottom:15px}.intro-title{font-size:26px}.intro-description{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.journey{height:100svh}.stage{position:relative}.static-intro{display:block}.uma-intro{display:none!important}#universe{display:none}}