html,
    body {
      margin: 0;
      background: #121212;
    }

    #zabava-directions-v2 {
      --lime: #acf532;
      --violet: #794cfc;
      --coral: #ff794b;
      --cloud: #eceef3;
      --ink: #121212;
      --max: 1180px;
      --z-star: url("/assets/e8a042139c18fbe8.svg");
      background: var(--ink);
      color: var(--cloud);
      font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
    }

    #zabava-directions-v2 * {
      box-sizing: border-box;
    }

    #zabava-directions-v2 .switcher {
      position: sticky;
      top: 0;
      z-index: 50;
      display: none;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
      padding: 12px;
      background: var(--ink);
    }

    #zabava-directions-v2 button {
      appearance: none;
      border: 0;
      border-radius: 999px;
      padding: 11px 16px;
      background: var(--cloud);
      color: var(--ink);
      font: 900 14px/1 "Inter Tight", sans-serif;
      cursor: pointer;
    }

    #zabava-directions-v2 button[aria-pressed="true"] {
      background: var(--lime);
    }

    #zabava-directions-v2 .concept {
      display: none;
      overflow: hidden;
    }

    #zabava-directions-v2 .concept.is-active {
      display: block;
    }

    #zabava-directions-v2 .nav,
    #zabava-directions-v2 .inner {
      max-width: var(--max);
      margin: 0 auto;
    }

    #zabava-directions-v2 .nav {
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 22px;
      align-items: center;
      padding: 22px;
    }

    #zabava-directions-v2 .brand {
      width: 174px;
      display: inline-flex;
      align-items: center;
      filter: var(--logo-filter, none);
    }

    #zabava-directions-v2 .brand img {
      width: 100%;
      display: block;
    }

    #zabava-directions-v2 .menu {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      justify-content: center;
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
    }

    #zabava-directions-v2 .menu a {
      color: inherit;
      text-decoration: none;
      cursor: pointer;
    }

    #zabava-directions-v2 .cta {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      border-radius: 999px;
      padding: 0 18px;
      background: var(--cta-bg, var(--lime));
      color: var(--cta-color, var(--ink));
      font-weight: 900;
      text-decoration: none;
      white-space: nowrap;
    }

    #zabava-directions-v2 h1,
    #zabava-directions-v2 h2,
    #zabava-directions-v2 h3,
    #zabava-directions-v2 p {
      margin: 0;
    }

    #zabava-directions-v2 h1,
    #zabava-directions-v2 h2 {
      text-transform: uppercase;
      letter-spacing: 0;
    }

    #zabava-directions-v2 h3 {
      font-size: 22px;
      line-height: 1.05;
    }

    #zabava-directions-v2 p {
      font-size: 17px;
      line-height: 1.45;
    }

    #zabava-directions-v2 .hero {
      padding: 64px 22px 86px;
    }

    #zabava-directions-v2 .lead {
      max-width: 720px;
      margin-top: 22px;
      font-size: 22px;
      font-weight: 750;
    }

    #zabava-directions-v2 .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }

    #zabava-directions-v2 .section {
      padding: 68px 22px;
    }

    #zabava-directions-v2 .section-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);
      gap: 28px;
      align-items: end;
      margin-bottom: 28px;
    }

    #zabava-directions-v2 .kicker {
      margin-bottom: 12px;
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
      opacity: 0.74;
    }

    #zabava-directions-v2 .grid-3,
    #zabava-directions-v2 .grid-4 {
      display: grid;
      gap: 16px;
    }

    #zabava-directions-v2 .grid-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #zabava-directions-v2 .grid-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #zabava-directions-v2 .card,
    #zabava-directions-v2 .game-card,
    #zabava-directions-v2 .quote,
    #zabava-directions-v2 .faq-item {
      border-radius: var(--radius-card, 22px);
      background: var(--cloud);
      color: var(--ink);
      overflow: hidden;
    }

    #zabava-directions-v2 .body,
    #zabava-directions-v2 .card,
    #zabava-directions-v2 .quote,
    #zabava-directions-v2 .faq-item {
      padding: 22px;
    }

    #zabava-directions-v2 .game-art {
      height: 270px;
      display: grid;
      place-items: center;
      padding: 18px;
      background: var(--lime);
    }

    #zabava-directions-v2 .game-card:nth-child(2) .game-art {
      background: var(--coral);
    }

    #zabava-directions-v2 .game-card:nth-child(3) .game-art {
      background: var(--violet);
    }

    #zabava-directions-v2 .game-art img,
    #zabava-directions-v2 .media img,
    #zabava-directions-v2 .analytics img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

    #zabava-directions-v2 .game-card h3,
    #zabava-directions-v2 .card h3 {
      margin-bottom: 12px;
    }

    #zabava-directions-v2 .feature {
      display: grid;
      grid-template-columns: minmax(0, 0.8fr) minmax(300px, 1fr);
      gap: 24px;
      align-items: center;
      border-radius: var(--radius-feature, 28px);
      padding: 28px;
      background: var(--feature-bg, var(--lime));
      color: var(--feature-color, var(--ink));
    }

    #zabava-directions-v2 .feature p {
      margin-top: 14px;
    }

    #zabava-directions-v2 .media {
      min-height: 300px;
    }

    #zabava-directions-v2 .steps {
      counter-reset: step;
    }

    #zabava-directions-v2 .step {
      counter-increment: step;
      min-height: 220px;
    }

    #zabava-directions-v2 .step::before {
      content: counter(step);
      display: grid;
      place-items: center;
      width: 54px;
      height: 54px;
      margin-bottom: 34px;
      border-radius: 50%;
      background: var(--lime);
      color: var(--ink);
      font-weight: 900;
    }

    #zabava-directions-v2 .avatar {
      width: 58px;
      height: 58px;
      margin-bottom: 16px;
      border-radius: 50%;
      overflow: hidden;
      background: var(--coral);
    }

    #zabava-directions-v2 .avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    #zabava-directions-v2 blockquote {
      margin: 14px 0 0;
      color: rgba(18, 18, 18, 0.76);
      font-size: 15px;
      line-height: 1.45;
    }

    #zabava-directions-v2 .faq {
      display: grid;
      gap: 12px;
    }

    #zabava-directions-v2 .faq-item {
      display: grid;
      grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
      gap: 20px;
    }

    #zabava-directions-v2 .ticker {
      overflow: hidden;
      font-weight: 900;
      text-transform: uppercase;
      white-space: nowrap;
    }

    #zabava-directions-v2 .ticker-track {
      display: flex;
      gap: 18px;
      width: max-content;
      padding: 14px 0;
      animation: zabava-marquee 26s linear infinite;
    }

    @keyframes zabava-marquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    #zabava-directions-v2 .legal {
      padding: 36px 22px;
      background: var(--ink);
      color: rgba(236, 238, 243, 0.72);
      font-size: 13px;
      line-height: 1.45;
    }

    #zabava-directions-v2 .legal-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      max-width: var(--max);
      margin: 0 auto;
    }

    #zabava-directions-v2 .legal strong {
      display: block;
      margin-bottom: 8px;
      color: var(--cloud);
    }

    /* Poster arcade */
    #zabava-directions-v2 .poster {
      --logo-filter: invert(1);
      --cta-bg: var(--coral);
      background: var(--violet);
      color: var(--cloud);
    }

    #zabava-directions-v2 .poster h1 {
      font-family: "Rubik Mono One", "Arial Black", sans-serif;
      font-size: clamp(42px, 7.4vw, 104px);
      line-height: 0.94;
      max-width: 1080px;
    }

    #zabava-directions-v2 .poster h2 {
      font: 900 clamp(34px, 5vw, 64px)/0.98 "Rubik Mono One", sans-serif;
    }

    #zabava-directions-v2 .poster .hero {
      min-height: 620px;
      display: grid;
      align-content: center;
    }

    #zabava-directions-v2 .poster .accent {
      color: var(--lime);
    }

    #zabava-directions-v2 .poster .ticker {
      background: var(--lime);
      color: var(--ink);
    }

    #zabava-directions-v2 .poster .band-dark {
      background: var(--ink);
      color: var(--cloud);
    }

    #zabava-directions-v2 .poster .band-coral {
      background: var(--coral);
      color: var(--ink);
    }

    #zabava-directions-v2 .poster .game-grid {
      transform: rotate(-1deg);
    }

    /* Playful product */
    #zabava-directions-v2 .product {
      --cta-bg: var(--lime);
      background: var(--cloud);
      color: var(--ink);
    }

    #zabava-directions-v2 .product .nav {
      background: var(--cloud);
    }

    #zabava-directions-v2 .product h1 {
      font: 800 clamp(48px, 8vw, 112px)/0.9 "Bricolage Grotesque", "Inter Tight", sans-serif;
      letter-spacing: -0.03em;
      max-width: 980px;
    }

    #zabava-directions-v2 .product h2 {
      font: 800 clamp(34px, 5vw, 64px)/0.98 "Bricolage Grotesque", sans-serif;
      letter-spacing: -0.02em;
    }

    #zabava-directions-v2 .product .hero {
      min-height: 610px;
      display: grid;
      grid-template-columns: 1fr 0.72fr;
      gap: 28px;
      align-items: center;
    }

    #zabava-directions-v2 .product .hero-note {
      align-self: stretch;
      display: grid;
      align-content: end;
      border-radius: 30px;
      padding: 28px;
      background: var(--lime);
      color: var(--ink);
    }

    #zabava-directions-v2 .product .ticker {
      background: var(--ink);
      color: var(--cloud);
    }

    #zabava-directions-v2 .product .band-violet {
      background: var(--violet);
      color: var(--cloud);
    }

    #zabava-directions-v2 .product .band-lime {
      background: var(--lime);
      color: var(--ink);
    }

    /* Studio motion */
    #zabava-directions-v2 .studio {
      --cta-bg: var(--lime);
      background: var(--ink);
      color: var(--cloud);
    }

    #zabava-directions-v2 .studio .nav {
      position: relative;
      z-index: 2;
      max-width: none;
      padding-left: max(22px, calc((100% - var(--max)) / 2 + 22px));
      padding-right: max(22px, calc((100% - var(--max)) / 2 + 22px));
      background: var(--violet);
    }

    #zabava-directions-v2 .studio .hero {
      position: relative;
      max-width: none;
      min-height: 560px;
      display: grid;
      place-items: center;
      padding-left: max(22px, calc((100% - var(--max)) / 2 + 22px));
      padding-right: max(22px, calc((100% - var(--max)) / 2 + 22px));
      padding-top: 48px;
      padding-bottom: 48px;
      background: var(--violet);
    }

    #zabava-directions-v2 .studio .hero::before {
      content: "";
      position: absolute;
      right: -4vw;
      top: 24px;
      color: rgba(236, 238, 243, 0.06);
      font: 900 clamp(88px, 16vw, 220px)/0.8 "Archivo Black", sans-serif;
      letter-spacing: 0;
      pointer-events: none;
    }

    #zabava-directions-v2 .studio .hero-copy {
      position: relative;
      z-index: 5;
      max-width: 980px;
      text-align: center;
    }

    #zabava-directions-v2 .studio .hero h1 {
      max-width: 1180px;
    }

    #zabava-directions-v2 .studio .hero .lead {
      margin-left: auto;
      margin-right: auto;
      font-weight: 650;
    }

    #zabava-directions-v2 .studio .hero-line {
      display: inline;
    }

    #zabava-directions-v2 .studio .hero-playables {
      display: inline;
      color: var(--lime);
      position: relative;
      z-index: 4;
      line-height: inherit;
      vertical-align: baseline;
      white-space: normal;
    }

    #zabava-directions-v2 .studio .hero-zabava {
      display: inline-block;
      padding: 0 0.1em 0.03em;
      background: var(--coral);
      color: var(--ink);
      position: relative;
      z-index: 4;
      line-height: 0.86;
      vertical-align: 0.02em;
      white-space: nowrap;
      transform: rotate(1.4deg);
      transform-origin: center;
    }

    #zabava-directions-v2 .studio .hero-side {
      display: none !important;
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
    }

    #zabava-directions-v2 .studio .hero-card {
      position: absolute;
      width: max-content;
      max-width: 218px;
      padding: 14px 16px;
      background: var(--ink);
      color: var(--cloud);
      border-radius: 6px;
      font-weight: 900;
      text-transform: uppercase;
      line-height: 1.02;
    }

    #zabava-directions-v2 .studio .hero-card:first-child {
      left: max(16px, calc((100% - var(--max)) / 2 + 8px));
      top: 76px;
      transform: rotate(-2deg);
    }

    #zabava-directions-v2 .studio .hero-card:last-child {
      right: max(16px, calc((100% - var(--max)) / 2 + 20px));
      bottom: 34px;
      transform: rotate(1.5deg);
    }

    #zabava-directions-v2 .studio .hero-card strong {
      display: block;
      margin-bottom: 6px;
      color: var(--lime);
      font: 900 30px/0.95 "Archivo Black", "Arial Black", sans-serif;
    }

    #zabava-directions-v2 .studio .hero-flower,
    #zabava-directions-v2 .studio .hero-flower::before {
      display: none !important;
      width: 94px;
      height: 94px;
      background: var(--lime);
      -webkit-mask: var(--z-star) center / contain no-repeat;
      mask: var(--z-star) center / contain no-repeat;
    }

    #zabava-directions-v2 .studio .hero-flower {
      position: absolute;
      right: max(22px, calc((100% - var(--max)) / 2 + 40px));
      top: 96px;
      transform: rotate(18deg);
      opacity: 0.95;
      pointer-events: none;
    }

    #zabava-directions-v2 .studio .hero-flower::before {
      content: "";
      position: absolute;
      left: -92px;
      top: 380px;
      width: 54px;
      height: 54px;
      background: var(--coral);
      transform: rotate(-34deg);
    }

    #zabava-directions-v2 .studio .hero-snake,
    #zabava-directions-v2 .studio .hero-snake-over {
      position: absolute;
      left: 50%;
      top: 132px;
      width: 150vw;
      height: 250px;
      transform: translateX(-50%);
      pointer-events: none;
    }

    #zabava-directions-v2 .studio .hero-snake {
      z-index: 1;
      opacity: 0.78;
    }

    #zabava-directions-v2 .studio .hero-snake-over {
      display: none;
    }

    #zabava-directions-v2 .studio .hero-snake svg,
    #zabava-directions-v2 .studio .hero-snake-over svg {
      width: 100%;
      height: 100%;
      display: block;
    }

    #zabava-directions-v2 .studio h1 {
      position: relative;
      z-index: 1;
      font: 900 clamp(42px, 6.4vw, 88px)/0.92 "Bricolage Grotesque", "Archivo Black", sans-serif;
      max-width: 1120px;
      text-shadow: 0.032em 0 currentColor;
    }

    #zabava-directions-v2 .studio h2 {
      font: 900 clamp(31px, 4.9vw, 64px)/0.96 "Bricolage Grotesque", "Archivo Black", sans-serif;
      text-shadow: 0.026em 0 currentColor;
    }

    #zabava-directions-v2 .studio .ticker {
      background: var(--violet);
      color: var(--ink);
      width: 100%;
      margin: 0;
      padding: 34px 0 58px;
      overflow: hidden;
      transform: none;
      transform-origin: center;
      position: relative;
      z-index: 4;
    }

    #zabava-directions-v2 .studio .ticker::before {
      content: "";
      position: absolute;
      left: -8vw;
      right: -8vw;
      top: 34px;
      height: 66px;
      background: var(--lime);
      transform: rotate(-2.2deg);
      transform-origin: center;
      z-index: 0;
    }

    #zabava-directions-v2 .studio .ticker-track {
      gap: 26px;
      align-items: center;
      padding: 15px 0;
      width: max-content;
      margin-left: 0;
      font: 800 clamp(18px, 2.7vw, 34px)/0.9 "Inter Tight", sans-serif;
      animation: zabava-marquee 26s linear infinite;
      transform: rotate(-2.2deg);
      transform-origin: center left;
      position: relative;
      z-index: 1;
    }

    #zabava-directions-v2 .studio .ticker span {
      display: inline-flex;
      align-items: center;
      gap: 30px;
    }

    #zabava-directions-v2 .studio .ticker span + span::before {
      content: "✦";
      width: auto;
      height: auto;
      flex: 0 0 auto;
      background: transparent;
      color: var(--ink);
      font-size: 30px;
      line-height: 1;
      transform: rotate(-10deg);
    }

    #zabava-directions-v2 .studio .shape-belt {
      position: relative;
      height: 170px;
      margin-top: -18px;
      margin-bottom: -72px;
      background: var(--violet);
      overflow: hidden;
      z-index: 4;
      pointer-events: none;
    }

    #zabava-directions-v2 .studio .shape-belt::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: rgba(18, 18, 18, 0.16);
    }

    #zabava-directions-v2 .studio .shape {
      position: absolute;
      display: block;
      will-change: transform;
      animation: zabava-shape-drift 16s ease-in-out infinite alternate;
    }

    #zabava-directions-v2 .studio .shape-1 {
      left: -28px;
      bottom: 8px;
      width: 154px;
      height: 132px;
      background: var(--lime);
      border-radius: 38% 62% 48% 52% / 55% 46% 54% 45%;
      transform: rotate(-12deg);
      animation-delay: -1s;
      --tx: -82px;
      --ty: 12px;
      --rot: -38deg;
    }

    #zabava-directions-v2 .studio .shape-2 {
      left: 14%;
      bottom: -10px;
      width: 138px;
      height: 138px;
      background: var(--coral);
      border-radius: 50%;
      transform: rotate(9deg);
      animation-delay: -4s;
      --tx: -128px;
      --ty: 22px;
      --rot: -110deg;
    }

    #zabava-directions-v2 .studio .shape-3 {
      left: 31%;
      bottom: 2px;
      width: 176px;
      height: 118px;
      background: var(--cloud);
      border-radius: 100px;
      transform: rotate(-5deg);
      animation-delay: -7s;
      --tx: -46px;
      --ty: -10px;
      --rot: -24deg;
    }

    #zabava-directions-v2 .studio .shape-4 {
      right: 29%;
      bottom: -18px;
      width: 144px;
      height: 144px;
      background: var(--lime);
      border-radius: 36% 64% 42% 58% / 48% 34% 66% 52%;
      transform: rotate(18deg);
      animation-delay: -3s;
      --tx: 62px;
      --ty: 14px;
      --rot: 82deg;
    }

    #zabava-directions-v2 .studio .shape-5 {
      right: 12%;
      bottom: 12px;
      width: 186px;
      height: 86px;
      background: var(--coral);
      border-radius: 100px;
      transform: rotate(11deg);
      animation-delay: -8s;
      --tx: 142px;
      --ty: 30px;
      --rot: 56deg;
    }

    #zabava-directions-v2 .studio .shape-6 {
      right: -30px;
      bottom: -4px;
      width: 150px;
      height: 150px;
      background: var(--cloud);
      border-radius: 30% 70% 60% 40% / 58% 48% 52% 42%;
      transform: rotate(-16deg);
      animation-delay: -5s;
      --tx: 96px;
      --ty: 18px;
      --rot: 96deg;
    }

    @keyframes zabava-shape-drift {
      0% {
        transform: translate(0, 0) rotate(0deg);
      }
      55% {
        transform: translate(calc(var(--tx) * 0.32), calc(var(--ty) * 0.28)) rotate(calc(var(--rot) * 0.28));
      }
      100% {
        transform: translate(var(--tx), var(--ty)) rotate(var(--rot));
      }
    }

    #zabava-directions-v2 .studio .band-violet {
      background: var(--violet);
      color: var(--cloud);
    }

    #zabava-directions-v2 .studio .band-lime {
      background: var(--lime);
      color: var(--ink);
    }

    #zabava-directions-v2 .studio .band-lime::before {
      background: var(--violet);
    }

    #zabava-directions-v2 .studio .band-coral {
      background: var(--coral);
      color: var(--ink);
    }

    #zabava-directions-v2 .studio .section {
      position: relative;
      overflow: hidden;
      padding: 88px 22px;
      border-radius: 34px 34px 0 0;
      background: var(--ink);
      color: var(--cloud);
      z-index: 4;
    }

    #zabava-directions-v2 .studio .section + .section {
      margin-top: -34px;
      padding: 88px 22px;
      border-radius: 34px 34px 0 0;
    }

    #zabava-directions-v2 .studio .section.band-violet {
      background: var(--violet);
      color: var(--cloud);
    }

    #zabava-directions-v2 .studio .section.band-lime {
      background: var(--lime);
      color: var(--ink);
    }

    #zabava-directions-v2 .studio .section.band-coral {
      background: var(--coral);
      color: var(--ink);
    }

    #zabava-directions-v2 .studio .section::before {
      content: "";
      display: none;
      position: absolute;
      left: max(24px, calc((100% - var(--max)) / 2 - 72px));
      top: 58px;
      width: 62px;
      height: 62px;
      background: var(--lime);
      -webkit-mask: var(--z-star) center / contain no-repeat;
      mask: var(--z-star) center / contain no-repeat;
      transform: rotate(var(--flower-rotate, -10deg));
      opacity: 0.98;
      pointer-events: none;
      z-index: 1;
    }

    #zabava-directions-v2 .studio .section::after {
      content: "";
      position: absolute;
      right: max(18px, calc((100% - var(--max)) / 2 - 20px));
      top: 28px;
      color: rgba(172, 245, 50, 0.1);
      font: 900 clamp(58px, 10vw, 152px)/0.78 "Archivo Black", "Arial Black", sans-serif;
      letter-spacing: 0;
      text-transform: uppercase;
      white-space: nowrap;
      pointer-events: none;
    }

    #zabava-directions-v2 .studio .band-violet::after {
      color: rgba(236, 238, 243, 0.1);
    }

    #zabava-directions-v2 .studio .band-lime::after {
      color: rgba(18, 18, 18, 0.09);
    }

    #zabava-directions-v2 .studio .band-coral::after {
      color: rgba(18, 18, 18, 0.09);
    }

    #zabava-directions-v2 .studio .section[data-index="01"] { --flower-rotate: -18deg; --pop-rotate: 1.1deg; }
    #zabava-directions-v2 .studio .section[data-index="02"] { --flower-rotate: 16deg; --pop-rotate: -1.6deg; }
    #zabava-directions-v2 .studio .section[data-index="03"] { --flower-rotate: -34deg; --pop-rotate: 1.2deg; }
    #zabava-directions-v2 .studio .section[data-index="04"] { --flower-rotate: 28deg; --pop-rotate: -1deg; }
    #zabava-directions-v2 .studio .section[data-index="05"] { --flower-rotate: -6deg; --pop-rotate: 1.5deg; }
    #zabava-directions-v2 .studio .section[data-index="06"] { --flower-rotate: 42deg; --pop-rotate: -1.4deg; }
    #zabava-directions-v2 .studio .section[data-index="07"] { --flower-rotate: -28deg; --pop-rotate: 1deg; }
    #zabava-directions-v2 .studio .section[data-index="08"] { --flower-rotate: 10deg; --pop-rotate: -1.2deg; }
    #zabava-directions-v2 .studio .section[data-index="09"] { --flower-rotate: -44deg; --pop-rotate: 1.4deg; }

    #zabava-directions-v2 .studio .section[data-index="09"] .final-block {
      display: grid;
      justify-items: center;
      text-align: center;
    }

    #zabava-directions-v2 .studio .section[data-index="09"] .section-head {
      grid-template-columns: minmax(0, 1fr);
      max-width: 880px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }

    #zabava-directions-v2 .studio .section[data-index="09"] .section-head > p {
      justify-self: center;
    }

    #zabava-directions-v2 .studio .section.band-lime::before {
      background: var(--violet);
    }

    #zabava-directions-v2 .studio .inner {
      position: relative;
      z-index: 2;
    }

    #zabava-directions-v2 .studio .section-head {
      grid-template-columns: minmax(0, 760px) minmax(280px, 420px);
      gap: 40px;
      align-items: start;
      margin-bottom: 44px;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .section-head {
      grid-template-columns: minmax(0, 1fr);
      max-width: 980px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .section-head > p {
      justify-self: center;
      max-width: 760px;
      padding: 26px 34px;
      background: var(--cloud);
      color: var(--ink);
      border-radius: 6px;
      font-size: 26px;
      line-height: 1.25;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature {
      grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1fr);
    }

    #zabava-directions-v2 .studio .section[data-index="05"] .feature {
      grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1fr);
    }

    #zabava-directions-v2 .studio .section-head > div {
      display: block;
    }

    #zabava-directions-v2 .studio .kicker {
      display: none;
    }

    #zabava-directions-v2 .studio .section-head h2 {
      max-width: 980px;
    }

    #zabava-directions-v2 .studio .word-pop {
      display: inline-block;
      padding: 0 0.15em 0.05em;
      width: fit-content;
      max-width: max-content;
      background: var(--lime);
      color: var(--ink);
      border-radius: 100px;
      line-height: 1;
      transform: rotate(var(--pop-rotate, -1.2deg));
      transform-origin: center;
      white-space: nowrap;
      vertical-align: baseline;
    }

    #zabava-directions-v2 .studio .band-lime .word-pop {
      background: var(--violet);
      color: var(--cloud);
    }

    #zabava-directions-v2 .studio .band-coral .word-pop {
      background: var(--cloud);
      color: var(--ink);
    }

    #zabava-directions-v2 .studio .word-pop.is-rect {
      border-radius: 0;
      padding: 0 0.11em 0.04em;
    }

    #zabava-directions-v2 .studio .word-pop.is-coral {
      background: var(--coral);
      color: var(--ink);
      border-radius: 0;
      transform: rotate(-1.2deg);
    }

    #zabava-directions-v2 .studio .word-pop.word-tail {
      padding-left: 0.08em;
    }

    #zabava-directions-v2 .studio .section-head > p {
      max-width: 560px;
      align-self: start;
      font-size: 20px;
      font-weight: 650;
      padding-top: 4px;
    }

    #zabava-directions-v2 .studio .game-grid {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 20px;
      align-items: start;
    }

    #zabava-directions-v2 .studio .game-card {
      display: grid;
      gap: 18px;
      overflow: hidden;
      background: var(--cloud);
      color: var(--ink);
      padding: 22px;
    }

    #zabava-directions-v2 .studio .game-card .body {
      min-height: auto;
      padding: 0;
      background: transparent;
    }

    #zabava-directions-v2 .studio .game-art {
      height: auto;
      min-height: 210px;
      padding: 0;
      background: transparent !important;
    }

    #zabava-directions-v2 .studio .game-card:nth-child(2) .game-art {
      background: transparent !important;
    }

    #zabava-directions-v2 .studio .game-card:nth-child(3) .game-art {
      background: transparent !important;
    }

    #zabava-directions-v2 .studio .game-card:nth-child(1) {
      grid-column: span 4;
      min-height: 0;
    }

    #zabava-directions-v2 .studio .game-card:nth-child(2) {
      grid-column: span 4;
      min-height: 0;
      margin-top: 34px;
    }

    #zabava-directions-v2 .studio .game-card:nth-child(3) {
      grid-column: span 4;
      min-height: 0;
      margin-top: 68px;
    }

    #zabava-directions-v2 .studio .game-card h3 {
      font-size: 24px;
      line-height: 1.05;
    }

    #zabava-directions-v2 .studio .game-art img {
      width: 100%;
      height: auto;
      max-height: 260px;
      object-fit: contain;
    }

    #zabava-directions-v2 .studio .game-card:nth-child(2) {
      margin-top: 34px;
    }

    #zabava-directions-v2 .studio .game-card:nth-child(3) {
      margin-top: 68px;
    }

    #zabava-directions-v2 .studio .feature {
      grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr);
      border-radius: 26px;
      position: relative;
      overflow: hidden;
      min-height: 380px;
      align-items: stretch;
    }

    #zabava-directions-v2 .studio .feature > div:first-child {
      max-width: 610px;
      align-self: stretch;
      display: flex;
      flex-direction: column;
      min-height: 100%;
    }

    #zabava-directions-v2 .studio .feature > div:first-child p:last-child {
      margin-top: auto !important;
      padding-top: 24px;
    }

    #zabava-directions-v2 .studio .feature h2 {
      font-size: clamp(28px, 3.6vw, 42px);
      line-height: 0.96;
    }

    #zabava-directions-v2 .studio .feature::after {
      content: none;
      position: absolute;
      right: 24px;
      bottom: 18px;
      font-size: 52px;
      font-weight: 900;
      line-height: 1;
    }

    #zabava-directions-v2 .studio .feature .cta {
      background: var(--ink);
      color: var(--cloud);
    }

    #zabava-directions-v2 .studio .feature .media {
      min-height: 300px;
      align-self: stretch;
      padding: 18px;
      border-radius: 6px;
      background: transparent;
    }

    #zabava-directions-v2 .studio .band-violet .feature,
    #zabava-directions-v2 .studio .band-coral .feature {
      background: var(--cloud);
      color: var(--ink);
    }

    #zabava-directions-v2 .studio .band-violet .feature .media {
      background: transparent;
    }

    #zabava-directions-v2 .studio .grid-4 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 22px;
    }

    #zabava-directions-v2 .studio .grid-4 .card,
    #zabava-directions-v2 .studio .grid-4 .quote {
      min-height: 150px;
    }

    #zabava-directions-v2 .studio .card h3,
    #zabava-directions-v2 .studio .quote h3 {
      font-size: 22px;
      line-height: 1.08;
    }

    #zabava-directions-v2 .studio .grid-4 .card:nth-child(1),
    #zabava-directions-v2 .studio .grid-4 .quote:nth-child(1) {
      grid-column: span 7;
    }

    #zabava-directions-v2 .studio .grid-4 .card:nth-child(2),
    #zabava-directions-v2 .studio .grid-4 .quote:nth-child(2) {
      grid-column: span 5;
      min-height: 180px;
    }

    #zabava-directions-v2 .studio .grid-4 .card:nth-child(3),
    #zabava-directions-v2 .studio .grid-4 .quote:nth-child(3) {
      grid-column: span 5;
      min-height: 170px;
    }

    #zabava-directions-v2 .studio .grid-4 .card:nth-child(4),
    #zabava-directions-v2 .studio .grid-4 .quote:nth-child(4) {
      grid-column: span 7;
      min-height: 160px;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card {
      position: relative;
      padding-top: 82px;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card::before {
      content: "$";
      position: absolute;
      left: 22px;
      top: 20px;
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border-radius: 16px;
      background: var(--lime);
      color: var(--ink);
      font: 900 24px/1 "Inter Tight", sans-serif;
      transform: rotate(-8deg);
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card:nth-child(2)::before {
      content: "↯";
      background: var(--coral);
      transform: rotate(7deg);
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card:nth-child(3)::before {
      content: "◒";
      background: var(--violet);
      color: var(--cloud);
      transform: rotate(-4deg);
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card:nth-child(4)::before {
      content: "★";
      background: var(--lime);
      transform: rotate(10deg);
    }

    #zabava-directions-v2 .studio .section[data-index="04"] {
      min-height: 142vh;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .inner {
      position: sticky;
      top: 22px;
    }

    #zabava-directions-v2 .studio .steps {
      display: block;
      height: clamp(620px, calc(100vh - 86px), 760px);
      max-width: 1120px;
      margin: 0 auto;
      position: relative;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] {
      min-height: 138vh;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .inner {
      position: sticky;
      top: 22px;
    }

    #zabava-directions-v2 .studio .step {
      width: min(500px, 45%);
      min-height: 0;
      position: absolute;
      z-index: 2;
      padding: 30px;
    }

    #zabava-directions-v2 .studio .step:nth-of-type(1) {
      left: 0;
      top: 0;
    }

    #zabava-directions-v2 .studio .step:nth-of-type(2) {
      right: 0;
      top: 35%;
    }

    #zabava-directions-v2 .studio .step:nth-of-type(3) {
      left: 7%;
      bottom: 0;
    }

    #zabava-directions-v2 .studio .step-route {
      position: absolute;
      width: min(390px, 38%);
      height: 132px;
      color: var(--ink);
      opacity: 0.95;
      overflow: visible;
      z-index: 1;
    }

    #zabava-directions-v2 .studio .step-route.route-one {
      left: 35%;
      top: 19%;
      transform: rotate(5deg);
    }

    #zabava-directions-v2 .studio .step-route.route-two {
      left: 24%;
      top: 61%;
      transform: rotate(-8deg);
    }

    #zabava-directions-v2 .studio .step-route path {
      fill: none;
      stroke: currentColor;
      stroke-width: 5;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 560;
      stroke-dashoffset: 0;
      filter: url(#pencil-wobble);
    }

    #zabava-directions-v2 .studio .route-two path {
      stroke-width: 4;
    }

    #zabava-directions-v2 .studio .card,
    #zabava-directions-v2 .studio .game-card,
    #zabava-directions-v2 .studio .quote,
    #zabava-directions-v2 .studio .faq-item {
      --radius-card: 24px;
    }

    #zabava-directions-v2 details.faq-item {
      display: block;
      cursor: pointer;
    }

    #zabava-directions-v2 details.faq-item summary {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: center;
      list-style: none;
      font-size: 22px;
      font-weight: 900;
      line-height: 1.05;
    }

    #zabava-directions-v2 details.faq-item summary::-webkit-details-marker {
      display: none;
    }

    #zabava-directions-v2 details.faq-item summary::after {
      content: "+";
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: var(--lime);
      color: var(--ink);
      font: 900 28px/1 "Archivo Black", "Arial Black", sans-serif;
    }

    #zabava-directions-v2 details.faq-item[open] summary::after {
      content: "-";
    }

    #zabava-directions-v2 details.faq-item p {
      margin-top: 18px;
      max-width: 780px;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card {
      opacity: 0;
      transform: translate(42vw, 26vh) rotate(9deg) scale(0.9);
      transform-origin: right bottom;
      transition: opacity 520ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 760ms cubic-bezier(0.16, 0.86, 0.18, 1);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card.is-visible {
      opacity: 1;
      transform: translate(0, 0) rotate(0) scale(1);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route {
      opacity: 0;
      transform: translateY(42px) scale(0.97);
      transition: opacity 520ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 680ms cubic-bezier(0.16, 0.86, 0.18, 1);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one {
      transform: rotate(5deg) translateY(42px) scale(0.97);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two {
      transform: rotate(-8deg) translateY(42px) scale(0.97);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.is-visible {
      opacity: 1;
      transform: translateY(0) scale(1);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible {
      transform: rotate(5deg) translateY(0) scale(1);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible {
      transform: rotate(-8deg) translateY(0) scale(1);
    }

    #zabava-directions-v2.has-reveal .studio .step-route path {
      stroke-dashoffset: 560;
    }

    #zabava-directions-v2.has-reveal .studio .step-route.is-visible path {
      animation: zabava-draw-route 720ms cubic-bezier(0.22, 0.72, 0.16, 1) forwards;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card .reveal-word,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step .reveal-word {
      opacity: 0;
      transform: translateY(0.7em);
      transition: opacity 420ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
      transition-delay: var(--word-delay, 0ms);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card.is-visible .reveal-word,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step.is-visible .reveal-word {
      opacity: 1;
      transform: translateY(0);
    }

    @keyframes zabava-section-wipe {
      from {
        clip-path: inset(0 0 100% 0);
      }
      to {
        clip-path: inset(0 0 0 0);
      }
    }

    @keyframes zabava-rise-in {
      from {
        opacity: 0;
        transform: translateY(34px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes zabava-draw-route {
      from {
        stroke-dashoffset: 560;
      }
      to {
        stroke-dashoffset: 0;
      }
    }

    @media (prefers-reduced-motion: no-preference) {
      #zabava-directions-v2.has-reveal .studio .reveal-section {
        transform: translateY(82px) scale(0.985);
        transform-origin: center bottom;
        transition: transform 820ms cubic-bezier(0.2, 0.8, 0.2, 1);
        will-change: transform;
      }

      #zabava-directions-v2.has-reveal .studio .reveal-section.is-visible {
        transform: translateY(0) scale(1);
      }

      #zabava-directions-v2.has-reveal .studio .reveal-section .reveal-item {
        opacity: 0;
        transform: translateY(28px);
        transition: opacity 560ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 560ms cubic-bezier(0.2, 0.8, 0.2, 1);
      }

      #zabava-directions-v2.has-reveal .studio .reveal-section .reveal-item.is-visible {
        opacity: 1;
        transform: translateY(0);
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card {
        opacity: 0;
        transform: translate(42vw, 26vh) rotate(9deg) scale(0.9);
        transform-origin: right bottom;
        transition: opacity 460ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 620ms cubic-bezier(0.16, 0.86, 0.18, 1);
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card.is-visible {
        opacity: 1;
        transform: translate(0, 0) rotate(0) scale(1);
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step,
      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route {
        opacity: 0;
        transform: translateY(34px) scale(0.98);
        transition: opacity 360ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one {
        transform: rotate(5deg) translateY(34px) scale(0.98);
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two {
        transform: rotate(-8deg) translateY(34px) scale(0.98);
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step.is-visible,
      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.is-visible {
        opacity: 1;
        transform: translateY(0) scale(1);
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible {
        transform: rotate(5deg) translateY(0) scale(1);
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible {
        transform: rotate(-8deg) translateY(0) scale(1);
      }

      #zabava-directions-v2.has-reveal .studio .step-route path {
        stroke-dashoffset: 560;
      }

      #zabava-directions-v2.has-reveal .studio .step-route.is-visible path {
        animation: zabava-draw-route 560ms cubic-bezier(0.22, 0.72, 0.16, 1) forwards;
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card .reveal-word,
      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step .reveal-word {
        opacity: 0;
        transform: translateY(0.7em);
        transition: opacity 360ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
        transition-delay: var(--word-delay, 0ms);
      }

      #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card.is-visible .reveal-word,
      #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step.is-visible .reveal-word {
        opacity: 1;
        transform: translateY(0);
      }

      #zabava-directions-v2.has-reveal .studio .reveal-section .reveal-item.is-visible:nth-child(2) {
        transition-delay: 90ms;
      }

      #zabava-directions-v2.has-reveal .studio .reveal-section .reveal-item.is-visible:nth-child(3) {
        transition-delay: 160ms;
      }

      #zabava-directions-v2.has-reveal .studio .reveal-text .reveal-word {
        display: inline-block;
        opacity: 0;
        transform: translateY(0.7em);
        transition: opacity 420ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
        transition-delay: var(--word-delay, 0ms);
        will-change: opacity, transform;
      }

      #zabava-directions-v2.has-reveal .studio .reveal-text.is-visible .reveal-word {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 900px) {
      #zabava-directions-v2 .nav,
      #zabava-directions-v2 .section-head,
      #zabava-directions-v2 .feature,
      #zabava-directions-v2 .product .hero,
      #zabava-directions-v2 .faq-item,
      #zabava-directions-v2 .legal-grid {
        grid-template-columns: 1fr;
      }

      #zabava-directions-v2 .grid-3,
      #zabava-directions-v2 .grid-4 {
        grid-template-columns: 1fr;
      }

      #zabava-directions-v2 .hero {
        min-height: auto !important;
      }

      #zabava-directions-v2 .studio .hero {
        display: block;
      }

      #zabava-directions-v2 .studio .shape-belt {
        height: 120px;
        margin-bottom: -50px;
      }

      #zabava-directions-v2 .studio .shape {
        transform: scale(0.78);
      }

      #zabava-directions-v2 .studio .hero-side {
        position: relative;
        display: grid;
        gap: 12px;
        margin-top: 28px;
      }

      #zabava-directions-v2 .studio .hero-card {
        position: static;
        width: auto;
        transform: none !important;
      }

      #zabava-directions-v2 .studio .hero-flower,
      #zabava-directions-v2 .studio .hero-snake,
      #zabava-directions-v2 .studio .hero-snake-over {
        display: none;
      }

      #zabava-directions-v2 .studio .section::before {
        left: 18px;
        top: 28px;
        width: 42px;
        height: 42px;
      }

      #zabava-directions-v2 .studio .section::after {
        top: 24px;
        right: 16px;
        font-size: 54px;
      }

      #zabava-directions-v2 .studio .grid-4 .card,
      #zabava-directions-v2 .studio .grid-4 .quote {
        grid-column: auto !important;
      }

      #zabava-directions-v2 .studio .game-grid {
        grid-template-columns: 1fr !important;
      }

      #zabava-directions-v2 .studio .game-card {
        grid-column: auto !important;
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        margin-top: 0 !important;
      }

      #zabava-directions-v2 .studio .step {
        margin-top: 0 !important;
        margin-left: 0 !important;
        width: 100%;
        position: relative;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        justify-self: stretch !important;
      }

      #zabava-directions-v2 .studio .steps {
        display: grid;
        height: auto;
        gap: 8px;
      }

      #zabava-directions-v2 .studio .step-route {
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 76vw;
        height: 108px;
        margin: 2px auto -4px;
        transform: none !important;
      }

      #zabava-directions-v2 .studio .section[data-index="06"] {
        min-height: auto;
      }

      #zabava-directions-v2 .studio .section[data-index="04"] {
        min-height: auto;
      }

      #zabava-directions-v2 .studio .section[data-index="04"] .inner {
        position: relative;
        top: auto;
      }

      #zabava-directions-v2 .studio .section[data-index="06"] .inner {
        position: relative;
        top: auto;
      }
    }

    #zabava-directions-v2 .studio .shape-belt {
      height: 190px;
      margin-top: -12px;
      margin-bottom: -58px;
    }

    #zabava-directions-v2 .studio .shape {
      bottom: 0;
      animation-duration: 18s;
      animation-timing-function: ease-in-out;
    }

    #zabava-directions-v2 .studio .shape::before,
    #zabava-directions-v2 .studio .shape::after {
      content: "";
      position: absolute;
      inset: 0;
      background: inherit;
      border-radius: inherit;
    }

    #zabava-directions-v2 .studio .shape-1 {
      left: 1%;
      bottom: 0;
      width: 160px;
      height: 160px;
      background: transparent;
      border-radius: 36px;
      --tx: -118px;
      --ty: 10px;
      --rot: -95deg;
    }

    #zabava-directions-v2 .studio .shape-1::before,
    #zabava-directions-v2 .studio .shape-1::after {
      inset: 16px;
      background: var(--lime);
      border-radius: 34px;
    }

    #zabava-directions-v2 .studio .shape-1::before {
      transform: rotate(45deg);
    }

    #zabava-directions-v2 .studio .shape-1::after {
      transform: rotate(-45deg);
    }

    #zabava-directions-v2 .studio .shape-2 {
      left: 17%;
      bottom: 0;
      width: 150px;
      height: 150px;
      background: var(--coral);
      border-radius: 46% 54% 50% 50%;
      clip-path: polygon(50% 0%, 68% 21%, 96% 19%, 81% 45%, 95% 72%, 66% 70%, 50% 100%, 34% 70%, 5% 72%, 19% 45%, 4% 19%, 32% 21%);
      --tx: -82px;
      --ty: 18px;
      --rot: 80deg;
    }

    #zabava-directions-v2 .studio .shape-3 {
      left: 35%;
      bottom: 0;
      width: 190px;
      height: 138px;
      background: var(--cloud);
      border-radius: 34px;
      clip-path: polygon(18% 0%, 82% 0%, 100% 34%, 83% 100%, 20% 100%, 0% 42%);
      --tx: -28px;
      --ty: -12px;
      --rot: -32deg;
    }

    #zabava-directions-v2 .studio .shape-4 {
      right: 31%;
      bottom: 0;
      width: 150px;
      height: 150px;
      background: var(--lime);
      border-radius: 32px;
      clip-path: polygon(50% 0%, 61% 34%, 98% 25%, 75% 52%, 92% 88%, 56% 73%, 28% 100%, 32% 61%, 0% 42%, 38% 34%);
      --tx: 42px;
      --ty: 18px;
      --rot: 100deg;
    }

    #zabava-directions-v2 .studio .shape-5 {
      right: 12%;
      bottom: 0;
      width: 210px;
      height: 92px;
      background: var(--coral);
      border-radius: 100px;
      --tx: 132px;
      --ty: 18px;
      --rot: 42deg;
    }

    #zabava-directions-v2 .studio .shape-6 {
      right: -18px;
      bottom: 0;
      width: 158px;
      height: 158px;
      background: var(--cloud);
      border-radius: 34px;
      clip-path: polygon(26% 0%, 74% 0%, 100% 26%, 100% 74%, 74% 100%, 26% 100%, 0% 74%, 0% 26%);
      --tx: 112px;
      --ty: 12px;
      --rot: 75deg;
    }

    #zabava-directions-v2 .studio .steps {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      max-width: 1060px;
      height: auto;
      margin: 0 auto;
      position: relative;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] {
      min-height: auto;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .inner {
      position: relative;
      top: auto;
    }

    #zabava-directions-v2 .studio .step {
      width: min(560px, 78%);
      min-height: 0;
      position: relative;
      z-index: 2;
      padding: 30px;
    }

    #zabava-directions-v2 .studio .step:nth-of-type(1) {
      justify-self: start;
      left: auto;
      top: auto;
    }

    #zabava-directions-v2 .studio .step:nth-of-type(2) {
      justify-self: end;
      margin-top: 58px;
      right: auto;
      top: auto;
    }

    #zabava-directions-v2 .studio .step:nth-of-type(3) {
      justify-self: start;
      margin-top: 58px;
      margin-left: 11%;
      left: auto;
      bottom: auto;
    }

    #zabava-directions-v2 .studio .step-route {
      position: relative;
      width: min(370px, 42vw);
      height: 126px;
      margin: -8px auto -18px;
      color: var(--ink);
      opacity: 0.95;
      overflow: visible;
      z-index: 1;
    }

    #zabava-directions-v2 .studio .step-route.route-one {
      justify-self: center;
      left: auto;
      top: auto;
      transform: translateX(110px) rotate(3deg);
    }

    #zabava-directions-v2 .studio .step-route.route-two {
      justify-self: center;
      left: auto;
      top: auto;
      transform: translateX(-120px) rotate(-4deg);
    }
    #zabava-directions-v2 .studio .section[data-index="04"] {
      min-height: auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .inner {
      position: relative !important;
      top: auto !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card {
      opacity: 0;
      transform: translate(54vw, 220px) rotate(16deg) scale(0.82);
      transform-origin: right bottom;
      transition: opacity 620ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 980ms cubic-bezier(0.16, 0.86, 0.18, 1);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card:nth-child(2) {
      transform: translate(54vw, 220px) rotate(9deg) scale(0.84);
      transition-delay: 120ms;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card:nth-child(3) {
      transform: translate(54vw, 220px) rotate(3deg) scale(0.86);
      transition-delay: 240ms;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card:nth-child(4) {
      transform: translate(54vw, 220px) rotate(-5deg) scale(0.88);
      transition-delay: 360ms;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card.is-visible {
      opacity: 1;
      transform: translate(0, 0) rotate(0) scale(1);
    }

    #zabava-directions-v2 .studio .shape-belt {
      height: 208px;
      margin-bottom: -70px;
      overflow: visible;
      z-index: 6;
    }

    #zabava-directions-v2 .studio .shape-svg {
      position: absolute;
      bottom: 0;
      overflow: visible;
      animation: zabava-shape-drift 18s ease-in-out infinite alternate;
      transform-origin: 50% 100%;
      will-change: transform;
    }

    #zabava-directions-v2 .studio .shape-svg path {
      vector-effect: non-scaling-stroke;
    }

    #zabava-directions-v2 .studio .shape-svg-1 {
      left: -2%;
      width: 190px;
      height: 170px;
      color: var(--lime);
      --tx: -118px;
      --ty: 10px;
      --rot: -95deg;
      animation-delay: -1s;
    }

    #zabava-directions-v2 .studio .shape-svg-2 {
      left: 13%;
      width: 170px;
      height: 170px;
      color: var(--coral);
      --tx: -82px;
      --ty: 18px;
      --rot: 80deg;
      animation-delay: -4s;
    }

    #zabava-directions-v2 .studio .shape-svg-3 {
      left: 29%;
      width: 220px;
      height: 150px;
      color: var(--cloud);
      --tx: -28px;
      --ty: -12px;
      --rot: -32deg;
      animation-delay: -7s;
    }

    #zabava-directions-v2 .studio .shape-svg-4 {
      right: 31%;
      width: 178px;
      height: 178px;
      color: var(--lime);
      --tx: 42px;
      --ty: 18px;
      --rot: 100deg;
      animation-delay: -3s;
    }

    #zabava-directions-v2 .studio .shape-svg-5 {
      right: 12%;
      width: 235px;
      height: 104px;
      color: var(--coral);
      --tx: 132px;
      --ty: 18px;
      --rot: 42deg;
      animation-delay: -8s;
    }

    #zabava-directions-v2 .studio .shape-svg-6 {
      right: -2%;
      width: 184px;
      height: 184px;
      color: var(--cloud);
      --tx: 112px;
      --ty: 12px;
      --rot: 75deg;
      animation-delay: -5s;
    }

    #zabava-directions-v2 .studio .shape {
      bottom: 0 !important;
      border-radius: 34px;
      transform-origin: 50% 100%;
    }

    #zabava-directions-v2 .studio .shape-2,
    #zabava-directions-v2 .studio .shape-3,
    #zabava-directions-v2 .studio .shape-4,
    #zabava-directions-v2 .studio .shape-6 {
      border-radius: 34px;
    }

    #zabava-directions-v2 .studio .shape-2 {
      clip-path: polygon(50% 0%, 70% 18%, 100% 28%, 86% 55%, 94% 88%, 61% 84%, 42% 100%, 24% 78%, 0% 66%, 14% 39%, 10% 10%);
    }

    #zabava-directions-v2 .studio .shape-3 {
      clip-path: polygon(18% 0%, 84% 0%, 100% 36%, 82% 100%, 18% 100%, 0% 36%);
    }

    #zabava-directions-v2 .studio .shape-4 {
      clip-path: polygon(50% 0%, 61% 34%, 98% 25%, 75% 52%, 92% 88%, 56% 73%, 28% 100%, 32% 61%, 0% 42%, 38% 34%);
    }

    #zabava-directions-v2 .studio .shape-6 {
      clip-path: polygon(26% 0%, 74% 0%, 100% 26%, 100% 74%, 74% 100%, 26% 100%, 0% 74%, 0% 26%);
    }

    #zabava-directions-v2 .studio .section[data-index="06"] {
      min-height: auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .inner {
      position: relative !important;
      top: auto !important;
    }

    #zabava-directions-v2 .studio .step-route .route-line {
      fill: none;
      stroke: currentColor;
      stroke-width: 5;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 560;
      stroke-dashoffset: 0;
      filter: url(#pencil-wobble);
    }

    #zabava-directions-v2 .studio .step-route.route-two .route-line {
      stroke-width: 4;
    }

    #zabava-directions-v2 .studio .step-route .route-head {
      fill: none;
      stroke: currentColor;
      stroke-width: 5;
      stroke-linecap: round;
      stroke-linejoin: round;
      filter: none;
      opacity: 1;
    }

    #zabava-directions-v2 .studio .step-route.route-two .route-head {
      stroke-width: 4;
    }

    #zabava-directions-v2.has-reveal .studio .step-route .route-line {
      stroke-dashoffset: 560;
    }

    #zabava-directions-v2.has-reveal .studio .step-route .route-head {
      opacity: 0;
      transform: scale(0.65);
      transform-origin: center;
      transition: opacity 220ms ease 580ms, transform 260ms ease 580ms;
    }

    #zabava-directions-v2.has-reveal .studio .step-route.is-visible .route-line {
      animation: zabava-draw-route 720ms cubic-bezier(0.22, 0.72, 0.16, 1) forwards;
    }

    #zabava-directions-v2.has-reveal .studio .step-route.is-visible .route-head {
      opacity: 1;
      transform: scale(1);
    }
    #zabava-directions-v2 .studio .shape-belt {
      height: 248px !important;
      margin-top: -10px !important;
      margin-bottom: 0 !important;
      overflow: hidden !important;
      z-index: 3 !important;
    }

    #zabava-directions-v2 .studio .shape-belt::after {
      content: none !important;
    }

    #zabava-directions-v2 .studio .shape-svg {
      bottom: 0 !important;
      animation-name: zabava-shape-roll-away !important;
      animation-duration: 14s !important;
      animation-timing-function: cubic-bezier(0.48, 0, 0.2, 1) !important;
      animation-fill-mode: forwards !important;
      animation-iteration-count: 1 !important;
      animation-direction: normal !important;
    }

    #zabava-directions-v2 .studio .shape-svg-1 {
      left: 22% !important;
      bottom: 0 !important;
      width: 188px !important;
      height: 178px !important;
      --tx: -44vw;
      --ty: 0px;
      --rot: -92deg;
    }

    #zabava-directions-v2 .studio .shape-svg-2 {
      left: 31% !important;
      bottom: 82px !important;
      width: 168px !important;
      height: 168px !important;
      --tx: -34vw;
      --ty: 0px;
      --rot: -68deg;
    }

    #zabava-directions-v2 .studio .shape-svg-3 {
      left: 41% !important;
      bottom: 10px !important;
      width: 218px !important;
      height: 148px !important;
      --tx: -18vw;
      --ty: 0px;
      --rot: -34deg;
    }

    #zabava-directions-v2 .studio .shape-svg-4 {
      right: 35% !important;
      bottom: 74px !important;
      width: 176px !important;
      height: 176px !important;
      --tx: 22vw;
      --ty: 0px;
      --rot: 46deg;
    }

    #zabava-directions-v2 .studio .shape-svg-5 {
      right: 22% !important;
      bottom: 18px !important;
      width: 236px !important;
      height: 104px !important;
      --tx: 40vw;
      --ty: 0px;
      --rot: 64deg;
    }

    #zabava-directions-v2 .studio .shape-svg-6 {
      right: 16% !important;
      bottom: 98px !important;
      width: 176px !important;
      height: 176px !important;
      --tx: 48vw;
      --ty: 0px;
      --rot: 82deg;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      margin-top: 0 !important;
      padding-top: 112px !important;
      z-index: 4 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] {
      min-height: 158vh !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .inner {
      position: sticky !important;
      top: 22px !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card {
      opacity: 0;
      transform: translate(56vw, 210px) rotate(15deg) scale(0.82);
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card.is-visible {
      opacity: 1;
      transform: translate(0, 0) rotate(0) scale(1);
    }

    #zabava-directions-v2 .studio .step-route .route-head {
      fill: none !important;
      stroke: currentColor !important;
      stroke-width: 5 !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
    }

    @keyframes zabava-shape-roll-away {
      0% {
        transform: translateX(0) rotate(0deg);
      }
      45% {
        transform: translateX(calc(var(--tx) * 0.34)) rotate(calc(var(--rot) * 0.24));
      }
      100% {
        transform: translateX(var(--tx)) rotate(var(--rot));
      }
    }

    #zabava-directions-v2 .studio .shape-belt {
      height: clamp(250px, 25vw, 370px) !important;
      margin-top: -18px !important;
      margin-bottom: -1px !important;
      overflow: hidden !important;
      background: var(--violet) !important;
      z-index: 3 !important;
    }

    #zabava-directions-v2 .studio .hero-shapes-art {
      position: absolute;
      left: 50%;
      bottom: 0;
      width: min(1380px, 128vw);
      height: auto;
      display: block;
      overflow: visible;
      transform: translateX(-50%);
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      transform-box: fill-box;
      transform-origin: center;
      animation: zabava-hero-shape-scatter 14s cubic-bezier(0.48, 0, 0.2, 1) forwards;
      will-change: transform;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --tx: 34vw; --rot: 76deg; animation-delay: 0.25s; }
    #zabava-directions-v2 .studio .hero-shape-b { --tx: -46vw; --rot: -104deg; animation-delay: 0.12s; }
    #zabava-directions-v2 .studio .hero-shape-c { --tx: -22vw; --rot: -58deg; animation-delay: 0.38s; }
    #zabava-directions-v2 .studio .hero-shape-d { --tx: 45vw; --rot: 112deg; animation-delay: 0.18s; }
    #zabava-directions-v2 .studio .hero-shape-e { --tx: -58vw; --rot: -122deg; animation-delay: 0.3s; }
    #zabava-directions-v2 .studio .hero-shape-f { --tx: 58vw; --rot: 94deg; animation-delay: 0.05s; }
    #zabava-directions-v2 .studio .hero-shape-g { --tx: 10vw; --rot: 36deg; animation-delay: 0.42s; }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      padding-top: clamp(86px, 8vw, 128px) !important;
      border-radius: clamp(34px, 4vw, 62px) clamp(34px, 4vw, 62px) 0 0 !important;
    }

    #zabava-directions-v2 .studio .step-route {
      height: auto !important;
      color: var(--ink) !important;
      filter: none !important;
    }

    #zabava-directions-v2 .studio .step-route.route-one {
      width: min(420px, 37%) !important;
      left: 33% !important;
      top: 15% !important;
      transform: rotate(4deg) !important;
    }

    #zabava-directions-v2 .studio .step-route.route-two {
      width: min(360px, 32%) !important;
      left: 27% !important;
      top: 55% !important;
      transform: rotate(185deg) !important;
    }

    #zabava-directions-v2 .studio .step-route path,
    #zabava-directions-v2 .studio .step-route .route-line,
    #zabava-directions-v2 .studio .step-route .route-head {
      fill: none !important;
      stroke: currentColor !important;
      stroke-width: 35 !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
      stroke-dasharray: 3600 !important;
      stroke-dashoffset: 0 !important;
      filter: none !important;
      opacity: 1 !important;
    }

    #zabava-directions-v2.has-reveal .studio .step-route path {
      stroke-dashoffset: 3600 !important;
    }

    #zabava-directions-v2.has-reveal .studio .step-route.is-visible path {
      animation: zabava-draw-route 880ms cubic-bezier(0.22, 0.72, 0.16, 1) forwards !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one {
      transform: rotate(4deg) translateY(42px) scale(0.97) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two {
      transform: rotate(185deg) translateY(42px) scale(0.97) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible {
      transform: rotate(4deg) translateY(0) scale(1) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible {
      transform: rotate(185deg) translateY(0) scale(1) !important;
    }

    @keyframes zabava-hero-shape-scatter {
      0% {
        transform: translateX(0) rotate(0deg);
      }
      36% {
        transform: translateX(calc(var(--tx) * 0.2)) rotate(calc(var(--rot) * 0.18));
      }
      100% {
        transform: translateX(var(--tx)) rotate(var(--rot));
      }
    }

    #zabava-directions-v2 .studio .shape-belt {
      height: clamp(185px, 19vw, 285px) !important;
      margin-top: -8px !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .hero-shapes-art {
      width: min(920px, 92vw) !important;
      bottom: 0 !important;
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      animation-duration: 16s !important;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --tx: 25vw; --rot: 68deg; }
    #zabava-directions-v2 .studio .hero-shape-b { --tx: -34vw; --rot: -88deg; }
    #zabava-directions-v2 .studio .hero-shape-c { --tx: -16vw; --rot: -46deg; }
    #zabava-directions-v2 .studio .hero-shape-d { --tx: 32vw; --rot: 90deg; }
    #zabava-directions-v2 .studio .hero-shape-e { --tx: -42vw; --rot: -98deg; }
    #zabava-directions-v2 .studio .hero-shape-f { --tx: 42vw; --rot: 78deg; }
    #zabava-directions-v2 .studio .hero-shape-g { --tx: 8vw; --rot: 28deg; }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
      display: block !important;
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 3 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step {
      z-index: 4 !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route {
      opacity: 0 !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.is-visible {
      opacity: 1 !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route path {
      stroke-dashoffset: 0 !important;
    }

    #zabava-directions-v2 .studio .shape-belt {
      height: clamp(170px, 17vw, 250px) !important;
    }

    #zabava-directions-v2 .studio .hero-shapes-art {
      width: min(760px, 78vw) !important;
      bottom: 0 !important;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --mid-x: 4vw; --drop: 86px; --tx: 24vw; --rot: 70deg; }
    #zabava-directions-v2 .studio .hero-shape-b { --mid-x: 8vw; --drop: 118px; --tx: -32vw; --rot: -86deg; }
    #zabava-directions-v2 .studio .hero-shape-c { --mid-x: 0vw; --drop: 18px; --tx: -15vw; --rot: -44deg; }
    #zabava-directions-v2 .studio .hero-shape-d { --mid-x: -5vw; --drop: 132px; --tx: 30vw; --rot: 92deg; }
    #zabava-directions-v2 .studio .hero-shape-e { --mid-x: 2vw; --drop: 0px; --tx: -39vw; --rot: -96deg; }
    #zabava-directions-v2 .studio .hero-shape-f { --mid-x: -7vw; --drop: 0px; --tx: 39vw; --rot: 78deg; }
    #zabava-directions-v2 .studio .hero-shape-g { --mid-x: 1vw; --drop: 116px; --tx: 7vw; --rot: 30deg; }

    #zabava-directions-v2 .studio .section[data-index="06"] .steps {
      height: clamp(680px, calc(100vh - 48px), 790px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one {
      width: min(300px, 26%) !important;
      left: 49% !important;
      top: 27% !important;
      transform: translateX(-50%) rotate(22deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
      width: min(260px, 24%) !important;
      left: 38% !important;
      top: 62% !important;
      transform: translateX(-50%) rotate(196deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one {
      transform: translateX(-50%) rotate(22deg) translateY(28px) scale(0.96) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two {
      transform: translateX(-50%) rotate(196deg) translateY(28px) scale(0.96) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      transform: translateX(-50%) rotate(22deg) translateY(0) scale(1) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      transform: translateX(-50%) rotate(196deg) translateY(0) scale(1) !important;
    }

    @keyframes zabava-hero-shape-scatter {
      0% {
        transform: translate(0, 0) rotate(0deg);
      }
      34% {
        transform: translate(var(--mid-x), var(--drop)) rotate(calc(var(--rot) * 0.18));
      }
      100% {
        transform: translate(var(--tx), 0) rotate(var(--rot));
      }
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .section-head > p {
      border-radius: 34px !important;
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      animation: zabava-hero-shape-scatter 9.5s cubic-bezier(0.45, 0, 0.2, 1) infinite !important;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --scatter-x: 2vw; --gap-x: 4vw; --drop: 48px; --line-y: 58px; --tx: 40vw; --rot: 150deg; }
    #zabava-directions-v2 .studio .hero-shape-b { --scatter-x: -3vw; --gap-x: -8vw; --drop: 128px; --line-y: 66px; --tx: -44vw; --rot: -168deg; }
    #zabava-directions-v2 .studio .hero-shape-c { --scatter-x: -1vw; --gap-x: -2vw; --drop: 16px; --line-y: 58px; --tx: -32vw; --rot: -120deg; }
    #zabava-directions-v2 .studio .hero-shape-d { --scatter-x: 3vw; --gap-x: 9vw; --drop: 132px; --line-y: 66px; --tx: 44vw; --rot: 176deg; }
    #zabava-directions-v2 .studio .hero-shape-e { --scatter-x: -4vw; --gap-x: -7vw; --drop: 0px; --line-y: 58px; --tx: -52vw; --rot: -156deg; }
    #zabava-directions-v2 .studio .hero-shape-f { --scatter-x: 4vw; --gap-x: 7vw; --drop: 0px; --line-y: 58px; --tx: 52vw; --rot: 136deg; }
    #zabava-directions-v2 .studio .hero-shape-g { --scatter-x: 1vw; --gap-x: 0vw; --drop: 118px; --line-y: 66px; --tx: 24vw; --rot: 98deg; }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
      pointer-events: none !important;
      transform-origin: center !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one {
      width: min(180px, 16%) !important;
      left: 54% !important;
      top: 29% !important;
      transform: translateX(-50%) rotate(8deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
      width: min(170px, 15%) !important;
      left: 43% !important;
      top: 63% !important;
      transform: translateX(-50%) rotate(178deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one {
      transform: translateX(-50%) rotate(8deg) translateY(22px) scale(0.96) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two {
      transform: translateX(-50%) rotate(178deg) translateY(22px) scale(0.96) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      transform: translateX(-50%) rotate(8deg) translateY(0) scale(1) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      transform: translateX(-50%) rotate(178deg) translateY(0) scale(1) !important;
    }

    @keyframes zabava-hero-shape-scatter {
      0% {
        transform: translate(0, 0) rotate(0deg);
      }
      20% {
        transform: translate(var(--scatter-x), 0) rotate(calc(var(--rot) * 0.08));
      }
      42% {
        transform: translate(var(--gap-x), var(--drop)) rotate(calc(var(--rot) * 0.22));
      }
      64% {
        transform: translate(var(--gap-x), var(--line-y)) rotate(calc(var(--rot) * 0.45));
      }
      100% {
        transform: translate(var(--tx), var(--line-y)) rotate(var(--rot));
      }
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      animation: zabava-hero-shape-scatter 8.6s linear infinite !important;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --scatter-x: 3vw; --gap-x: 5vw; --drop: 54px; --line-y: 62px; --tx: 44vw; --rot: 164deg; }
    #zabava-directions-v2 .studio .hero-shape-b { --scatter-x: -2vw; --gap-x: -7vw; --drop: 126px; --line-y: 62px; --tx: -46vw; --rot: -172deg; }
    #zabava-directions-v2 .studio .hero-shape-c { --scatter-x: -1vw; --gap-x: -2vw; --drop: 18px; --line-y: 62px; --tx: -34vw; --rot: -126deg; }
    #zabava-directions-v2 .studio .hero-shape-d { --scatter-x: 2vw; --gap-x: 8vw; --drop: 126px; --line-y: 62px; --tx: 46vw; --rot: 184deg; }
    #zabava-directions-v2 .studio .hero-shape-e { --scatter-x: -3vw; --gap-x: -7vw; --drop: 0px; --line-y: 62px; --tx: -54vw; --rot: -164deg; }
    #zabava-directions-v2 .studio .hero-shape-f { --scatter-x: 3vw; --gap-x: 7vw; --drop: 0px; --line-y: 62px; --tx: 54vw; --rot: 142deg; }
    #zabava-directions-v2 .studio .hero-shape-g { --scatter-x: 1vw; --gap-x: 0vw; --drop: 112px; --line-y: 62px; --tx: 25vw; --rot: 104deg; }

    #zabava-directions-v2 .studio .section[data-index="06"] .steps {
      height: clamp(710px, calc(100vh - 28px), 840px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step {
      width: min(540px, 46%) !important;
      min-height: 184px !important;
      padding: 32px !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(1) {
      left: 0 !important;
      top: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(2) {
      right: 0 !important;
      top: 35% !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(3) {
      left: 7% !important;
      bottom: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one {
      width: min(230px, 20%) !important;
      left: 50% !important;
      top: 30% !important;
      transform: translate(-50%, -50%) rotate(10deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
      width: min(220px, 19%) !important;
      left: 42% !important;
      top: 64% !important;
      transform: translate(-50%, -50%) rotate(4deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route path,
    #zabava-directions-v2 .studio .section[data-index="06"] .step-route .route-line,
    #zabava-directions-v2 .studio .section[data-index="06"] .step-route .route-head {
      stroke-width: 8 !important;
      stroke-dasharray: 620 !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one {
      transform: translate(-50%, -50%) rotate(10deg) translateY(18px) scale(0.96) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two {
      transform: translate(-50%, -50%) rotate(4deg) translateY(18px) scale(0.96) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      transform: translate(-50%, -50%) rotate(10deg) translateY(0) scale(1) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      transform: translate(-50%, -50%) rotate(4deg) translateY(0) scale(1) !important;
    }

    @keyframes zabava-hero-shape-scatter {
      0% {
        transform: translate(0, 0) rotate(0deg);
      }
      24% {
        transform: translate(var(--scatter-x), 0) rotate(calc(var(--rot) * 0.12));
      }
      48% {
        transform: translate(var(--gap-x), var(--drop)) rotate(calc(var(--rot) * 0.32));
      }
      72% {
        transform: translate(var(--gap-x), var(--line-y)) rotate(calc(var(--rot) * 0.58));
      }
      100% {
        transform: translate(var(--tx), var(--line-y)) rotate(var(--rot));
      }
    }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      border-radius: clamp(34px, 4vw, 62px) clamp(34px, 4vw, 62px) 0 0 !important;
      overflow: hidden !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] {
      min-height: auto !important;
      padding-top: clamp(78px, 7vw, 108px) !important;
      padding-bottom: clamp(78px, 7vw, 108px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .inner {
      position: relative !important;
      top: auto !important;
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      animation: zabava-hero-shape-scatter 7.8s linear infinite !important;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --scatter-x: 3vw; --gap-x: 5vw; --drop: 54px; --line-y: 62px; --tx: 88vw; --rot: 260deg; }
    #zabava-directions-v2 .studio .hero-shape-b { --scatter-x: -2vw; --gap-x: -7vw; --drop: 126px; --line-y: 62px; --tx: -92vw; --rot: -280deg; }
    #zabava-directions-v2 .studio .hero-shape-c { --scatter-x: -1vw; --gap-x: -2vw; --drop: 18px; --line-y: 62px; --tx: -82vw; --rot: -220deg; }
    #zabava-directions-v2 .studio .hero-shape-d { --scatter-x: 2vw; --gap-x: 8vw; --drop: 126px; --line-y: 62px; --tx: 92vw; --rot: 300deg; }
    #zabava-directions-v2 .studio .hero-shape-e { --scatter-x: -3vw; --gap-x: -7vw; --drop: 0px; --line-y: 62px; --tx: -104vw; --rot: -260deg; }
    #zabava-directions-v2 .studio .hero-shape-f { --scatter-x: 3vw; --gap-x: 7vw; --drop: 0px; --line-y: 62px; --tx: 104vw; --rot: 240deg; }
    #zabava-directions-v2 .studio .hero-shape-g { --scatter-x: 1vw; --gap-x: 0vw; --drop: 112px; --line-y: 62px; --tx: 78vw; --rot: 210deg; }

    #zabava-directions-v2 .studio .section[data-index="06"] {
      min-height: auto !important;
      padding-top: clamp(78px, 7vw, 108px) !important;
      padding-bottom: clamp(78px, 7vw, 108px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .inner {
      position: relative !important;
      top: auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .steps {
      position: relative !important;
      height: 760px !important;
      max-width: 1120px !important;
      margin: 0 auto !important;
      display: block !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step {
      position: absolute !important;
      width: min(540px, 48%) !important;
      min-height: 210px !important;
      height: auto !important;
      padding: 34px !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step h3 {
      font-size: clamp(26px, 2.4vw, 34px) !important;
      line-height: 1.05 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step p {
      font-size: clamp(18px, 1.6vw, 22px) !important;
      line-height: 1.25 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(1) {
      left: 0 !important;
      top: 0 !important;
      bottom: auto !important;
      right: auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(2) {
      right: 0 !important;
      top: 285px !important;
      left: auto !important;
      bottom: auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(3) {
      left: 8% !important;
      top: 550px !important;
      bottom: auto !important;
      right: auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
      position: absolute !important;
      height: auto !important;
      color: var(--ink) !important;
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 3 !important;
      pointer-events: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one {
      width: 250px !important;
      left: 49% !important;
      top: 230px !important;
      transform: translate(-50%, -50%) rotate(11deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
      width: 250px !important;
      left: 44% !important;
      top: 500px !important;
      transform: translate(-50%, -50%) rotate(2deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route path {
      fill: none !important;
      stroke: currentColor !important;
      stroke-width: 7 !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
      stroke-dasharray: 620 !important;
      stroke-dashoffset: 0 !important;
      filter: none !important;
      opacity: 1 !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      transform: translate(-50%, -50%) rotate(11deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      transform: translate(-50%, -50%) rotate(2deg) !important;
    }

    @keyframes zabava-hero-shape-scatter {
      0% {
        transform: translate(0, 0) rotate(0deg);
      }
      18% {
        transform: translate(var(--scatter-x), 0) rotate(calc(var(--rot) * 0.1));
      }
      42% {
        transform: translate(var(--gap-x), var(--drop)) rotate(calc(var(--rot) * 0.28));
      }
      64% {
        transform: translate(var(--gap-x), var(--line-y)) rotate(calc(var(--rot) * 0.5));
      }
      100% {
        transform: translate(var(--tx), var(--line-y)) rotate(var(--rot));
      }
    }

    #zabava-directions-v2 .studio .shape-belt {
      background: var(--violet) !important;
      margin-bottom: -2px !important;
      padding-bottom: 34px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      background: var(--ink) !important;
      border-radius: clamp(34px, 4vw, 62px) clamp(34px, 4vw, 62px) 0 0 !important;
      box-shadow: 0 -92px 0 0 var(--violet) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .steps {
      height: 820px !important;
      max-width: 1120px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step {
      width: min(560px, 49%) !important;
      min-height: 220px !important;
      padding: 34px 36px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(1) {
      left: 0 !important;
      top: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(2) {
      right: 0 !important;
      top: 305px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(3) {
      left: 8% !important;
      top: 600px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step p {
      max-width: 100% !important;
      overflow-wrap: normal !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one {
      width: 210px !important;
      left: 53% !important;
      top: 255px !important;
      transform: translate(-50%, -50%) rotate(18deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
      width: 225px !important;
      left: 43% !important;
      top: 555px !important;
      transform: translate(-50%, -50%) rotate(0deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      transform: translate(-50%, -50%) rotate(18deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      transform: translate(-50%, -50%) rotate(0deg) !important;
    }

    #zabava-directions-v2 .studio .shape-belt {
      height: clamp(250px, 24vw, 350px) !important;
      overflow: visible !important;
      padding-bottom: 72px !important;
      margin-bottom: -1px !important;
    }

    #zabava-directions-v2 .studio .hero-shapes-art {
      width: min(660px, 72vw) !important;
      bottom: 54px !important;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --scatter-x: 3vw; --gap-x: 5vw; --drop: 28px; --line-y: 18px; --tx: 88vw; --rot: 260deg; }
    #zabava-directions-v2 .studio .hero-shape-b { --scatter-x: -2vw; --gap-x: -7vw; --drop: 74px; --line-y: 18px; --tx: -92vw; --rot: -280deg; }
    #zabava-directions-v2 .studio .hero-shape-c { --scatter-x: -1vw; --gap-x: -2vw; --drop: 10px; --line-y: 18px; --tx: -82vw; --rot: -220deg; }
    #zabava-directions-v2 .studio .hero-shape-d { --scatter-x: 2vw; --gap-x: 8vw; --drop: 74px; --line-y: 18px; --tx: 92vw; --rot: 300deg; }
    #zabava-directions-v2 .studio .hero-shape-e { --scatter-x: -3vw; --gap-x: -7vw; --drop: -6px; --line-y: 18px; --tx: -104vw; --rot: -260deg; }
    #zabava-directions-v2 .studio .hero-shape-f { --scatter-x: 3vw; --gap-x: 7vw; --drop: -6px; --line-y: 18px; --tx: 104vw; --rot: 240deg; }
    #zabava-directions-v2 .studio .hero-shape-g { --scatter-x: 1vw; --gap-x: 0vw; --drop: 68px; --line-y: 18px; --tx: 78vw; --rot: 210deg; }

    #zabava-directions-v2 .studio .section,
    #zabava-directions-v2 .studio .section[data-index="01"] {
      border-radius: 34px 34px 0 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      box-shadow: 0 -56px 0 0 var(--violet) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .steps {
      display: flex !important;
      flex-direction: column !important;
      gap: 28px !important;
      height: auto !important;
      max-width: 1120px !important;
      margin: 0 auto !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step {
      position: relative !important;
      width: min(720px, 100%) !important;
      min-height: 0 !important;
      height: auto !important;
      padding: 34px 38px !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(1) {
      align-self: flex-start !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(2) {
      align-self: flex-end !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(3) {
      align-self: flex-start !important;
      margin-left: 8% !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step h3 {
      font-size: clamp(24px, 2vw, 30px) !important;
      line-height: 1.08 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step p {
      font-size: clamp(18px, 1.45vw, 21px) !important;
      line-height: 1.34 !important;
      max-width: 100% !important;
      white-space: normal !important;
      overflow-wrap: normal !important;
    }

    #zabava-directions-v2 .studio .step::before {
      width: 70px !important;
      height: 70px !important;
      font-size: 30px !important;
      line-height: 1 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
      position: relative !important;
      display: block !important;
      height: auto !important;
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 3 !important;
      margin: -6px auto -2px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one {
      width: min(260px, 28vw) !important;
      left: auto !important;
      top: auto !important;
      transform: translateX(78px) rotate(12deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
      width: min(260px, 28vw) !important;
      left: auto !important;
      top: auto !important;
      transform: translateX(-96px) rotate(-2deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      transform: translateX(78px) rotate(12deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      transform: translateX(-96px) rotate(-2deg) !important;
    }

    #zabava-directions-v2 .studio .shape-belt {
      height: clamp(230px, 22vw, 320px) !important;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
      overflow: visible !important;
      background: var(--violet) !important;
    }

    #zabava-directions-v2 .studio .hero-shapes-art {
      bottom: 0 !important;
      width: min(680px, 74vw) !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      animation: zabava-hero-shape-scatter 7.8s linear infinite !important;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --scatter-x: 3vw; --gap-x: 5vw; --drop: 28px; --line-y: 0px; --tx: 88vw; --rot: 260deg; }
    #zabava-directions-v2 .studio .hero-shape-b { --scatter-x: -2vw; --gap-x: -7vw; --drop: 74px; --line-y: 0px; --tx: -92vw; --rot: -280deg; }
    #zabava-directions-v2 .studio .hero-shape-c { --scatter-x: -1vw; --gap-x: -2vw; --drop: 10px; --line-y: 0px; --tx: -82vw; --rot: -220deg; }
    #zabava-directions-v2 .studio .hero-shape-d { --scatter-x: 2vw; --gap-x: 8vw; --drop: 74px; --line-y: 0px; --tx: 92vw; --rot: 300deg; }
    #zabava-directions-v2 .studio .hero-shape-e { --scatter-x: -3vw; --gap-x: -7vw; --drop: -6px; --line-y: 0px; --tx: -104vw; --rot: -260deg; }
    #zabava-directions-v2 .studio .hero-shape-f { --scatter-x: 3vw; --gap-x: 7vw; --drop: -6px; --line-y: 0px; --tx: 104vw; --rot: 240deg; }
    #zabava-directions-v2 .studio .hero-shape-g { --scatter-x: 1vw; --gap-x: 0vw; --drop: 68px; --line-y: 0px; --tx: 78vw; --rot: 210deg; }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      margin-top: 0 !important;
      box-shadow: none !important;
    }

    #zabava-directions-v2 .studio {
      background: var(--violet) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      border-radius: 34px 34px 0 0 !important;
      box-shadow: 0 -42px 0 0 var(--violet) !important;
      z-index: 5 !important;
    }

    #zabava-directions-v2 .studio .section,
    #zabava-directions-v2 .studio .section[data-index="01"] {
      border-radius: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      box-shadow: none !important;
    }

    #zabava-directions-v2 .studio .shape-belt {
      height: clamp(190px, 18vw, 260px) !important;
      padding-bottom: 0 !important;
      margin-top: -22px !important;
      margin-bottom: 0 !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .hero-shapes-art {
      width: min(760px, 82vw) !important;
      bottom: 0 !important;
    }

    #zabava-directions-v2 .studio .game-grid {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 22px !important;
      align-items: stretch !important;
    }

    #zabava-directions-v2 .studio .game-card,
    #zabava-directions-v2 .studio .game-card:nth-child(1),
    #zabava-directions-v2 .studio .game-card:nth-child(2),
    #zabava-directions-v2 .studio .game-card:nth-child(3) {
      grid-column: auto !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) !important;
      gap: 28px !important;
      min-height: 250px !important;
      margin-top: 0 !important;
      padding: 28px 28px 0 34px !important;
      align-items: end !important;
    }

    #zabava-directions-v2 .studio .game-card .body {
      order: 1 !important;
      align-self: center !important;
      padding: 0 0 28px !important;
      max-width: 620px !important;
    }

    #zabava-directions-v2 .studio .game-card .body p {
      font-size: clamp(18px, 1.6vw, 22px) !important;
      line-height: 1.3 !important;
    }

    #zabava-directions-v2 .studio .game-card h3 {
      font-size: clamp(26px, 2.6vw, 38px) !important;
      line-height: 1 !important;
    }

    #zabava-directions-v2 .studio .game-art {
      order: 2 !important;
      min-height: 0 !important;
      height: 100% !important;
      display: flex !important;
      align-items: flex-end !important;
      justify-content: flex-end !important;
      align-self: end !important;
    }

    #zabava-directions-v2 .studio .game-art img {
      width: auto !important;
      max-width: 100% !important;
      max-height: 240px !important;
      object-fit: contain !important;
      object-position: right bottom !important;
      display: block !important;
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .game-card,
      #zabava-directions-v2 .studio .game-card:nth-child(1),
      #zabava-directions-v2 .studio .game-card:nth-child(2),
      #zabava-directions-v2 .studio .game-card:nth-child(3) {
        grid-template-columns: 1fr !important;
        padding: 24px !important;
      }

      #zabava-directions-v2 .studio .game-card .body {
        order: 2 !important;
        padding: 0 !important;
      }

      #zabava-directions-v2 .studio .game-art {
        order: 1 !important;
        justify-content: center !important;
      }
    }

    #zabava-directions-v2 .studio .game-card,
    #zabava-directions-v2 .studio .game-card:nth-child(1),
    #zabava-directions-v2 .studio .game-card:nth-child(2),
    #zabava-directions-v2 .studio .game-card:nth-child(3) {
      grid-template-columns: minmax(0, 1fr) minmax(340px, 460px) !important;
      min-height: 240px !important;
      padding-right: 22px !important;
    }

    #zabava-directions-v2 .studio .game-art img {
      max-height: 300px !important;
      transform: translateY(1px);
    }

    @media (max-width: 1100px) {
      #zabava-directions-v2 .studio .game-card,
      #zabava-directions-v2 .studio .game-card:nth-child(1),
      #zabava-directions-v2 .studio .game-card:nth-child(2),
      #zabava-directions-v2 .studio .game-card:nth-child(3) {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 380px) !important;
      }
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .game-card,
      #zabava-directions-v2 .studio .game-card:nth-child(1),
      #zabava-directions-v2 .studio .game-card:nth-child(2),
      #zabava-directions-v2 .studio .game-card:nth-child(3) {
        grid-template-columns: 1fr !important;
      }

      #zabava-directions-v2 .studio .game-art img {
        max-height: 260px !important;
      }
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature {
      grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1fr) !important;
      gap: 36px !important;
      padding-left: 26px !important;
      padding-right: 46px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature > div:first-child {
      order: 2 !important;
      max-width: 700px !important;
      justify-self: end !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature .media {
      order: 1 !important;
      padding: 0 !important;
      align-self: stretch !important;
      display: flex !important;
      align-items: flex-end !important;
      justify-content: flex-start !important;
      min-height: 360px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature .media img {
      width: min(100%, 620px) !important;
      max-height: 420px !important;
      object-fit: contain !important;
      object-position: left bottom !important;
      transform: translateY(1px);
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .steps {
      gap: 14px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
      margin: -10px auto -12px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one {
      width: min(210px, 23vw) !important;
      transform: translateX(66px) rotate(10deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
      width: min(210px, 23vw) !important;
      transform: translateX(-72px) rotate(-4deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      transform: translateX(66px) rotate(10deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      transform: translateX(-72px) rotate(-4deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route .route-arrow {
      fill: none !important;
      stroke: var(--ink) !important;
      stroke-width: 12 !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
      vector-effect: non-scaling-stroke;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route .route-arrow {
      stroke-dasharray: 760 !important;
      stroke-dashoffset: 760 !important;
      transition: stroke-dashoffset 780ms cubic-bezier(.18,.92,.16,1), opacity 320ms ease, transform 620ms ease !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.is-visible .route-arrow,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route .route-arrow {
      stroke-dashoffset: 0 !important;
    }

    @media (max-width: 900px) {
      #zabava-directions-v2 .studio .section[data-index="03"] .feature {
        grid-template-columns: 1fr !important;
        padding: 30px !important;
      }

      #zabava-directions-v2 .studio .section[data-index="03"] .feature > div:first-child {
        order: 2 !important;
        justify-self: start !important;
      }

      #zabava-directions-v2 .studio .section[data-index="03"] .feature .media {
        order: 1 !important;
        min-height: 260px !important;
      }

      #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one,
      #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
        width: min(180px, 44vw) !important;
      }
    }

    @keyframes zabava-hero-shape-scatter {
      0% {
        opacity: 1;
        transform: translate3d(0, var(--line-y, 0), 0) rotate(0deg);
      }
      100% {
        opacity: 1;
        transform: translate3d(var(--tx), var(--line-y, 0), 0) rotate(var(--rot));
      }
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      animation: zabava-hero-shape-scatter 6.8s linear infinite !important;
      animation-delay: var(--roll-delay, 0s) !important;
      will-change: transform;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --roll-delay: -0.4s; --tx: 112vw; --rot: 330deg; }
    #zabava-directions-v2 .studio .hero-shape-b { --roll-delay: -1.2s; --tx: -116vw; --rot: -350deg; }
    #zabava-directions-v2 .studio .hero-shape-c { --roll-delay: -2.1s; --tx: -108vw; --rot: -310deg; }
    #zabava-directions-v2 .studio .hero-shape-d { --roll-delay: -3.0s; --tx: 116vw; --rot: 370deg; }
    #zabava-directions-v2 .studio .hero-shape-e { --roll-delay: -3.8s; --tx: -124vw; --rot: -330deg; }
    #zabava-directions-v2 .studio .hero-shape-f { --roll-delay: -4.7s; --tx: 124vw; --rot: 320deg; }
    #zabava-directions-v2 .studio .hero-shape-g { --roll-delay: -5.5s; --tx: 110vw; --rot: 300deg; }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      min-height: 220vh !important;
      padding: 0 22px !important;
      overflow: visible !important;
      z-index: 6 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .inner {
      position: sticky !important;
      top: 0 !important;
      min-height: 100vh !important;
      padding: 78px 0 64px !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      overflow: hidden !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .section-head {
      flex: 0 0 auto !important;
      margin-bottom: 26px !important;
      position: relative !important;
      z-index: 5 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      position: relative !important;
      display: block !important;
      height: clamp(430px, 50vh, 590px) !important;
      max-width: 1160px !important;
      width: min(100%, 1120px) !important;
      margin: 48px 0 0 !important;
      overflow: visible !important;
      perspective: 1400px;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
      position: absolute !important;
      left: 50% !important;
      top: 0 !important;
      width: min(100%, 1060px) !important;
      min-height: 285px !important;
      opacity: 1 !important;
      margin: 0 !important;
      z-index: var(--release-z, 1) !important;
      transform:
        translate3d(-50%, var(--release-y, 0px), 0)
        rotate(var(--release-rot, 0deg))
        scale(var(--release-scale, 1)) !important;
      box-shadow: 0 22px 0 rgba(18, 18, 18, 0.08);
      transition: none !important;
      will-change: transform;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1) {
      --release-z: 3;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2) {
      --release-z: 4;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
      --release-z: 5;
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .section[data-index="02"] {
        min-height: 190vh !important;
      }

      #zabava-directions-v2 .studio .section[data-index="02"] .inner {
        padding: 56px 0 !important;
      }

      #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
        height: 620px !important;
        overflow: hidden !important;
      }

      #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
      #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
      #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
      #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
        min-height: 460px !important;
      }
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature .media {
      align-items: center !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature .media img {
      transform: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .steps {
      gap: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
      margin: -26px auto -26px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one {
      width: min(190px, 20vw) !important;
      transform: translateX(54px) rotate(10deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
      width: min(190px, 20vw) !important;
      transform: translateX(-58px) rotate(-4deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      transform: translateX(54px) rotate(10deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      transform: translateX(-58px) rotate(-4deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route .route-arrow {
      stroke-width: 5 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      min-height: 285vh !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      max-width: 1160px !important;
      height: clamp(500px, 58vh, 650px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
      left: 0 !important;
      width: 100% !important;
      box-shadow: none !important;
      transform:
        translate3d(0, var(--release-y, 0px), 0)
        rotate(var(--release-rot, 0deg))
        scale(var(--release-scale, 1)) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature {
      min-height: 560px !important;
      align-items: center !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature .media {
      min-height: 0 !important;
      height: 100% !important;
      align-items: center !important;
      justify-content: center !important;
      transform: translateY(-38px);
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature .media img {
      width: min(100%, 700px) !important;
      max-height: 460px !important;
      object-position: center center !important;
      transform: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
      margin: -22px auto -22px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one {
      width: min(270px, 29vw) !important;
      transform: translateX(72px) rotate(10deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
      width: min(270px, 29vw) !important;
      transform: translateX(-82px) rotate(-4deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one.is-visible {
      transform: translateX(72px) rotate(10deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two.is-visible {
      transform: translateX(-82px) rotate(-4deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      transform: translateX(72px) rotate(10deg) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      transform: translateX(-82px) rotate(-4deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route .route-arrow {
      stroke-width: 5 !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route:not(.is-visible) .route-arrow {
      stroke-dashoffset: 760 !important;
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .section[data-index="02"] {
        min-height: 250vh !important;
      }

      #zabava-directions-v2 .studio .section[data-index="03"] .feature .media {
        transform: translateY(-18px);
      }

      #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one,
      #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two {
        width: min(230px, 58vw) !important;
      }
    }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      min-height: 185vh !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      height: clamp(500px, 60vh, 660px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
      box-shadow: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature {
      min-height: 380px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature .media {
      transform: translateY(-14px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] .feature .media img {
      max-height: 400px !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route {
      opacity: 1 !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route:not(.is-visible) .route-arrow,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route:not(.is-visible) .route-arrow {
      stroke-dashoffset: 760 !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.is-visible .route-arrow {
      stroke-dashoffset: 0 !important;
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .section[data-index="02"] {
        min-height: 175vh !important;
      }

      #zabava-directions-v2 .studio .section[data-index="03"] .feature {
        min-height: 0 !important;
      }
    }

    @keyframes zabava-hero-shape-scatter {
      0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(0deg);
      }
      18% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(0deg);
      }
      42% {
        opacity: 1;
        transform: translate3d(var(--gap-x, 0), var(--drop, 0), 0) rotate(calc(var(--rot) * 0.18));
      }
      78% {
        opacity: 1;
        transform: translate3d(var(--tx), var(--line-y, 0), 0) rotate(var(--rot));
      }
      79% {
        opacity: 0;
        transform: translate3d(var(--tx), var(--line-y, 0), 0) rotate(var(--rot));
      }
      100% {
        opacity: 0;
        transform: translate3d(0, 0, 0) rotate(0deg);
      }
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      animation: zabava-hero-shape-scatter 16s linear infinite !important;
      animation-delay: var(--shape-delay, 0s) !important;
    }

    #zabava-directions-v2 .studio .hero-shape-a { --gap-x: 7vw; --drop: 42px; --tx: 112vw; --rot: 300deg; --shape-delay: -0.2s; }
    #zabava-directions-v2 .studio .hero-shape-b { --gap-x: -8vw; --drop: 78px; --tx: -118vw; --rot: -320deg; --shape-delay: -0.55s; }
    #zabava-directions-v2 .studio .hero-shape-c { --gap-x: -3vw; --drop: 18px; --tx: -108vw; --rot: -250deg; --shape-delay: -0.1s; }
    #zabava-directions-v2 .studio .hero-shape-d { --gap-x: 9vw; --drop: 76px; --tx: 118vw; --rot: 340deg; --shape-delay: -0.45s; }
    #zabava-directions-v2 .studio .hero-shape-e { --gap-x: -7vw; --drop: -2px; --tx: -124vw; --rot: -300deg; --shape-delay: -0.3s; }
    #zabava-directions-v2 .studio .hero-shape-f { --gap-x: 8vw; --drop: -2px; --tx: 124vw; --rot: 290deg; --shape-delay: -0.4s; }
    #zabava-directions-v2 .studio .hero-shape-g { --gap-x: 2vw; --drop: 72px; --tx: 110vw; --rot: 260deg; --shape-delay: -0.18s; }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      min-height: 165vh !important;
      padding-bottom: 18px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .inner {
      justify-content: center !important;
      padding-bottom: 34px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      height: clamp(560px, 66vh, 720px) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route .route-arrow,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route .route-arrow {
      stroke-dasharray: 760 !important;
      stroke-dashoffset: 760 !important;
      transition: stroke-dashoffset 900ms cubic-bezier(.18,.92,.16,1) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.is-visible .route-arrow,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.is-visible .route-arrow {
      stroke-dashoffset: 0 !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route {
      opacity: 1 !important;
      visibility: visible !important;
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .section[data-index="02"] {
        min-height: 160vh !important;
      }
    }

    #zabava-directions-v2 .studio .section {
      border-radius: 34px 34px 0 0 !important;
    }

    #zabava-directions-v2 .studio .section + .section {
      margin-top: -34px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      min-height: 190vh !important;
      padding-bottom: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .inner {
      padding-top: 64px !important;
      padding-bottom: 28px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .section-head {
      margin-bottom: 20px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      height: clamp(580px, 68vh, 740px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card {
      opacity: 0 !important;
      transform: translate(42vw, 22vh) rotate(8deg) scale(0.92) !important;
      transition: opacity 520ms ease, transform 720ms cubic-bezier(.18,.92,.16,1) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card.is-visible {
      opacity: 1 !important;
      transform: translate(0, 0) rotate(0deg) scale(1) !important;
    }

    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route .route-arrow,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route .route-arrow {
      stroke-dasharray: var(--route-length, 760) !important;
      stroke-dashoffset: var(--route-offset, 760) !important;
      transition: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
      opacity: var(--route-opacity, 0) !important;
      visibility: visible !important;
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .section[data-index="02"] {
        min-height: 180vh !important;
      }
    }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      min-height: 150vh !important;
      padding-top: 34px !important;
      padding-bottom: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .inner {
      min-height: auto !important;
      height: 100vh !important;
      top: 0 !important;
      justify-content: start !important;
      padding-top: clamp(44px, 6vh, 72px) !important;
      padding-bottom: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      height: clamp(620px, 72vh, 760px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
      min-height: 250px !important;
    }

    @keyframes zabava-hero-shape-scatter {
      0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(0deg);
      }
      28% {
        opacity: 1;
        transform: translate3d(var(--gap-x, 0), var(--drop, 0), 0) rotate(calc(var(--rot) * 0.18));
      }
      82% {
        opacity: 1;
        transform: translate3d(var(--tx), var(--line-y, 0), 0) rotate(var(--rot));
      }
      83% {
        opacity: 0;
        transform: translate3d(var(--tx), var(--line-y, 0), 0) rotate(var(--rot));
      }
      100% {
        opacity: 0;
        transform: translate3d(0, 0, 0) rotate(0deg);
      }
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      animation-delay: 0s !important;
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .section[data-index="02"] {
        min-height: 145vh !important;
      }

      #zabava-directions-v2 .studio .section[data-index="02"] .inner {
        height: 100vh !important;
      }
    }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      min-height: 230vh !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .inner {
      position: sticky !important;
      top: 0 !important;
      height: 100vh !important;
      min-height: 100vh !important;
      display: flex !important;
      justify-content: center !important;
      padding-top: clamp(58px, 8vh, 88px) !important;
      padding-bottom: clamp(36px, 5vh, 54px) !important;
      overflow: hidden !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      height: min(58vh, 560px) !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
      top: 0 !important;
      opacity: var(--release-opacity, 1) !important;
      transform:
        translate3d(0, var(--release-y, 0px), 0)
        rotate(var(--release-rot, 0deg))
        scale(var(--release-scale, 1)) !important;
      transition: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step {
      opacity: var(--step-opacity, 0) !important;
      transform:
        translate3d(0, var(--step-y, 42px), 0)
        scale(var(--step-scale, 0.96)) !important;
      transition: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
      opacity: var(--route-opacity, 0) !important;
      transition: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route .route-arrow,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route .route-arrow,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route .route-arrow {
      stroke-dasharray: var(--route-length, 760) !important;
      stroke-dashoffset: var(--route-offset, 760) !important;
      transition: none !important;
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .section[data-index="02"] {
        min-height: 210vh !important;
      }

      #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
        height: 620px !important;
      }
    }

    #zabava-directions-v2 .studio .section[data-index="02"],
    #zabava-directions-v2 .studio .section[data-index="06"] {
      min-height: 260vh !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .inner,
    #zabava-directions-v2 .studio .section[data-index="06"] .inner {
      position: sticky !important;
      top: 0 !important;
      height: 100vh !important;
      min-height: 100vh !important;
      overflow: hidden !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      padding-top: clamp(42px, 6vh, 70px) !important;
      padding-bottom: clamp(42px, 6vh, 70px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .section-head,
    #zabava-directions-v2 .studio .section[data-index="06"] .section-head {
      margin-bottom: 24px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      height: min(62vh, 610px) !important;
      max-height: 610px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
      min-height: 235px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .steps {
      max-height: 66vh !important;
      gap: 0 !important;
      justify-content: center !important;
    }

    @media (max-width: 780px) {
      #zabava-directions-v2 .studio .section[data-index="02"],
      #zabava-directions-v2 .studio .section[data-index="06"] {
        min-height: 240vh !important;
      }
    }

    /* Stable sticky scenes for releases and onboarding steps. */
    #zabava-directions-v2 .concept.studio {
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      min-height: 210vh !important;
      padding: 0 22px !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .inner {
      position: sticky !important;
      top: 0 !important;
      height: 100vh !important;
      min-height: 100vh !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      overflow: visible !important;
      padding: clamp(44px, 6vh, 68px) 0 clamp(44px, 6vh, 68px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .section-head {
      margin-bottom: 22px !important;
      flex: 0 0 auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      position: relative !important;
      display: block !important;
      width: 100% !important;
      height: clamp(500px, 68vh, 640px) !important;
      max-height: none !important;
      margin: 0 auto !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
      position: absolute !important;
      left: 0 !important;
      top: 0 !important;
      width: 100% !important;
      height: clamp(238px, 30vh, 292px) !important;
      min-height: 0 !important;
      max-height: clamp(238px, 30vh, 292px) !important;
      overflow: hidden !important;
      opacity: var(--release-opacity, 1) !important;
      z-index: var(--release-z, 1) !important;
      box-shadow: none !important;
      transform:
        translate3d(0, var(--release-y, 0px), 0)
        rotate(var(--release-rot, 0deg))
        scale(var(--release-scale, 1)) !important;
      transition: none !important;
      will-change: transform, opacity;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1) { --release-z: 3; }
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2) { --release-z: 4; }
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) { --release-z: 5; }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card .body {
      min-width: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-art {
      align-self: stretch !important;
      display: flex !important;
      align-items: flex-end !important;
      justify-content: center !important;
      height: 100% !important;
      min-height: 0 !important;
      overflow: hidden !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-art img {
      width: 88% !important;
      height: auto !important;
      max-width: 88% !important;
      max-height: none !important;
      object-fit: contain !important;
      object-position: center bottom !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] {
      min-height: auto !important;
      padding: clamp(84px, 10vw, 132px) 22px !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .inner {
      position: relative !important;
      top: auto !important;
      height: auto !important;
      min-height: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: flex-start !important;
      overflow: visible !important;
      padding: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .section-head {
      margin-bottom: 18px !important;
      flex: 0 0 auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .steps {
      position: relative !important;
      display: flex !important;
      flex-direction: column !important;
      width: 100% !important;
      height: auto !important;
      max-height: none !important;
      margin: 70px 0 0 !important;
      overflow: visible !important;
      gap: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step {
      position: relative !important;
      width: min(690px, 64%) !important;
      min-height: 184px !important;
      padding: 34px 38px !important;
      opacity: var(--step-opacity, 0) !important;
      transform:
        translate3d(0, var(--step-y, 34px), 0)
        scale(var(--step-scale, 0.97)) !important;
      transition: none !important;
      z-index: 5 !important;
      will-change: transform, opacity;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(1) {
      left: 0 !important;
      top: auto !important;
      align-self: flex-start !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(2) {
      right: auto !important;
      top: auto !important;
      align-self: flex-end !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step:nth-of-type(3) {
      left: auto !important;
      top: auto !important;
      margin-left: 8% !important;
      align-self: flex-start !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step::before {
      width: 70px !important;
      height: 70px !important;
      font-size: 28px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route {
      position: relative !important;
      display: block !important;
      width: min(380px, 34vw) !important;
      height: auto !important;
      margin: -18px auto -34px !important;
      opacity: var(--route-opacity, 0) !important;
      visibility: visible !important;
      z-index: 3 !important;
      transition: none !important;
      clip-path: inset(0 0 calc(100% - var(--route-reveal, 0%)) 0) !important;
      will-change: opacity;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-one,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-one,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-one {
      left: auto !important;
      top: auto !important;
      transform: translateX(146px) rotate(14deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route.route-two,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route.route-two,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route.route-two {
      left: auto !important;
      top: auto !important;
      transform: translateX(-146px) rotate(-13deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] .step-route .route-arrow,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"] .step-route .route-arrow,
    #zabava-directions-v2.has-reveal .studio .section[data-index="06"].is-visible .step-route .route-arrow {
      fill: none !important;
      stroke: var(--ink) !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
      stroke-dasharray: var(--route-length, 760) !important;
      stroke-dashoffset: var(--route-offset, 760) !important;
      transition: none !important;
    }

    @media (max-width: 900px) {
      #zabava-directions-v2 .studio .section[data-index="02"],
      #zabava-directions-v2 .studio .section[data-index="06"] {
        min-height: auto !important;
        padding: 56px 18px !important;
      }

      #zabava-directions-v2 .studio .section[data-index="02"] .inner,
      #zabava-directions-v2 .studio .section[data-index="06"] .inner {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
      }

      #zabava-directions-v2 .studio .section[data-index="02"] .game-grid,
      #zabava-directions-v2 .studio .section[data-index="06"] .steps {
        display: grid !important;
        height: auto !important;
        gap: 18px !important;
      }

      #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
      #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
      #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
      #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3),
      #zabava-directions-v2 .studio .section[data-index="06"] .step {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        max-height: none !important;
        opacity: 1 !important;
        transform: none !important;
      }

      #zabava-directions-v2 .studio .section[data-index="06"] .step-route {
        display: none !important;
      }
    }

    #zabava-directions-v2 .cta {
      font-weight: 760 !important;
      font-variation-settings: "wght" 760;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] {
      min-height: 225vh !important;
      padding: 0 22px clamp(54px, 7vh, 82px) !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .inner {
      position: sticky !important;
      top: 0 !important;
      height: 100vh !important;
      min-height: 100vh !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      overflow: hidden !important;
      padding: clamp(42px, 6vh, 68px) 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .section-head {
      margin-bottom: 26px !important;
      flex: 0 0 auto !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .grid-4 {
      width: min(100%, 1160px) !important;
      margin: 0 auto !important;
      align-items: stretch !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card,
    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card,
    #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card.is-visible {
      opacity: var(--finance-opacity, 0) !important;
      transform:
        translate3d(var(--finance-x, 48vw), var(--finance-y, 0px), 0)
        rotate(var(--finance-rot, 0deg))
        scale(var(--finance-scale, 1)) !important;
      transition: none !important;
      will-change: transform, opacity;
    }

    @media (max-width: 900px) {
      #zabava-directions-v2 .studio .section[data-index="04"] {
        min-height: auto !important;
        padding: 56px 18px !important;
      }

      #zabava-directions-v2 .studio .section[data-index="04"] .inner {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
      }

      #zabava-directions-v2 .studio .section[data-index="04"] .card,
      #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card,
      #zabava-directions-v2.has-reveal .studio .section[data-index="04"] .card.is-visible {
        opacity: 1 !important;
        transform: none !important;
      }
    }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      min-height: 185vh !important;
      padding: 0 22px !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .inner {
      position: sticky !important;
      top: 0 !important;
      height: 100vh !important;
      min-height: 100vh !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      overflow: hidden !important;
      padding: clamp(48px, 7vh, 82px) 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .section-head {
      grid-template-columns: minmax(0, 1fr) !important;
      max-width: 1080px !important;
      width: 100% !important;
      margin: 0 auto !important;
      text-align: center !important;
      gap: 34px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .section-head h2 {
      opacity: var(--intro-title-opacity, 0) !important;
      transform: translate3d(0, var(--intro-title-y, 26px), 0) !important;
      transition: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .section-head > p {
      justify-self: center !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 8px !important;
      max-width: 840px !important;
      margin: 0 auto !important;
      padding: 30px 38px !important;
      background: var(--cloud) !important;
      color: var(--ink) !important;
      border-radius: 8px !important;
      opacity: var(--intro-card-opacity, 0) !important;
      transform:
        translate3d(0, var(--intro-card-y, 30px), 0)
        scale(var(--intro-card-scale, 0.96)) !important;
      transition: none !important;
      overflow: hidden !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .intro-line {
      display: block !important;
      opacity: var(--intro-line-opacity, 0) !important;
      transform: translate3d(0, var(--intro-line-y, 22px), 0) !important;
      transition: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .intro-line:nth-child(1) {
      opacity: var(--intro-line-1-opacity, 0) !important;
      transform: translate3d(0, var(--intro-line-1-y, 22px), 0) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .intro-line:nth-child(2) {
      opacity: var(--intro-line-2-opacity, 0) !important;
      transform: translate3d(0, var(--intro-line-2-y, 22px), 0) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .intro-line:nth-child(3) {
      opacity: var(--intro-line-3-opacity, 0) !important;
      transform: translate3d(0, var(--intro-line-3-y, 22px), 0) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .reveal-word {
      opacity: 1 !important;
      transform: none !important;
    }

    @media (max-width: 900px) {
      #zabava-directions-v2 .studio .section[data-index="01"] {
        min-height: auto !important;
        padding: 56px 18px !important;
      }

      #zabava-directions-v2 .studio .section[data-index="01"] .inner {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
      }

      #zabava-directions-v2 .studio .section[data-index="01"] .section-head h2,
      #zabava-directions-v2 .studio .section[data-index="01"] .section-head > p,
      #zabava-directions-v2 .studio .section[data-index="01"] .intro-line {
        opacity: 1 !important;
        transform: none !important;
      }
    }

    /* Temporary all-section sticky pass, excluding the map-like steps block. */
    #zabava-directions-v2 .studio .section[data-index="01"] {
      min-height: 158vh !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .inner {
      padding: clamp(34px, 5vh, 56px) 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .section-head > p {
      border-radius: 34px !important;
      padding: 32px 40px !important;
    }

    #zabava-directions-v2 .studio .section:is(
      [data-index="03"],
      [data-index="05"],
      [data-index="07"],
      [data-index="08"],
      [data-index="09"]
    ) {
      min-height: 165vh !important;
      padding: 0 22px !important;
      overflow: visible !important;
    }

    #zabava-directions-v2 .studio .section:is(
      [data-index="03"],
      [data-index="05"],
      [data-index="07"],
      [data-index="08"],
      [data-index="09"]
    ) .inner {
      position: sticky !important;
      top: 0 !important;
      height: 100vh !important;
      min-height: 100vh !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: center !important;
      overflow: hidden !important;
      padding: clamp(40px, 5.8vh, 64px) 0 !important;
    }

    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature {
      margin: 0 !important;
      opacity: 1 !important;
      transform: none !important;
    }

    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature > div:first-child,
    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature .media,
    #zabava-directions-v2 .studio .section:is([data-index="07"], [data-index="08"], [data-index="09"]) .section-head,
    #zabava-directions-v2 .studio .section[data-index="07"] .quote,
    #zabava-directions-v2 .studio .section[data-index="08"] .faq-item,
    #zabava-directions-v2 .studio .section[data-index="09"] .cta {
      opacity: var(--sticky-part-opacity, 0) !important;
      transform: translate3d(0, var(--sticky-part-y, 34px), 0) scale(var(--sticky-part-scale, 0.98)) !important;
      transition: none !important;
      will-change: transform, opacity;
    }

    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature > div:first-child,
    #zabava-directions-v2 .studio .section:is([data-index="07"], [data-index="08"], [data-index="09"]) .section-head {
      opacity: var(--sticky-title-opacity, 0) !important;
      transform: translate3d(0, var(--sticky-title-y, 34px), 0) !important;
    }

    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature .media {
      opacity: var(--sticky-media-opacity, 0) !important;
      transform:
        translate3d(var(--sticky-media-x, 46px), var(--sticky-media-y, 24px), 0)
        scale(var(--sticky-media-scale, 0.96)) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="07"] .quote:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="08"] .faq-item:nth-child(1) {
      opacity: var(--sticky-item-1-opacity, 0) !important;
      transform: translate3d(0, var(--sticky-item-1-y, 34px), 0) scale(var(--sticky-item-1-scale, 0.98)) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="07"] .quote:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="08"] .faq-item:nth-child(2) {
      opacity: var(--sticky-item-2-opacity, 0) !important;
      transform: translate3d(0, var(--sticky-item-2-y, 34px), 0) scale(var(--sticky-item-2-scale, 0.98)) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="07"] .quote:nth-child(3),
    #zabava-directions-v2 .studio .section[data-index="08"] .faq-item:nth-child(3) {
      opacity: var(--sticky-item-3-opacity, 0) !important;
      transform: translate3d(0, var(--sticky-item-3-y, 34px), 0) scale(var(--sticky-item-3-scale, 0.98)) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="07"] .quote:nth-child(4),
    #zabava-directions-v2 .studio .section[data-index="08"] .faq-item:nth-child(4) {
      opacity: var(--sticky-item-4-opacity, 0) !important;
      transform: translate3d(0, var(--sticky-item-4-y, 34px), 0) scale(var(--sticky-item-4-scale, 0.98)) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="09"] .cta {
      opacity: var(--sticky-item-1-opacity, 0) !important;
      transform: translate3d(0, var(--sticky-item-1-y, 34px), 0) scale(var(--sticky-item-1-scale, 0.98)) !important;
    }

    @media (max-width: 900px) {
      #zabava-directions-v2 .studio .section:is(
        [data-index="03"],
        [data-index="05"],
        [data-index="07"],
        [data-index="08"],
        [data-index="09"]
      ) {
        min-height: auto !important;
        padding: 56px 18px !important;
      }

      #zabava-directions-v2 .studio .section:is(
        [data-index="03"],
        [data-index="05"],
        [data-index="07"],
        [data-index="08"],
        [data-index="09"]
      ) .inner {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        padding: 0 !important;
      }

      #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature > div:first-child,
      #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature .media,
      #zabava-directions-v2 .studio .section:is([data-index="07"], [data-index="08"], [data-index="09"]) .section-head,
      #zabava-directions-v2 .studio .section[data-index="07"] .quote,
      #zabava-directions-v2 .studio .section[data-index="08"] .faq-item,
      #zabava-directions-v2 .studio .section[data-index="09"] .cta {
        opacity: 1 !important;
        transform: none !important;
      }
    }

    /* Refine sticky experiment: keep it only where it helps the story. */
    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"], [data-index="09"]) {
      min-height: auto !important;
      padding: clamp(78px, 8vw, 108px) 22px !important;
      overflow: hidden !important;
    }

    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"], [data-index="09"]) .inner {
      position: relative !important;
      top: auto !important;
      height: auto !important;
      min-height: 0 !important;
      display: block !important;
      overflow: visible !important;
      padding: 0 !important;
    }

    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature,
    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature > div:first-child,
    #zabava-directions-v2 .studio .section:is([data-index="03"], [data-index="05"]) .feature .media,
    #zabava-directions-v2 .studio .section[data-index="09"] .section-head,
    #zabava-directions-v2 .studio .section[data-index="09"] .cta {
      opacity: 1 !important;
      transform: none !important;
      transition: opacity 0.7s var(--ease), transform 0.7s var(--ease) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="07"] {
      padding-bottom: clamp(78px, 8vh, 104px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card {
      padding-top: 92px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card::before {
      content: "" !important;
      width: 64px !important;
      height: 64px !important;
      left: 20px !important;
      top: 18px !important;
      border-radius: 0 !important;
      background-color: transparent !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: contain !important;
      transform: rotate(-8deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card:nth-child(1)::before {
      background-image: url("/assets/77dd98626be2b660.svg") !important;
      transform: rotate(-8deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card:nth-child(2)::before {
      background-image: url("/assets/1f676ac1f82dfc23.svg") !important;
      transform: rotate(7deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card:nth-child(3)::before {
      background-image: url("/assets/adcba230af847763.svg") !important;
      transform: rotate(-4deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card:nth-child(4)::before {
      background-image: url("/assets/833407c452a19383.svg") !important;
      transform: rotate(10deg) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card::before {
      width: 56px !important;
      height: 56px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] .card {
      padding-top: 84px !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      min-height: auto !important;
      padding: clamp(78px, 8vw, 108px) 22px !important;
      overflow: hidden !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .inner {
      position: relative !important;
      top: auto !important;
      height: auto !important;
      min-height: 0 !important;
      display: block !important;
      overflow: visible !important;
      padding: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .section-head h2 {
      opacity: var(--intro-title-opacity, 0) !important;
      transform: translate3d(0, var(--intro-title-y, 24px), 0) !important;
      transition: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .section-head > p {
      opacity: var(--intro-card-opacity, 0) !important;
      transform:
        translate3d(0, var(--intro-card-y, 26px), 0)
        scale(var(--intro-card-scale, 0.97)) !important;
      transition: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .intro-line,
    #zabava-directions-v2 .studio .section[data-index="01"].is-visible .intro-line {
      opacity: var(--intro-line-opacity, 0) !important;
      transform: translate3d(0, var(--intro-line-y, 20px), 0) !important;
      transition: none !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .intro-line:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="01"].is-visible .intro-line:nth-child(1) {
      opacity: var(--intro-line-1-opacity, 0) !important;
      transform: translate3d(0, var(--intro-line-1-y, 20px), 0) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .intro-line:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="01"].is-visible .intro-line:nth-child(2) {
      opacity: var(--intro-line-2-opacity, 0) !important;
      transform: translate3d(0, var(--intro-line-2-y, 20px), 0) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] .intro-line:nth-child(3),
    #zabava-directions-v2 .studio .section[data-index="01"].is-visible .intro-line:nth-child(3) {
      opacity: var(--intro-line-3-opacity, 0) !important;
      transform: translate3d(0, var(--intro-line-3-y, 20px), 0) !important;
    }

    #zabava-directions-v2 .studio .hero-copy .hero-line {
      display: block;
      opacity: 0;
      transform: translate3d(0, 26px, 0);
      animation: zabava-hero-text-in 0.78s cubic-bezier(0.18, 0.86, 0.24, 1) forwards;
      will-change: transform, opacity;
    }

    #zabava-directions-v2 .studio .hero h1 .hero-line:nth-child(1) {
      animation-delay: 0.12s;
    }

    #zabava-directions-v2 .studio .hero h1 .hero-line:nth-child(2) {
      animation-delay: 0.28s;
    }

    #zabava-directions-v2 .studio .hero h1 .hero-line:nth-child(3) {
      animation-delay: 0.44s;
    }

    #zabava-directions-v2 .studio .hero .lead .hero-line:nth-child(1) {
      animation-delay: 0.7s;
    }

    #zabava-directions-v2 .studio .hero .lead .hero-line:nth-child(2) {
      animation-delay: 0.84s;
    }

    #zabava-directions-v2 .studio .section,
    #zabava-directions-v2 .studio .section[data-index] {
      border-radius: 34px 34px 0 0 !important;
      background-clip: padding-box;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      box-shadow: 0 34px 0 var(--coral) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] {
      margin-top: -34px !important;
      padding-top: clamp(92px, 9vw, 118px) !important;
      padding-bottom: clamp(92px, 9vw, 118px) !important;
      position: relative;
      z-index: 6;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] {
      margin-top: -34px !important;
      padding: clamp(46px, 6vh, 72px) 22px clamp(54px, 7vh, 82px) !important;
      border-radius: 34px 34px 0 0 !important;
      box-shadow: 0 42px 0 var(--lime) !important;
      position: relative;
      z-index: 7;
    }

    #zabava-directions-v2 .studio .section[data-index="05"] {
      margin-top: -34px !important;
      border-radius: 34px 34px 0 0 !important;
      position: relative;
      z-index: 8;
    }

    #zabava-directions-v2 .studio .section[data-index] {
      margin-top: -34px !important;
      border-radius: 34px 34px 0 0 !important;
      box-shadow: 0 42px 0 var(--section-bg, var(--ink)) !important;
      position: relative;
      z-index: var(--section-z, 4);
      background-clip: padding-box;
    }

    #zabava-directions-v2 .studio .section[data-index="01"] {
      --section-bg: var(--ink);
      --section-z: 4;
      margin-top: 0 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      --section-bg: var(--coral);
      --section-z: 5;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] {
      --section-bg: var(--violet);
      --section-z: 6;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] {
      --section-bg: var(--lime);
      --section-z: 7;
    }

    #zabava-directions-v2 .studio .section[data-index="05"] {
      --section-bg: var(--ink);
      --section-z: 8;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] {
      --section-bg: var(--coral);
      --section-z: 9;
    }

    #zabava-directions-v2 .studio .section[data-index="07"] {
      --section-bg: var(--violet);
      --section-z: 10;
    }

    #zabava-directions-v2 .studio .section[data-index="08"] {
      --section-bg: var(--ink);
      --section-z: 11;
    }

    #zabava-directions-v2 .studio .section[data-index="09"] {
      --section-bg: var(--coral);
      --section-z: 12;
    }

    #zabava-directions-v2 .studio {
      --section-top-gap: clamp(56px, 5vw, 74px);
    }

    #zabava-directions-v2 .studio .section[data-index="01"],
    #zabava-directions-v2 .studio .section[data-index="03"],
    #zabava-directions-v2 .studio .section[data-index="05"],
    #zabava-directions-v2 .studio .section[data-index="06"],
    #zabava-directions-v2 .studio .section[data-index="07"],
    #zabava-directions-v2 .studio .section[data-index="08"],
    #zabava-directions-v2 .studio .section[data-index="09"] {
      padding-top: var(--section-top-gap) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="04"] {
      padding-top: var(--section-top-gap) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .inner {
      padding-top: var(--section-top-gap) !important;
      padding-bottom: var(--section-top-gap) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="06"] {
      padding-bottom: clamp(84px, 10vw, 132px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] {
      min-height: 245vh !important;
      padding-bottom: var(--section-top-gap) !important;
      box-shadow: 0 72px 0 var(--coral) !important;
      z-index: 6 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="03"] {
      margin-top: 0 !important;
      z-index: 7 !important;
    }

    #zabava-directions-v2 .studio .section[data-index="09"] {
      padding-bottom: clamp(96px, 10vw, 136px) !important;
      box-shadow: none !important;
    }

    #zabava-directions-v2 .studio .legal {
      position: relative;
      z-index: 13;
      margin-top: 0;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-grid {
      height: clamp(580px, 74vh, 680px) !important;
    }

    #zabava-directions-v2 .studio .section[data-index="02"] .game-card,
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(1),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(2),
    #zabava-directions-v2 .studio .section[data-index="02"] .game-card:nth-child(3) {
      height: clamp(260px, 32vh, 318px) !important;
      max-height: clamp(260px, 32vh, 318px) !important;
    }

    @keyframes zabava-hero-text-in {
      from {
        opacity: 0;
        transform: translate3d(0, 26px, 0);
      }
      to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
      }
    }

    @keyframes zabava-hero-shape-scatter {
      0% {
        opacity: 1;
        transform: translate3d(0, 0, 0) rotate(0deg);
      }
      12% {
        opacity: 1;
        transform: translate3d(var(--spread-x, 0), 0, 0) rotate(calc(var(--roll-rot, 0deg) * 0.06));
      }
      24% {
        opacity: 1;
        transform:
          translate3d(
            var(--gather-x, var(--spread-x, 0)),
            var(--gather-y, 0),
            0
          )
          rotate(calc(var(--roll-rot, 0deg) * 0.16));
      }
      88% {
        opacity: 1;
        transform:
          translate3d(
            calc(var(--roll-x, 0) + var(--gather-x, 0)),
            calc(var(--roll-y, 0) + var(--gather-y, 0px)),
            0
          )
          rotate(var(--roll-rot, 0deg));
      }
      94% {
        opacity: 0;
        transform:
          translate3d(
            calc(var(--roll-x, 0) + var(--gather-x, 0)),
            calc(var(--roll-y, 0) + var(--gather-y, 0px)),
            0
          )
          rotate(var(--roll-rot, 0deg));
      }
      100% {
        opacity: 0;
        transform: translate3d(0, 0, 0) rotate(0deg);
      }
    }

    #zabava-directions-v2 .studio .hero-shape-piece {
      animation: zabava-hero-shape-scatter 11.8s linear infinite !important;
      animation-delay: 0s !important;
      transform-box: fill-box;
      transform-origin: center;
      will-change: transform, opacity;
    }

    #zabava-directions-v2 .studio .hero-shape-a {
      --spread-x: 8vw;
      --gather-x: 21vw;
      --gather-y: 0px;
      --roll-x: 118vw;
      --roll-y: 0px;
      --roll-rot: 360deg;
    }

    #zabava-directions-v2 .studio .hero-shape-b {
      --spread-x: 0vw;
      --gather-x: -3vw;
      --gather-y: 610px;
      --roll-x: -118vw;
      --roll-y: 0px;
      --roll-rot: -380deg;
    }

    #zabava-directions-v2 .studio .hero-shape-c {
      --spread-x: -6vw;
      --gather-x: 4vw;
      --gather-y: 0px;
      --roll-x: -110vw;
      --roll-y: 0px;
      --roll-rot: -320deg;
    }

    #zabava-directions-v2 .studio .hero-shape-d {
      --spread-x: 0vw;
      --gather-x: 29vw;
      --gather-y: 690px;
      --roll-x: 118vw;
      --roll-y: 0px;
      --roll-rot: 390deg;
    }

    #zabava-directions-v2 .studio .hero-shape-e {
      --spread-x: -10vw;
      --gather-x: -30vw;
      --gather-y: 0px;
      --roll-x: -124vw;
      --roll-y: 0px;
      --roll-rot: -360deg;
    }

    #zabava-directions-v2 .studio .hero-shape-f {
      --spread-x: 10vw;
      --gather-x: 30vw;
      --gather-y: 0px;
      --roll-x: 124vw;
      --roll-y: 0px;
      --roll-rot: 340deg;
    }

    #zabava-directions-v2 .studio .hero-shape-g {
      --spread-x: 0vw;
      --gather-x: 14vw;
      --gather-y: 630px;
      --roll-x: 112vw;
      --roll-y: 0px;
      --roll-rot: 300deg;
    }