/* Exact Figma keyframes. Film loops become single, user-triggered sequences. */
.intro.playing .symbol-0{animation: kf_8851_3010_translate_0 2.2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8851_3010_translate_0 { 0% { translate: 0px 0px; } 4.545% { animation-timing-function: ease-in; translate: 0px 0px; } 9.091% { animation-timing-function: ease-out; translate: 0px 7.031px; } 17.273% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro.playing .symbol-1{animation: kf_8851_3011_translate_0 2.2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8851_3011_translate_0 { 0% { translate: 0px 0px; } 8.182% { animation-timing-function: ease-in; translate: 0px 0px; } 12.727% { animation-timing-function: ease-out; translate: 0px 5.469px; } 20.909% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro.playing .symbol-2{animation: kf_8851_3012_translate_0 2.2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8851_3012_translate_0 { 0% { translate: 0px 0px; } 11.818% { animation-timing-function: ease-in; translate: 0px 0px; } 16.364% { animation-timing-function: ease-out; translate: 0px 3.906px; } 24.545% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro.playing [data-letter="0"]{animation: kf_8851_3014_translate_0 2.2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8851_3014_translate_0 { 0% { translate: 0px 0px; } 9.091% { animation-timing-function: ease-in; translate: 0px 0px; } 13.636% { animation-timing-function: ease-out; translate: 0px 28px; } 20.455% { animation-timing-function: ease-in-out; translate: 0px -4px; } 27.273% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro.playing [data-letter="1"]{animation: kf_8851_3016_translate_0 2.2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8851_3016_translate_0 { 0% { translate: 0px 0px; } 14.091% { animation-timing-function: ease-in; translate: 0px 0px; } 18.636% { animation-timing-function: ease-out; translate: 0px 28px; } 25.455% { animation-timing-function: ease-in-out; translate: 0px -4px; } 32.273% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro.playing [data-letter="2"]{animation: kf_8851_3018_translate_0 2.2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8851_3018_translate_0 { 0% { translate: 0px 0px; } 19.091% { animation-timing-function: ease-in; translate: 0px 0px; } 23.636% { animation-timing-function: ease-out; translate: 0px 28px; } 30.455% { animation-timing-function: ease-in-out; translate: 0px -4px; } 37.273% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro.playing [data-letter="3"]{animation: kf_8851_3020_translate_0 2.2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8851_3020_translate_0 { 0% { translate: 0px 0px; } 24.091% { animation-timing-function: ease-in; translate: 0px 0px; } 28.636% { animation-timing-function: ease-out; translate: 0px 28px; } 35.455% { animation-timing-function: ease-in-out; translate: 0px -4px; } 42.273% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro.playing [data-letter="4"]{animation: kf_8851_3023_translate_0 2.2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8851_3023_translate_0 { 0% { translate: 0px 0px; } 29.091% { animation-timing-function: ease-in; translate: 0px 0px; } 33.636% { animation-timing-function: ease-out; translate: 0px 28px; } 40.455% { animation-timing-function: ease-in-out; translate: 0px -4px; } 47.273% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.intro.playing [data-letter="5"]{animation: kf_8851_3025_translate_0 2.2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8851_3025_translate_0 { 0% { translate: 0px 0px; } 34.091% { animation-timing-function: ease-in; translate: 0px 0px; } 38.636% { animation-timing-function: ease-out; translate: 0px 28px; } 45.455% { animation-timing-function: ease-in-out; translate: 0px -4px; } 52.273% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.is-entering .hero-reveal:nth-child(1){animation: kf_8858_4861_opacity_0 2.5s linear, kf_8858_4861_translate_0 2.5s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4861_opacity_0 { 0% { opacity: 0; } 3.2% { animation-timing-function: ease-out; opacity: 0; } 25.2% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4861_translate_0 { 0% { translate: 0px 24px; } 3.2% { animation-timing-function: ease-out; translate: 0px 24px; } 29.2% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.is-entering .hero-reveal:nth-child(2){animation: kf_8858_4862_opacity_0 2.5s linear, kf_8858_4862_translate_0 2.5s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4862_opacity_0 { 0% { opacity: 0; } 5.6% { animation-timing-function: ease-out; opacity: 0; } 27.6% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4862_translate_0 { 0% { translate: 0px 24px; } 5.6% { animation-timing-function: ease-out; translate: 0px 24px; } 31.6% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.is-entering .hero-reveal:nth-child(3){animation: kf_8858_4863_opacity_0 2.5s linear, kf_8858_4863_translate_0 2.5s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4863_opacity_0 { 0% { opacity: 0; } 8% { animation-timing-function: ease-out; opacity: 0; } 30% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4863_translate_0 { 0% { translate: 0px 24px; } 8% { animation-timing-function: ease-out; translate: 0px 24px; } 34% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.is-entering .hero-reveal:nth-child(4){animation: kf_8858_4864_opacity_0 2.5s linear, kf_8858_4864_translate_0 2.5s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4864_opacity_0 { 0% { opacity: 0; } 10.4% { animation-timing-function: ease-out; opacity: 0; } 32.4% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4864_translate_0 { 0% { translate: 0px 24px; } 10.4% { animation-timing-function: ease-out; translate: 0px 24px; } 36.4% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
.is-entering .hero-art{animation: kf_8858_4868_opacity_0 2.5s linear, kf_8858_4868_translate_0 2.5s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4868_opacity_0 { 0% { opacity: 0; } 6.4% { animation-timing-function: ease-out; opacity: 0; } 28.4% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4868_translate_0 { 0% { translate: 0px 40px; } 6.4% { animation-timing-function: ease-out; translate: 0px 40px; } 32.4% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
#site-menu.is-entering .menu-row:nth-child(1){animation: kf_8858_4971_opacity_0 2s linear, kf_8858_4971_translate_0 2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4971_opacity_0 { 0% { opacity: 0; } 4% { animation-timing-function: ease-out; opacity: 0; } 31.5% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4971_translate_0 { 0% { translate: 0px 32px; } 4% { animation-timing-function: ease-out; translate: 0px 32px; } 36.5% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
#site-menu.is-entering .menu-row:nth-child(2){animation: kf_8858_4974_opacity_0 2s linear, kf_8858_4974_translate_0 2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4974_opacity_0 { 0% { opacity: 0; } 6.75% { animation-timing-function: ease-out; opacity: 0; } 34.25% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4974_translate_0 { 0% { translate: 0px 32px; } 6.75% { animation-timing-function: ease-out; translate: 0px 32px; } 39.25% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
#site-menu.is-entering .menu-row:nth-child(3){animation: kf_8858_4977_opacity_0 2s linear, kf_8858_4977_translate_0 2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4977_opacity_0 { 0% { opacity: 0; } 9.5% { animation-timing-function: ease-out; opacity: 0; } 37% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4977_translate_0 { 0% { translate: 0px 32px; } 9.5% { animation-timing-function: ease-out; translate: 0px 32px; } 42% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
#site-menu.is-entering .menu-row:nth-child(4){animation: kf_8858_4980_opacity_0 2s linear, kf_8858_4980_translate_0 2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4980_opacity_0 { 0% { opacity: 0; } 12.25% { animation-timing-function: ease-out; opacity: 0; } 39.75% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4980_translate_0 { 0% { translate: 0px 32px; } 12.25% { animation-timing-function: ease-out; translate: 0px 32px; } 44.75% { translate: 0px 0px; } 100% { translate: 0px 0px; } }
#site-menu.is-entering .menu-row:nth-child(5){animation: kf_8858_4983_opacity_0 2s linear, kf_8858_4983_translate_0 2s linear; animation-iteration-count: 1; animation-fill-mode: both; }
@keyframes kf_8858_4983_opacity_0 { 0% { opacity: 0; } 15% { animation-timing-function: ease-out; opacity: 0; } 42.5% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_8858_4983_translate_0 { 0% { translate: 0px 32px; } 15% { animation-timing-function: ease-out; translate: 0px 32px; } 47.5% { translate: 0px 0px; } 100% { translate: 0px 0px; } }#site-menu.is-entering{animation:menu-surface 600ms ease-in-out both}
@keyframes menu-surface{from{transform:translateY(-100%)}to{transform:translateY(0)}}