/* ============================================================
   ANIMATIONS.CSS
   Для каждого .go — текущее состояние из ippo.css (без изменений),
   ниже — пустой блок .go.live / *.go.live для будущих анимаций.
   ============================================================ */


/* ============================================================
   БАЗОВЫЙ .go
   ============================================================ */
.go {
  /* в ippo.css отдельных правил для .go нет —
     базовое состояние задаётся контекстно ниже */
}

.go.live {
  /* пусто — сюда будут добавлены конечные состояния */
}


/* ============================================================
   #home
   ============================================================ */

/* .go в #home — из ippo.css явных правил нет */
#home .go {
}

#home .go.live {
}

/* h1.project-title внутри #home .go */
#home .go h1.project-title {
   transform:translate(0,0px);
   transition:all .75s cubic-bezier(.68,-0.55,.27,1.55) 0s;
   opacity: 0;
   transform-origin: right bottom;
   will-change: transform, opacity;
}

#home .go h1.project-title.live,
#home .go.live h1.project-title {
   transform:translate(0,40px) skewX(0deg);
   opacity: 1;
}

/* .top-slogan внутри #home .go */
#home .go .top-slogan {
   transition:all 1s ease-in-out 1s;
   opacity: 0;
   transform:translate(0,0);
   will-change: transform, opacity,text-shadow;
   text-shadow: 0 0 12px #ffc;
}

#home .go.live .top-slogan {
   opacity: 1;
   transform:translate(0,40px);
      text-shadow: 0 0 0 rgba(255,255,255,0);
}

/* i.house внутри #home .go */
#home .go i.house {
}

#home .go.live i.house {
}

/* i.horseman внутри #home .go */
#home .go i.horseman:before {
   transition:all .5s ease-in-out;
   transform:translate(-25%,25%);
   will-change: transform;
}

#home .go.live i.horseman:before {
   transform:translate(0%,0%);
}

/* .horse-logo-r внутри #home .go */
#home .go .horse-logo-r {
   transition:all .5s ease-in-out .75s;
   transform:scale(0.5);
   opacity:0;
   will-change: transform, opacity;
}

#home .go.live .horse-logo-r {
   transform:scale(1);
   opacity:1;
}

#home .go .line {
   clip-path: polygon(100% 0%,100% 0%,100% 100%,100% 100%);
   transition:all 1s ease-in-out;
   will-change: clip-path;
}

#home .go.live .line {
   clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
}

/* ============================================================
   #about
   ============================================================ */

/* .go.intro — из ippo.css явных правил нет */
#about .go.intro {
}

.go i.house::before {
   transform: scale(0.8);
   transform-origin: bottom;
   transition:all .75s cubic-bezier(.68,-0.55,.27,1.55);
   will-change: transform;
}

.go.live i.house::before {
   transform: scale(1);
   transform-origin: bottom;
}

#about .go.intro.live,
#about .go.live.intro {
}


/* ============================================================
   #history
   ============================================================ */

/* .h-block.go — из ippo.css явных правил нет */
#history .h-block.go {
}

#history .h-block.go.live {
}

/* .h-graphics внутри .h-block.go */
.h-block.go .h-graphics {
}

.h-block.go.live .h-graphics {
}

/* .h-text внутри .h-block.go */
.h-block.go .h-text {
}

.h-block.go.live .h-text {
}

/* Чётные .h-block — .h-graphics и .h-text */
.h-block:nth-child(even).go .h-graphics {
}

.h-block:nth-child(even).go.live .h-graphics {
}

.h-block:nth-child(even).go .h-text {
}

.h-block:nth-child(even).go.live .h-text {
}

/* .h-graphics-item img внутри .h-block.go */
.h-block.go .h-graphics-item img {
   transform:translate(-50%,-50%) rotate(25deg) scale(.9);
   transition:all .5s ease-in-out .25s;
   will-change: transform;
}

.h-block.go.live .h-graphics-item img {
   transform:translate(-50%,-50%) rotate(0deg);
}

.h-block.go .h-graphics-item::after {
   transition:all 1s ease-in-out;
   transform:translate(-50%,-50%) rotate(-25deg);
   will-change: transform;
}

.h-block.go h3 {
   transition:all .5s cubic-bezier(.68,-0.55,.27,1.55) 0s;
   transform:translate(64px,0);
   will-change: transform;
}

.h-block.go.live h3 {
   transform:translate(0,0);
}

.h-block.go p {
   transition:all .5s ease-in-out .35s;
   display: block;
   transform:translate(0,32px);
   will-change: transform;
}

.h-block.go.live p {
   transform:translate(0,0);
}

.h-block.go.live .h-graphics-item::after {
   transition:all 1s ease-in-out;
   transform:translate(-50%,-50%) rotate(0deg);
}

.intro.go p {
   transform:translate(0,24px);
   transition:all .5s ease-in-out 0s;
   will-change: transform;
}

.intro.go.live p {
   transform:translate(0,0);
}

/* ============================================================
   #rebirth
   ============================================================ */

/* .go — из ippo.css явных правил нет */
#rebirth .go {
}

#rebirth .go.live {
}

/* .textblock.intro.go внутри #rebirth */
#rebirth .go .intro {
}

#rebirth .go.live .intro {
}

/* .graphics.go внутри #rebirth */
#rebirth .go .graphics {
}

#rebirth .go.live .graphics {
}


/* ============================================================
   #mainbuilding / #stadium / #yard — .subsection
   ============================================================ */

/* .textblock.go — из ippo.css явных правил нет */
.subsection .go {
}

.subsection .go.live {
}

.subsection .go .textblock {
}

.subsection .go.live .textblock {
}