/* Keep document geometry independent of browser-toolbar height on touch.
   The JS unit is set before first paint and changes only with layout width. */
.asp-stable-touch .main-visual{height:calc(300 * var(--asp-stable-vh))}
.asp-stable-touch .main-media,
.asp-stable-touch .main-title,
.asp-stable-touch .main-shutter{height:calc(100 * var(--asp-stable-vh))}
.asp-stable-touch .main-title{padding-bottom:calc(88px + 5 * var(--asp-stable-vh))}
.asp-stable-touch .sx-portfolio__stage{height:calc(124 * var(--asp-stable-vh))}
.asp-stable-touch .sx-home-about__pin,
.asp-stable-touch .sx-home-about__cube,
.asp-stable-touch .asp-ending-stage{height:calc(100 * var(--asp-stable-vh))}
.asp-stable-touch .asp-rayray-awards{padding-top:var(--asp-fold-y)}
.asp-stable-touch .asp-rayray-awards:after{height:calc(var(--asp-fold-y) + 1px)}
.asp-stable-touch .asp-rayray-awards .section_title{top:calc(var(--asp-fold-y) - 15px)}
@media(min-width:900px){
 .asp-stable-touch .asp-rayray-awards .section_desc{top:calc(47 * var(--asp-stable-vh) - 150px)}
}
@media(max-width:720px){
 .asp-stable-touch .sx-portfolio__stage{height:calc(112 * var(--asp-stable-vh))}
}
@media(prefers-reduced-motion:no-preference){
 .asp-stable-touch .sx-home-about{height:calc(360 * var(--asp-stable-vh))}
}
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
 .asp-stable-touch .sx-home-about{height:calc(500 * var(--asp-stable-vh))}
}
@media(prefers-reduced-motion:reduce){
 .asp-stable-touch .sx-home-about{height:calc(120 * var(--asp-stable-vh))}
 .asp-stable-touch .asp-ending-stage{height:calc(30 * var(--asp-stable-vh))}
 .asp-stable-touch .asp-rayray-awards{padding-top:64px}
 .asp-stable-touch .asp-rayray-awards .section_title{top:auto}
 .asp-stable-touch .asp-rayray-awards .section_desc{top:auto}
}