.container-c{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;color:#000;text-align:center}.container__headline{font-size:5vmin}.hero__inner{display:flex;position:relative;width:100vw;overflow:hidden}.hero__headline::after,.hero__image,.wrap-image{position:absolute;left:0}.hero__inner::before{content:"";display:block;padding-bottom:calc(100% / (16 / 9))}.wrap-image{top:0;bottom:0;right:0;width:100%;z-index:100}.hero__image{top:0;width:100%;-o-object-fit:cover;object-fit:cover}.hero__content{position:relative;right:0;display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column}.hero__headline{--padding:1.5vmin;--duration:200ms;--delay:calc(var(--duration) / 2);--ease:cubic-bezier(0.25, 1, 0.5, 1);position:relative;display:inline-block;font-size:10vmin;overflow:hidden;margin-top:calc(var(--padding) * -1);padding:var(--padding)}.hero__headline::after{content:"";top:calc(100% - var(--padding));background-color:#fff;width:100%;height:1.5vmin;transform:scaleX(0);transition:transform var(--duration) var(--delay) var(--ease)}.hero__headline span{display:block;transform:translateY(110%);transition:transform var(--duration) var(--ease)}.active .hero__headline::after{transform:scaleX(1);transition-delay:0s}.active .hero__headline span{transform:translateY(0);transition-delay:var(--delay)}.hero__extra{padding:100px}.navigator-wrap{background-color:var(--purple);padding:1rem;position:relative;color:#fff;border-radius:8px}.navigator-desc{position:relative;z-index:20}.strech-1,.strech-2,.strech-3{position:absolute;border-radius:50px;background-color:var(--purple-transparent)}.strech-1{z-index:1;padding:1rem 4rem;right:-16%}.strech-2{padding:1rem 4rem;left:-13%;bottom:10%}.strech-3{padding:.7rem 4rem;left:-10%;bottom:27%}