/* Generated from Figma 16:2. Website lifecycle: once per visit. */
.intro .intro-ring-one { animation: ryhana_opening_0_opacity_0 2.6s linear, ryhana_opening_0_scale_0 2.6s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
.intro .intro-ring-two { animation: ryhana_opening_0_opacity_0 2.6s linear, ryhana_opening_0_scale_0 2.6s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
.intro .intro-logo { animation: ryhana_opening_1_opacity_0 2.6s linear, ryhana_opening_1_translate_0 2.6s linear, ryhana_opening_1_scale_0 2.6s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
.intro .intro-copy { animation: ryhana_opening_2_opacity_0 2.6s linear, ryhana_opening_2_translate_0 2.6s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
.intro .intro-glow { animation: ryhana_opening_0_opacity_0 2.6s linear, ryhana_opening_0_scale_0 2.6s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes ryhana_opening_0_opacity_0 { 0% { opacity: 0; } 7.692% { animation-timing-function: ease-out; opacity: 0; } 61.538% { animation-timing-function: ease-out; opacity: 1; } 100% { opacity: 0.6; } } @keyframes ryhana_opening_0_scale_0 { 0% { animation-timing-function: ease-out; scale: 0.7 0.7; } 100% { scale: 1.08 1.08; } }
@keyframes ryhana_opening_1_opacity_0 { 0% { opacity: 0; } 9.615% { animation-timing-function: ease-out; opacity: 0; } 48.077% { opacity: 1; } 100% { opacity: 1; } } @keyframes ryhana_opening_1_translate_0 { 0% { translate: 0px 20px; } 9.615% { animation-timing-function: ease-out; translate: 0px 20px; } 48.077% { translate: 0px 0px; } 100% { translate: 0px 0px; } } @keyframes ryhana_opening_1_scale_0 { 0% { scale: 0.78 0.78; } 9.615% { animation-timing-function: ease-out; scale: 0.78 0.78; } 48.077% { scale: 1 1; } 100% { scale: 1 1; } }
@keyframes ryhana_opening_2_opacity_0 { 0% { opacity: 0; } 30.769% { animation-timing-function: ease-out; opacity: 0; } 69.231% { opacity: 1; } 100% { opacity: 1; } } @keyframes ryhana_opening_2_translate_0 { 0% { translate: 0px 14px; } 30.769% { animation-timing-function: ease-out; translate: 0px 14px; } 69.231% { translate: 0px 0px; } 100% { translate: 0px 0px; } }