#hero-rotator,.landing-main{align-items:center;display:flex;flex-direction:column}#hero-rotator{justify-content:center;width:100%}#hero-rotator .hero-text{color:var(--color-text-1);font-size:max(24px,min(6vw,46px));line-height:1.2;margin:0 auto;max-width:18ch;min-height:2.4em;text-align:center;white-space:nowrap}#hero-rotator .hero-text span{display:inline-block;will-change:transform,opacity}#hero-rotator[data-lang=en] .hero-text span.space{width:1ch}#hero-rotator .hero-text span[data-state=dot]{color:#0000;position:relative}#hero-rotator .hero-text span[data-state=dot]:before{bottom:0;color:var(--color-text-1);content:"●";left:0;position:absolute;right:0;text-align:center;top:0}@keyframes dotPop{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.dot-pop{animation:dotPop .2s}@keyframes dotBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(0)}80%{transform:translateY(-4px)}}.dot-bounce{animation:dotBounce .5s cubic-bezier(.2,.8,.2,1.2)}.fade-out{opacity:0;transform:translateY(10px);transition:transform .25s,opacity .25s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .25s forwards}@media(prefers-reduced-motion:reduce){.dot-bounce,.dot-pop{animation:none}#hero-rotator .hero-text{transition:opacity .2s}}#heroStart{visibility:hidden}