@media screen and (min-width: 768px) {
  .onlySP {
    display: none !important;
  }
}

@media screen and (max-width: 767.9px) {
  .onlyPC {
    display: none !important;
  }
}

.landscape-guide {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100000;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #000;
  pointer-events: auto;
}
.landscape-guide__stage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
@media (min-aspect-ratio: 390/844) {
  .landscape-guide__stage {
    width: 46.2085308057vh;
    height: 100%;
  }
}
@media (max-aspect-ratio: 390/844) {
  .landscape-guide__stage {
    width: 100%;
    height: 216.4102564103vw;
  }
}
.landscape-guide__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
}
.landscape-guide__phone {
  position: absolute;
  top: 39.4549763033%;
  left: 43.0769230769%;
  width: 13.8461538462%;
  height: 11.4928909953%;
  transform-origin: center center;
  rotate: 0rad;
  animation: kf_1750_530_rotate_0 2s linear infinite;
  pointer-events: none;
  user-select: none;
}
@media (orientation: portrait) and (hover: none) and (pointer: coarse) {
  .landscape-guide {
    display: flex;
  }
}

.landscape-guide__fallback {
  position: absolute;
  left: 50%;
  bottom: 12%;
  transform: translateX(-50%);
  padding: 12px 22px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.08em;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
  pointer-events: auto;
}

html.force-landscape .landscape-guide {
  display: none !important;
}

html.force-landscape .stage-shell {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}

@keyframes kf_1750_530_rotate_0 {
  0% {
    rotate: 0rad;
  }
  10% {
    animation-timing-function: cubic-bezier(0.34, 1.2, 0.64, 1);
    rotate: 0rad;
  }
  40% {
    rotate: -1.571rad;
  }
  60% {
    animation-timing-function: cubic-bezier(0.34, 1.2, 0.64, 1);
    rotate: -1.571rad;
  }
  90% {
    rotate: 0rad;
  }
  100% {
    rotate: 0rad;
  }
}
.trey {
  position: relative;
  height: 1080px;
}
.trey *,
.trey *::before,
.trey *::after {
  will-change: auto !important;
}
.trey .t05__lyrics [class^=item-],
.trey .t06__lyrics [class^=item-] {
  will-change: transform !important;
}
.trey > [class^=t]:not(.add),
.trey > .loading:not(.add) {
  display: none !important;
}
.trey > [class^=t]:not(.start),
.trey > .loading:not(.start) {
  position: absolute;
  z-index: 9;
  top: -2000px;
  left: -3000px;
  visibility: hidden;
  pointer-events: none;
}
.trey > .loading.add.start,
.trey > [class^=t].add.start {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.trey > .loading.add.start {
  z-index: 20;
}

body {
  overflow: hidden;
}

.t03__spray path:nth-of-type(3n),
.t05__spray path:nth-of-type(3n),
.t06__spray path:nth-of-type(3n),
.t07__spray path:nth-of-type(3n),
.t15__spray path:nth-of-type(3n),
.t16__spray path:nth-of-type(3n),
.t14 .spray path:nth-of-type(3n) {
  display: none;
}

.trey-scene-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  background: rgba(18, 14, 18, 0.88);
  border-top: 1px solid rgba(180, 160, 113, 0.45);
  font-family: "Shippori Mincho", serif;
  pointer-events: auto;
}
.trey-scene-nav__label {
  flex: 0 0 auto;
  color: #b4a071;
  font-size: 11px;
  letter-spacing: 0.08em;
}
.trey-scene-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.trey-scene-nav__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 26px;
  padding: 0 6px;
  border: 1px solid rgba(180, 160, 113, 0.55);
  border-radius: 3px;
  color: #f4ece0;
  font-size: 11px;
  line-height: 1;
  text-decoration: none;
  background: rgba(62, 15, 15, 0.55);
}
.trey-scene-nav__btn:hover {
  background: rgba(180, 160, 113, 0.28);
}
.trey-scene-nav__btn.is-active {
  background: #b4a071;
  border-color: #b4a071;
  color: #1a1212;
}
.trey-scene-nav__btn--full {
  margin-left: 4px;
  min-width: 40px;
}

.loading {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background-color: #010101;
}
.loading__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.loading__bg img,
.loading__bg svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.loading__content {
  position: absolute;
  top: 213.49px;
  left: 50%;
  width: 653.01px;
  height: 653.01px;
  translate: -50% 0;
  z-index: 1;
}
.loading__text {
  position: absolute;
  inset: 0;
  pointer-events: none;
  rotate: 0rad;
}
.loading__text img,
.loading__text svg {
  display: block;
  width: 100%;
  height: 100%;
}
.loading__logo {
  position: absolute;
  top: 250.52px;
  left: 263.5px;
  width: 126px;
  height: 151.98px;
  pointer-events: none;
  rotate: 0rad;
}
.loading__logo img,
.loading__logo svg {
  display: block;
  width: 100%;
  height: 100%;
}
.loading.start .loading__text {
  animation: kf_1210_706_rotate_0 10s linear infinite;
}
.loading.start .loading__logo {
  animation: kf_1208_3054_translate_0 10s linear, kf_1208_3054_scale_0 10s linear;
  animation-iteration-count: infinite;
}
.loading__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@keyframes kf_1210_706_rotate_0 {
  0% {
    rotate: 0rad;
  }
  100% {
    rotate: 6.283rad;
  }
}
@keyframes kf_1208_3054_translate_0 {
  0% {
    animation-timing-function: ease-in-out;
    translate: 0 0px;
  }
  12.5% {
    animation-timing-function: ease-in-out;
    translate: 0 -18px;
  }
  25% {
    animation-timing-function: ease-in-out;
    translate: 0 0px;
  }
  37.5% {
    animation-timing-function: ease-in-out;
    translate: 0 -18px;
  }
  50% {
    animation-timing-function: ease-in-out;
    translate: 0 0px;
  }
  62.5% {
    animation-timing-function: ease-in-out;
    translate: 0 -18px;
  }
  75% {
    animation-timing-function: ease-in-out;
    translate: 0 0px;
  }
  87.5% {
    animation-timing-function: ease-in-out;
    translate: 0 -18px;
  }
  100% {
    translate: 0 0px;
  }
}
@keyframes kf_1208_3054_scale_0 {
  0% {
    scale: 1 1;
  }
  28% {
    animation-timing-function: ease-in;
    scale: 1 1;
  }
  31% {
    animation-timing-function: ease-out;
    scale: 0 1;
  }
  34% {
    scale: 1 1;
  }
  61% {
    animation-timing-function: ease-in;
    scale: 1 1;
  }
  64% {
    animation-timing-function: ease-out;
    scale: 0 1;
  }
  67% {
    scale: 1 1;
  }
  92% {
    animation-timing-function: ease-in;
    scale: 1 1;
  }
  95% {
    animation-timing-function: ease-out;
    scale: 0 1;
  }
  98% {
    scale: 1 1;
  }
  100% {
    scale: 1 1;
  }
}
.t05__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 5;
}
.t05__sparkle img,
.t05__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}

.t05__sparkle-item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}

.t06__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 5;
}
.t06__sparkle img,
.t06__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}

.t06__sparkle-item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}

.t07__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 5;
}
.t07__sparkle img,
.t07__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}

.t07__sparkle-item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}

.t10__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 5;
}
.t10__sparkle img,
.t10__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}

.t10__sparkle-item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}

.t11__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 5;
}
.t11__sparkle img,
.t11__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}

.t11__sparkle-item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}

.t12__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 5;
}
.t12__sparkle img,
.t12__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}

.t12__sparkle-item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}

.t16__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 5;
}
.t16__sparkle img,
.t16__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}

.t16__sparkle-item {
  opacity: 0.2;
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0.6);
}

.t09 .t10__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 5;
}
.t09 .t10__sparkle img,
.t09 .t10__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}

.t05.start .t05__sparkle-item:nth-child(1),
.t06.start .t06__sparkle-item:nth-child(1),
.t07.start .t07__sparkle-item:nth-child(1),
.t09.start .t10__sparkle-item:nth-child(1),
.t10.start .t10__sparkle-item:nth-child(1),
.t11.start .t11__sparkle-item:nth-child(1),
.t12.start .t12__sparkle-item:nth-child(1) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.125s;
}
.t05.start .t05__sparkle-item:nth-child(2),
.t06.start .t06__sparkle-item:nth-child(2),
.t07.start .t07__sparkle-item:nth-child(2),
.t09.start .t10__sparkle-item:nth-child(2),
.t10.start .t10__sparkle-item:nth-child(2),
.t11.start .t11__sparkle-item:nth-child(2),
.t12.start .t12__sparkle-item:nth-child(2) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.25s;
}
.t05.start .t05__sparkle-item:nth-child(3),
.t06.start .t06__sparkle-item:nth-child(3),
.t07.start .t07__sparkle-item:nth-child(3),
.t09.start .t10__sparkle-item:nth-child(3),
.t10.start .t10__sparkle-item:nth-child(3),
.t11.start .t11__sparkle-item:nth-child(3),
.t12.start .t12__sparkle-item:nth-child(3) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.135s;
}
.t05.start .t05__sparkle-item:nth-child(4),
.t06.start .t06__sparkle-item:nth-child(4),
.t07.start .t07__sparkle-item:nth-child(4),
.t09.start .t10__sparkle-item:nth-child(4),
.t10.start .t10__sparkle-item:nth-child(4),
.t11.start .t11__sparkle-item:nth-child(4),
.t12.start .t12__sparkle-item:nth-child(4) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.26s;
}
.t05.start .t05__sparkle-item:nth-child(5),
.t06.start .t06__sparkle-item:nth-child(5),
.t07.start .t07__sparkle-item:nth-child(5),
.t09.start .t10__sparkle-item:nth-child(5),
.t10.start .t10__sparkle-item:nth-child(5),
.t11.start .t11__sparkle-item:nth-child(5),
.t12.start .t12__sparkle-item:nth-child(5) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.385s;
}
.t05.start .t05__sparkle-item:nth-child(6),
.t06.start .t06__sparkle-item:nth-child(6),
.t07.start .t07__sparkle-item:nth-child(6),
.t09.start .t10__sparkle-item:nth-child(6),
.t10.start .t10__sparkle-item:nth-child(6),
.t11.start .t11__sparkle-item:nth-child(6),
.t12.start .t12__sparkle-item:nth-child(6) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.27s;
}
.t05.start .t05__sparkle-item:nth-child(7),
.t06.start .t06__sparkle-item:nth-child(7),
.t07.start .t07__sparkle-item:nth-child(7),
.t09.start .t10__sparkle-item:nth-child(7),
.t10.start .t10__sparkle-item:nth-child(7),
.t11.start .t11__sparkle-item:nth-child(7),
.t12.start .t12__sparkle-item:nth-child(7) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.395s;
}
.t05.start .t05__sparkle-item:nth-child(8),
.t06.start .t06__sparkle-item:nth-child(8),
.t07.start .t07__sparkle-item:nth-child(8),
.t09.start .t10__sparkle-item:nth-child(8),
.t10.start .t10__sparkle-item:nth-child(8),
.t11.start .t11__sparkle-item:nth-child(8),
.t12.start .t12__sparkle-item:nth-child(8) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.52s;
}
.t05.start .t05__sparkle-item:nth-child(9),
.t06.start .t06__sparkle-item:nth-child(9),
.t07.start .t07__sparkle-item:nth-child(9),
.t09.start .t10__sparkle-item:nth-child(9),
.t10.start .t10__sparkle-item:nth-child(9),
.t11.start .t11__sparkle-item:nth-child(9),
.t12.start .t12__sparkle-item:nth-child(9) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.405s;
}
.t05.start .t05__sparkle-item:nth-child(10),
.t06.start .t06__sparkle-item:nth-child(10),
.t07.start .t07__sparkle-item:nth-child(10),
.t09.start .t10__sparkle-item:nth-child(10),
.t10.start .t10__sparkle-item:nth-child(10),
.t11.start .t11__sparkle-item:nth-child(10),
.t12.start .t12__sparkle-item:nth-child(10) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.53s;
}
.t05.start .t05__sparkle-item:nth-child(11),
.t06.start .t06__sparkle-item:nth-child(11),
.t07.start .t07__sparkle-item:nth-child(11),
.t09.start .t10__sparkle-item:nth-child(11),
.t10.start .t10__sparkle-item:nth-child(11),
.t11.start .t11__sparkle-item:nth-child(11),
.t12.start .t12__sparkle-item:nth-child(11) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.655s;
}
.t05.start .t05__sparkle-item:nth-child(12),
.t06.start .t06__sparkle-item:nth-child(12),
.t07.start .t07__sparkle-item:nth-child(12),
.t09.start .t10__sparkle-item:nth-child(12),
.t10.start .t10__sparkle-item:nth-child(12),
.t11.start .t11__sparkle-item:nth-child(12),
.t12.start .t12__sparkle-item:nth-child(12) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.54s;
}
.t05.start .t05__sparkle-item:nth-child(13),
.t06.start .t06__sparkle-item:nth-child(13),
.t07.start .t07__sparkle-item:nth-child(13),
.t09.start .t10__sparkle-item:nth-child(13),
.t10.start .t10__sparkle-item:nth-child(13),
.t11.start .t11__sparkle-item:nth-child(13),
.t12.start .t12__sparkle-item:nth-child(13) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.665s;
}
.t05.start .t05__sparkle-item:nth-child(14),
.t06.start .t06__sparkle-item:nth-child(14),
.t07.start .t07__sparkle-item:nth-child(14),
.t09.start .t10__sparkle-item:nth-child(14),
.t10.start .t10__sparkle-item:nth-child(14),
.t11.start .t11__sparkle-item:nth-child(14),
.t12.start .t12__sparkle-item:nth-child(14) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.79s;
}
.t05.start .t05__sparkle-item:nth-child(15),
.t06.start .t06__sparkle-item:nth-child(15),
.t07.start .t07__sparkle-item:nth-child(15),
.t09.start .t10__sparkle-item:nth-child(15),
.t10.start .t10__sparkle-item:nth-child(15),
.t11.start .t11__sparkle-item:nth-child(15),
.t12.start .t12__sparkle-item:nth-child(15) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 0.675s;
}
.t05.start .t05__sparkle-item:nth-child(16),
.t06.start .t06__sparkle-item:nth-child(16),
.t07.start .t07__sparkle-item:nth-child(16),
.t09.start .t10__sparkle-item:nth-child(16),
.t10.start .t10__sparkle-item:nth-child(16),
.t11.start .t11__sparkle-item:nth-child(16),
.t12.start .t12__sparkle-item:nth-child(16) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.8s;
}
.t05.start .t05__sparkle-item:nth-child(17),
.t06.start .t06__sparkle-item:nth-child(17),
.t07.start .t07__sparkle-item:nth-child(17),
.t09.start .t10__sparkle-item:nth-child(17),
.t10.start .t10__sparkle-item:nth-child(17),
.t11.start .t11__sparkle-item:nth-child(17),
.t12.start .t12__sparkle-item:nth-child(17) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 0.925s;
}
.t05.start .t05__sparkle-item:nth-child(18),
.t06.start .t06__sparkle-item:nth-child(18),
.t07.start .t07__sparkle-item:nth-child(18),
.t09.start .t10__sparkle-item:nth-child(18),
.t10.start .t10__sparkle-item:nth-child(18),
.t11.start .t11__sparkle-item:nth-child(18),
.t12.start .t12__sparkle-item:nth-child(18) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 0.81s;
}
.t05.start .t05__sparkle-item:nth-child(19),
.t06.start .t06__sparkle-item:nth-child(19),
.t07.start .t07__sparkle-item:nth-child(19),
.t09.start .t10__sparkle-item:nth-child(19),
.t10.start .t10__sparkle-item:nth-child(19),
.t11.start .t11__sparkle-item:nth-child(19),
.t12.start .t12__sparkle-item:nth-child(19) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 0.935s;
}
.t05.start .t05__sparkle-item:nth-child(20),
.t06.start .t06__sparkle-item:nth-child(20),
.t07.start .t07__sparkle-item:nth-child(20),
.t09.start .t10__sparkle-item:nth-child(20),
.t10.start .t10__sparkle-item:nth-child(20),
.t11.start .t11__sparkle-item:nth-child(20),
.t12.start .t12__sparkle-item:nth-child(20) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.06s;
}
.t05.start .t05__sparkle-item:nth-child(21),
.t06.start .t06__sparkle-item:nth-child(21),
.t07.start .t07__sparkle-item:nth-child(21),
.t09.start .t10__sparkle-item:nth-child(21),
.t10.start .t10__sparkle-item:nth-child(21),
.t11.start .t11__sparkle-item:nth-child(21),
.t12.start .t12__sparkle-item:nth-child(21) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 0.945s;
}
.t05.start .t05__sparkle-item:nth-child(22),
.t06.start .t06__sparkle-item:nth-child(22),
.t07.start .t07__sparkle-item:nth-child(22),
.t09.start .t10__sparkle-item:nth-child(22),
.t10.start .t10__sparkle-item:nth-child(22),
.t11.start .t11__sparkle-item:nth-child(22),
.t12.start .t12__sparkle-item:nth-child(22) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 1.07s;
}
.t05.start .t05__sparkle-item:nth-child(23),
.t06.start .t06__sparkle-item:nth-child(23),
.t07.start .t07__sparkle-item:nth-child(23),
.t09.start .t10__sparkle-item:nth-child(23),
.t10.start .t10__sparkle-item:nth-child(23),
.t11.start .t11__sparkle-item:nth-child(23),
.t12.start .t12__sparkle-item:nth-child(23) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 1.195s;
}
.t05.start .t05__sparkle-item:nth-child(24),
.t06.start .t06__sparkle-item:nth-child(24),
.t07.start .t07__sparkle-item:nth-child(24),
.t09.start .t10__sparkle-item:nth-child(24),
.t10.start .t10__sparkle-item:nth-child(24),
.t11.start .t11__sparkle-item:nth-child(24),
.t12.start .t12__sparkle-item:nth-child(24) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 1.08s;
}
.t05.start .t05__sparkle-item:nth-child(25),
.t06.start .t06__sparkle-item:nth-child(25),
.t07.start .t07__sparkle-item:nth-child(25),
.t09.start .t10__sparkle-item:nth-child(25),
.t10.start .t10__sparkle-item:nth-child(25),
.t11.start .t11__sparkle-item:nth-child(25),
.t12.start .t12__sparkle-item:nth-child(25) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.205s;
}
.t05.start .t05__sparkle-item:nth-child(26),
.t06.start .t06__sparkle-item:nth-child(26),
.t07.start .t07__sparkle-item:nth-child(26),
.t09.start .t10__sparkle-item:nth-child(26),
.t10.start .t10__sparkle-item:nth-child(26),
.t11.start .t11__sparkle-item:nth-child(26),
.t12.start .t12__sparkle-item:nth-child(26) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 1.33s;
}
.t05.start .t05__sparkle-item:nth-child(27),
.t06.start .t06__sparkle-item:nth-child(27),
.t07.start .t07__sparkle-item:nth-child(27),
.t09.start .t10__sparkle-item:nth-child(27),
.t10.start .t10__sparkle-item:nth-child(27),
.t11.start .t11__sparkle-item:nth-child(27),
.t12.start .t12__sparkle-item:nth-child(27) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 1.215s;
}
.t05.start .t05__sparkle-item:nth-child(28),
.t06.start .t06__sparkle-item:nth-child(28),
.t07.start .t07__sparkle-item:nth-child(28),
.t09.start .t10__sparkle-item:nth-child(28),
.t10.start .t10__sparkle-item:nth-child(28),
.t11.start .t11__sparkle-item:nth-child(28),
.t12.start .t12__sparkle-item:nth-child(28) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 1.34s;
}
.t05.start .t05__sparkle-item:nth-child(29),
.t06.start .t06__sparkle-item:nth-child(29),
.t07.start .t07__sparkle-item:nth-child(29),
.t09.start .t10__sparkle-item:nth-child(29),
.t10.start .t10__sparkle-item:nth-child(29),
.t11.start .t11__sparkle-item:nth-child(29),
.t12.start .t12__sparkle-item:nth-child(29) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 1.465s;
}
.t05.start .t05__sparkle-item:nth-child(30),
.t06.start .t06__sparkle-item:nth-child(30),
.t07.start .t07__sparkle-item:nth-child(30),
.t09.start .t10__sparkle-item:nth-child(30),
.t10.start .t10__sparkle-item:nth-child(30),
.t11.start .t11__sparkle-item:nth-child(30),
.t12.start .t12__sparkle-item:nth-child(30) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 1.35s;
}
.t05.start .t05__sparkle-item:nth-child(31),
.t06.start .t06__sparkle-item:nth-child(31),
.t07.start .t07__sparkle-item:nth-child(31),
.t09.start .t10__sparkle-item:nth-child(31),
.t10.start .t10__sparkle-item:nth-child(31),
.t11.start .t11__sparkle-item:nth-child(31),
.t12.start .t12__sparkle-item:nth-child(31) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 1.475s;
}

.t16.start .t16__sparkle-item:nth-child(1) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 2.725s;
}
.t16.start .t16__sparkle-item:nth-child(2) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 2.85s;
}
.t16.start .t16__sparkle-item:nth-child(3) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 2.735s;
}
.t16.start .t16__sparkle-item:nth-child(4) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 2.86s;
}
.t16.start .t16__sparkle-item:nth-child(5) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 2.985s;
}
.t16.start .t16__sparkle-item:nth-child(6) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 2.87s;
}
.t16.start .t16__sparkle-item:nth-child(7) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 2.995s;
}
.t16.start .t16__sparkle-item:nth-child(8) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 3.12s;
}
.t16.start .t16__sparkle-item:nth-child(9) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 3.005s;
}
.t16.start .t16__sparkle-item:nth-child(10) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 3.13s;
}
.t16.start .t16__sparkle-item:nth-child(11) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 3.255s;
}
.t16.start .t16__sparkle-item:nth-child(12) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 3.14s;
}
.t16.start .t16__sparkle-item:nth-child(13) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 3.265s;
}
.t16.start .t16__sparkle-item:nth-child(14) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 3.39s;
}
.t16.start .t16__sparkle-item:nth-child(15) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 3.275s;
}
.t16.start .t16__sparkle-item:nth-child(16) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 3.4s;
}
.t16.start .t16__sparkle-item:nth-child(17) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 3.525s;
}
.t16.start .t16__sparkle-item:nth-child(18) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 3.41s;
}
.t16.start .t16__sparkle-item:nth-child(19) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 3.535s;
}
.t16.start .t16__sparkle-item:nth-child(20) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 3.66s;
}
.t16.start .t16__sparkle-item:nth-child(21) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 3.545s;
}
.t16.start .t16__sparkle-item:nth-child(22) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 3.67s;
}
.t16.start .t16__sparkle-item:nth-child(23) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 3.795s;
}
.t16.start .t16__sparkle-item:nth-child(24) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 3.68s;
}
.t16.start .t16__sparkle-item:nth-child(25) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 3.805s;
}
.t16.start .t16__sparkle-item:nth-child(26) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 3.93s;
}
.t16.start .t16__sparkle-item:nth-child(27) {
  animation: trey-sparkle-twinkle 1s ease-in-out infinite alternate;
  animation-delay: 3.815s;
}
.t16.start .t16__sparkle-item:nth-child(28) {
  animation: trey-sparkle-twinkle 1.15s ease-in-out infinite alternate;
  animation-delay: 3.94s;
}
.t16.start .t16__sparkle-item:nth-child(29) {
  animation: trey-sparkle-twinkle 1.3s ease-in-out infinite alternate;
  animation-delay: 4.065s;
}
.t16.start .t16__sparkle-item:nth-child(30) {
  animation: trey-sparkle-twinkle 0.7s ease-in-out infinite alternate;
  animation-delay: 3.95s;
}
.t16.start .t16__sparkle-item:nth-child(31) {
  animation: trey-sparkle-twinkle 0.85s ease-in-out infinite alternate;
  animation-delay: 4.075s;
}

@keyframes trey-sparkle-twinkle {
  0% {
    opacity: 0.12;
  }
  100% {
    opacity: 1;
  }
}
body:has(.trey) {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
}

.trey {
  color: #fff;
  font-family: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  width: 1920px;
  overflow-x: hidden;
}

.t00 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background-color: #000;
}
.t00 .-ls20 {
  letter-spacing: -0.2em;
}
.t00 .-ls16 {
  letter-spacing: -0.16em;
}
.t00 .-ls27 {
  letter-spacing: -0.27em;
}
.t00 .-ls23 {
  letter-spacing: -0.23em;
}
.t00__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.t00__bg-pattern {
  position: absolute;
  inset: 0;
  background-color: #000;
  background-image: url("../../hw2026treypv/img/t00_pattern.webp");
  background-repeat: repeat;
  background-position: left top;
  background-size: 206.688px 416.872px;
  opacity: 0.4;
}
.t00__bg-gradient {
  position: absolute;
  top: -0.45px;
  left: 0.36px;
  width: 1920px;
  height: 1080px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(60, 28, 23, 0) 0%, rgba(60, 28, 23, 0.015) 62%, rgba(95, 21, 10, 0.5) 100%);
  mix-blend-mode: multiply;
}
.t00__bg-vector {
  position: absolute;
  top: 34px;
  right: 0;
  width: 867px;
  height: 1046px;
  mix-blend-mode: multiply;
}
.t00__bg-vector img,
.t00__bg-vector svg {
  display: block;
  width: 867px;
  height: 1046px;
  object-fit: contain;
}
.t00__border {
  position: absolute;
  left: 0;
  width: 1920px;
  z-index: 2;
  pointer-events: none;
}
.t00__border--top {
  top: 0;
}
.t00__border--bottom {
  bottom: 0;
}
.t00__border--bottom img,
.t00__border--bottom svg {
  transform: scaleY(-1);
}
.t00__border img,
.t00__border svg {
  display: block;
  width: 1920px;
  height: 102px;
  object-fit: cover;
}
.t00__content {
  position: absolute;
  inset: 0;
  z-index: 3;
}
.t00__btn {
  position: absolute;
  top: 415px;
  left: 361px;
  width: 1198px;
  height: 250px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #fff;
  font-family: inherit;
  cursor: pointer;
  overflow: visible;
  transform-origin: center center;
  transition: transform 0.2s ease;
}
html:not(.is-mobile) .t00__btn {
  will-change: transform !important;
}
@media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .t00__btn:hover {
    transform: scale(0.9237);
  }
}
.t00__btn:active, .t00__btn:disabled {
  transform: scale(0.9237);
}
.t00__btn-bg {
  position: absolute;
  top: -10px;
  left: -30px;
  width: 1258px;
  height: 310px;
  pointer-events: none;
}
.t00__btn-bg img,
.t00__btn-bg svg {
  display: block;
  width: 1258px;
  height: 310px;
}
.t00__btn-text {
  position: absolute;
  top: 79px;
  left: 185px;
  z-index: 1;
  width: 827px;
  height: 103px;
  line-height: 0;
}
.t00__btn-text img,
.t00__btn-text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
  pointer-events: none;
  user-select: none;
}
.t00__btn-arrow {
  position: absolute;
  top: 89px;
  left: 1105px;
  z-index: 1;
  width: 28px;
  height: 72px;
}
.t00__btn-arrow img,
.t00__btn-arrow svg {
  display: block;
  width: 28px;
  height: 72px;
  object-fit: contain;
}
.t00__notice {
  position: absolute;
  top: 665px;
  margin-top: 116.34px;
  left: 278.5px;
  width: 1363px;
  line-height: 0;
  text-align: center;
}
html:not(.is-mobile) .t00__notice {
  will-change: transform !important;
}
.t00__notice img,
.t00__notice svg {
  display: block;
  width: 1286px;
  height: 80px;
  margin: 0 auto;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}
.t00__copy {
  position: absolute;
  left: 21.94px;
  bottom: 10.16px;
  z-index: 4;
  margin: 0;
  line-height: 0;
  pointer-events: none;
}
html:not(.is-mobile) .t00__copy {
  will-change: transform !important;
}
.t00__copy img,
.t00__copy svg {
  display: block;
  width: 305px;
  height: 21px;
  object-fit: contain;
  user-select: none;
}
.t00__swarm {
  position: absolute;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.t00__swarm-clover, .t00__swarm-sweet {
  position: absolute;
  top: 0;
  left: var(--x, 50%);
  width: var(--size, 140px);
  height: auto;
  margin-left: calc(var(--size, 140px) / -2);
  opacity: 0;
  transform-origin: center center;
  will-change: transform, opacity;
}
.t00__swarm-clover {
  aspect-ratio: 126/152;
}
.t00__swarm-clover-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.t00__swarm-sweet img,
.t00__swarm-sweet svg {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
  user-select: none;
}
.t00.is-swarming .t00__swarm {
  opacity: 1;
  visibility: visible;
}
.t00.is-swarming .t00__swarm-clover,
.t00.is-swarming .t00__swarm-sweet {
  animation: t00-clover-fall var(--dur, 2.2s) cubic-bezier(0.33, 0.05, 0.35, 1) var(--delay, 0s) forwards;
}

@keyframes t00-clover-fall {
  0% {
    opacity: 0;
    translate: var(--drift-start, 0) -194.4px;
    rotate: var(--spin-start, -15deg);
  }
  10% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0.85;
    translate: var(--drift-end, 0) 1274.4px;
    rotate: var(--spin-end, 35deg);
  }
}
.t01 {
  --t01-clover-x: 358.42px;
  --t01-clover-y: -118px;
  --t01-clover-w: 1208.76px;
  --t01-clover-h: 1363.26px;
  --t01-bg-x: -749.64px;
  --t01-bg-y: -261.8px;
  --t01-bg-w: 3728px;
  --t01-bg-h: 2173px;
  --t02-bg-x: -570.58px;
  --t02-bg-y: -728px;
  --t02-bg-w: 2627px;
  --t02-bg-h: 3804px;
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
}
.t01__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("../../hw2026treypv/img/t01_pattern.webp");
  background-repeat: repeat;
  background-position: left top;
  background-size: 133px 268.5px;
}
.t01__clover {
  position: absolute;
  top: var(--t01-clover-y);
  left: var(--t01-clover-x);
  width: var(--t01-clover-w);
  height: var(--t01-clover-h);
  z-index: 1;
  pointer-events: none;
}
.t01__clover img,
.t01__clover svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t01__clover-window {
  position: absolute;
  top: var(--t01-clover-y);
  left: var(--t01-clover-x);
  width: var(--t01-clover-w);
  height: var(--t01-clover-h);
  z-index: 1;
  pointer-events: none;
  transform: translateZ(0);
  -webkit-mask-image: url("../../hw2026treypv/img/t01_vector_mask.png");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-source-type: alpha;
  mask-image: url("../../hw2026treypv/img/t01_vector_mask.png");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-mode: alpha;
}
.t01__clover-window::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  box-shadow: inset 0 0 250px 0 rgba(0, 0, 0, 0.55);
  pointer-events: none;
}
.t01__clover-bg {
  position: absolute;
  top: calc(var(--t01-bg-y) - var(--t01-clover-y));
  left: calc(var(--t01-bg-x) - var(--t01-clover-x));
  width: var(--t01-bg-w);
  height: var(--t01-bg-h);
  z-index: 2;
  pointer-events: none;
}
.t01__clover-bg img,
.t01__clover-bg svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.t01 .t02__clover-bg {
  position: absolute;
  top: calc(var(--t02-bg-y) - var(--t01-clover-y));
  left: calc(var(--t02-bg-x) - var(--t01-clover-x));
  width: var(--t02-bg-w);
  height: var(--t02-bg-h);
  z-index: 1;
  pointer-events: none;
  background-color: #231716;
  background-image: url("../../hw2026treypv/img/t02_choco_pattern.webp");
  background-repeat: repeat;
  background-size: 133px 269px;
  background-position: calc(var(--t01-clover-x) - var(--t02-bg-x) + 67px) calc(var(--t01-clover-y) - var(--t02-bg-y) + 163px);
  -webkit-mask-image: none;
  mask-image: none;
}
.t01 .t02__clover-bg img,
.t01 .t02__clover-bg svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.t01 .t02__clover-bg::after {
  content: none;
}
.t01__text {
  position: absolute;
  top: -11.52px;
  left: 322.55px;
  width: 1440px;
  height: 1018px;
  z-index: 2;
  pointer-events: none;
}
.t01__text img,
.t01__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t01__frame {
  position: absolute;
  top: 41.86px;
  left: 41.68px;
  width: 1837.49px;
  height: 997.28px;
  z-index: 3;
  pointer-events: none;
}
.t01__frame img,
.t01__frame svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t01__text .t01__text-char {
  position: absolute;
  display: block;
  object-fit: fill;
  transform-origin: center center;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t01__text .t01__text-char--kan,
.t01__text .t01__text-char--zin {
  opacity: 0;
  transform: scale(0);
}
.t01__text .t01__text-char--kan {
  top: 80.53px;
  left: 0;
  width: 606.94px;
  height: 960.24px;
}
.t01__text .t01__text-char--zin {
  top: -39.52px;
  left: 661.31px;
  width: 597.75px;
  height: 832.94px;
}
.t01__text .t01__text-char--ne,
.t01__text .t01__text-char--da {
  opacity: 0;
  transform: translateX(600px) translateY(-400px);
}
.t01__text .t01__text-char--ne {
  top: 635.39px;
  left: 1197.7px;
  width: 242.3px;
  height: 240.84px;
}
.t01__text .t01__text-char--da {
  top: 672.38px;
  left: 953.43px;
  width: 224.25px;
  height: 306.22px;
}
.t01__clover-wrap {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transform: translateX(1280px) rotate(12deg);
  will-change: transform;
  backface-visibility: hidden;
}
.t01__clover-bg img:nth-child(1) {
  transform: translateX(-600px);
  will-change: transform;
  backface-visibility: hidden;
}
.t01 .t02__clover-bg img:nth-child(1) {
  transform: translateY(-600px);
  will-change: transform;
  backface-visibility: hidden;
}
.t01.start .t01__text-char--kan,
.t01.start .t01__text-char--zin {
  opacity: 1;
}
.t01.start .t01__text-char--kan {
  animation: t1MojiPopAndOutDown 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 0s;
}
.t01.start .t01__text-char--zin {
  animation: t1MojiPopAndOutUp 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  animation-delay: 0.3s;
}
.t01.start .t01__text-char--ne,
.t01.start .t01__text-char--da {
  animation: t1MojiSlideInAndOut 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.t01.start .t01__text-char--da {
  animation-delay: 0.65s;
}
.t01.start .t01__text-char--ne {
  animation-delay: 0.8s;
}
.t01.start .t01__clover-wrap {
  animation: t1CloverWindowMove 3.3s cubic-bezier(0.61, 1, 0.88, 1) forwards;
}
.t01.start .t01__clover-bg img:nth-child(1) {
  animation: t1CloverBgMove 3s cubic-bezier(0.45, 0, 0.55, 1) forwards;
}
.t01.start .t02__clover-bg img:nth-child(1) {
  animation: t2CloverBgMove 2.4s cubic-bezier(0.61, 1, 0.88, 1) forwards;
  animation-delay: 1.4s;
}

@keyframes t2CloverBgMove {
  0% {
    transform: translateY(-600px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes t1CloverWindowMove {
  0% {
    transform: translateX(1280px) rotate(12deg);
  }
  35% {
    transform: translateX(0) rotate(6deg);
    animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
  }
  100% {
    transform: translateX(-600px) rotate(0);
  }
}
@keyframes t1CloverBgMove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(2300px);
  }
}
@keyframes t1MojiPopAndOutUp {
  0% {
    transform: scale(4);
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  35% {
    transform: scale(1);
  }
  86% {
    transform: scale(1) translateY(0);
    animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
  }
  94% {
    transform: scale(0.9) translateY(-1440px);
  }
  100% {
    transform: scale(0.9) translateY(-1440px);
  }
}
@keyframes t1MojiPopAndOutDown {
  0% {
    transform: scale(4);
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  35% {
    transform: scale(1);
  }
  92% {
    transform: scale(1) translateY(0);
    animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
  }
  100% {
    transform: scale(0.9) translateY(1440px);
  }
}
@keyframes t1MojiSlideInAndOut {
  0% {
    transform: translateX(600px) translateY(-400px);
    opacity: 1;
  }
  35% {
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  70% {
    transform: translateX(0) translateY(0);
    opacity: 1;
    animation-timing-function: cubic-bezier(0.5, 0, 0.75, 0);
  }
  90% {
    transform: translateX(-800px) translateY(800px);
    opacity: 1;
  }
  100% {
    transform: translateX(-800px) translateY(800px);
    opacity: 1;
    visibility: hidden;
  }
}
.t02 {
  --t02-clover-x: -67px;
  --t02-clover-y: -169px;
  --t02-clover-w: 1208.76px;
  --t02-clover-h: 1363.26px;
  --t02-bg-x: -996px;
  --t02-bg-y: -779px;
  --t02-bg-w: 2627px;
  --t02-bg-h: 3804px;
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
}
.t02__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("../../hw2026treypv/img/t01_pattern.webp");
  background-repeat: repeat;
  background-position: left top;
  background-size: 133px 268.5px;
}
.t02__clover {
  position: absolute;
  top: var(--t02-clover-y);
  left: var(--t02-clover-x);
  width: var(--t02-clover-w);
  height: var(--t02-clover-h);
  z-index: 1;
  pointer-events: none;
}
.t02__clover img,
.t02__clover svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t02__clover-bg {
  position: absolute;
  top: var(--t02-bg-y);
  left: var(--t02-bg-x);
  width: var(--t02-bg-w);
  height: var(--t02-bg-h);
  z-index: 1;
  pointer-events: none;
  background-color: #231716;
  background-image: url("../../hw2026treypv/img/t02_choco_pattern.webp");
  background-repeat: repeat;
  background-size: 133px 269px;
  background-position: calc(var(--t02-clover-x) - var(--t02-bg-x) + 67px) calc(var(--t02-clover-y) - var(--t02-bg-y) + 163px);
  -webkit-mask-image: url("../../hw2026treypv/img/t01_vector.svg");
  -webkit-mask-size: var(--t02-clover-w) var(--t02-clover-h);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: calc(var(--t02-clover-x) - var(--t02-bg-x)) calc(var(--t02-clover-y) - var(--t02-bg-y));
  mask-image: url("../../hw2026treypv/img/t01_vector.svg");
  mask-size: var(--t02-clover-w) var(--t02-clover-h);
  mask-repeat: no-repeat;
  mask-position: calc(var(--t02-clover-x) - var(--t02-bg-x)) calc(var(--t02-clover-y) - var(--t02-bg-y));
}
.t02__clover-bg::after {
  content: "";
  position: absolute;
  top: calc(var(--t02-clover-y) - var(--t02-bg-y));
  left: calc(var(--t02-clover-x) - var(--t02-bg-x));
  width: var(--t02-clover-w);
  height: var(--t02-clover-h);
  box-shadow: inset 0 0 250px 0 rgba(0, 0, 0, 0.55);
}
.t02__clover-bg img,
.t02__clover-bg svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.t02__bitter-en {
  position: absolute;
  top: 763px;
  left: -28.86px;
  width: 1954px;
  height: 331px;
  z-index: 1;
  pointer-events: none;
}
.t02__bitter-en img,
.t02__bitter-en svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t02__kodawari {
  position: absolute;
  top: 150.62px;
  left: 896.51px;
  width: 840px;
  height: 255px;
  z-index: 4;
  pointer-events: none;
}
.t02__kodawari img,
.t02__kodawari svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t02__bitter {
  position: absolute;
  top: 420.88px;
  left: 556.71px;
  width: 1277px;
  height: 553px;
  z-index: 4;
  pointer-events: none;
}
.t02__bitter img,
.t02__bitter svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t02__frame {
  position: absolute;
  top: 41.86px;
  left: 41.68px;
  width: 1837.49px;
  height: 997.28px;
  z-index: 3;
  pointer-events: none;
}
.t02__frame img,
.t02__frame svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.t02__kodawari svg {
  overflow: visible !important;
}
.t02__kodawari svg path {
  opacity: 0;
  transform-origin: center;
  transform-box: fill-box;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.t02__bitter svg {
  overflow: visible !important;
}
.t02__bitter svg path {
  opacity: 0;
  transform: scale(0);
  transform-origin: center;
  transform-box: fill-box;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.t02__bitter-en svg {
  overflow: visible !important;
}
.t02__bitter-en svg path {
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  transform-box: fill-box;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.t01.start .t02__kodawari svg path {
  animation: t2MojiSlideIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.t01.start .t02__kodawari svg path:nth-child(1) {
  animation-delay: 1.8s;
}
.t01.start .t02__kodawari svg path:nth-child(2) {
  animation-delay: 1.7s;
}
.t01.start .t02__kodawari svg path:nth-child(3) {
  animation-delay: 1.6s;
}
.t01.start .t02__kodawari svg path:nth-child(4) {
  animation-delay: 1.5s;
}
.t01.start .t02__kodawari svg path:nth-child(5) {
  animation-delay: 1.4s;
}
.t01.start .t02__bitter svg path {
  animation: t2MojiPopUp 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.t01.start .t02__bitter svg path:nth-child(3), .t01.start .t02__bitter svg path:nth-child(6) {
  animation-delay: 2.4s;
}
.t01.start .t02__bitter svg path:nth-child(2), .t01.start .t02__bitter svg path:nth-child(5) {
  animation-delay: 2.525s;
}
.t01.start .t02__bitter svg path:nth-child(1), .t01.start .t02__bitter svg path:nth-child(4) {
  animation-delay: 2.65s;
}
.t01.start .t02__bitter-en svg path {
  animation: t2ChocoMeltIn 1.4s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.t01.start .t02__bitter-en svg path:nth-child(1) {
  animation-delay: 2.8s;
}
.t01.start .t02__bitter-en svg path:nth-child(2) {
  animation-delay: 2.72s;
}
.t01.start .t02__bitter-en svg path:nth-child(3) {
  animation-delay: 2.64s;
}
.t01.start .t02__bitter-en svg path:nth-child(4) {
  animation-delay: 2.56s;
}
.t01.start .t02__bitter-en svg path:nth-child(5) {
  animation-delay: 2.48s;
}
.t01.start .t02__bitter-en svg path:nth-child(6) {
  animation-delay: 2.4s;
}

@keyframes t2MojiSlideIn {
  0% {
    transform: translateX(600px) translateY(-300px);
    opacity: 1;
  }
  100% {
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes t2MojiPopUp {
  0% {
    transform: scale(3);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes t2ChocoMeltIn {
  0% {
    transform: scaleY(0);
    opacity: 1;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
  }
}
.t03 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #dc5d36;
  transform: translateZ(0);
}
.t03__vector, .t03__gear, .t03__spray {
  position: absolute;
  pointer-events: none;
}
.t03__vector img,
.t03__vector svg, .t03__gear img,
.t03__gear svg, .t03__spray img,
.t03__spray svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t03__vector {
  top: 46px;
  left: 33.42px;
  width: 1837.49px;
  height: 997.28px;
  z-index: 1;
}
.t03__gear {
  top: 46px;
  left: 33.42px;
  width: 1837.49px;
  height: 997.28px;
  opacity: 0.5;
  z-index: 2;
}
.t03__spray {
  top: -0.22px;
  left: 0;
  width: 2052.13px;
  height: 1139.5px;
  z-index: 3;
}
.t03__text {
  position: absolute;
  top: 93px;
  left: 121px;
  width: 1720px;
  height: 906px;
  z-index: 4;
  pointer-events: none;
  overflow: visible;
}
.t03__text .item-1,
.t03__text .item-2,
.t03__text .item-3,
.t03__text .item-4,
.t03__text .item-5 {
  position: absolute;
  transform: scale(0.001) rotate(0deg);
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
}
.t03__text .item-1 img,
.t03__text .item-1 svg,
.t03__text .item-2 img,
.t03__text .item-2 svg,
.t03__text .item-3 img,
.t03__text .item-3 svg,
.t03__text .item-4 img,
.t03__text .item-4 svg,
.t03__text .item-5 img,
.t03__text .item-5 svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  backface-visibility: hidden;
}
.t03__text .item-1 {
  top: 46px;
  left: 0px;
  width: 543px;
  height: 544px;
}
.t03__text .item-2 {
  top: 0px;
  left: 452px;
  width: 391px;
  height: 516px;
}
.t03__text .item-3 {
  top: 362px;
  left: 652px;
  width: 543px;
  height: 544px;
}
.t03__text .item-4 {
  top: 349px;
  left: 1089px;
  width: 391px;
  height: 516px;
}
.t03__text .item-5 {
  top: 327px;
  left: 1459px;
  width: 265px;
  height: 539px;
}
.t03__gear svg {
  overflow: visible !important;
}
.t03__gear svg .item-1 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-2 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-3 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-4 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-5 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-6 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-7 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-8 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-9 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-10 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-11 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-12 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-13 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-14 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-15 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-16 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-17 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-18 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-19 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__gear svg .item-20 {
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: center;
  transform-box: fill-box;
}
.t03__gear svg .item-1, .t03__gear svg .item-2 {
  animation-name: t03GearRotate1;
}
.t03__gear svg .item-3, .t03__gear svg .item-4, .t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-name: t03GearRotate2;
}
.t03__gear svg .item-5, .t03__gear svg .item-6 {
  animation-duration: 9s;
}
.t03__spray {
  opacity: 1;
  transform: translateZ(0) scale(1.1) rotate(0deg);
}
.t03.start .t03__text .item-2,
.t03.start .t03__text .item-3,
.t03.start .t03__text .item-5 {
  animation: t3MojiBounceIn1 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.t03.start .t03__text .item-1,
.t03.start .t03__text .item-4 {
  animation: t3MojiBounceIn2 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.t03.start .t03__text .item-1 {
  animation-delay: 0s !important;
}
.t03.start .t03__text .item-2 {
  animation-delay: 0.125s !important;
}
.t03.start .t03__text .item-3 {
  animation-delay: 0.25s !important;
}
.t03.start .t03__text .item-4 {
  animation-delay: 0.375s !important;
}
.t03.start .t03__text .item-5 {
  animation-delay: 0.5s !important;
}

@keyframes t03GearRotate1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes t03GearRotate2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes t3MojiBounceIn1 {
  0% {
    transform: scale(0.001) rotate(-16deg);
  }
  40% {
    transform: scale(1.2) rotate(12deg);
  }
  70% {
    transform: scale(0.9) rotate(-8deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes t3MojiBounceIn2 {
  0% {
    transform: scale(0.001) rotate(16deg);
  }
  40% {
    transform: scale(1.2) rotate(-12deg);
  }
  70% {
    transform: scale(0.9) rotate(8deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.t04 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #da6845;
}
.t04__check {
  position: absolute;
  top: 0;
  left: 0;
  width: 2027px;
  height: 1091px;
  pointer-events: none;
  mix-blend-mode: multiply;
}
.t04__check img,
.t04__check svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t04__frame {
  position: absolute;
  top: 41px;
  left: 41px;
  width: 1837px;
  height: 997px;
  pointer-events: none;
  z-index: 4;
}
.t04__frame img,
.t04__frame svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.t04__card {
  position: absolute;
  top: -92px;
  left: 869px;
  width: 1051px;
  height: 1265px;
  pointer-events: none;
  z-index: 1;
  perspective: 2000px;
}
.t04__card-front {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}
.t04__card-front > img,
.t04__card-front > svg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.t04__card-back {
  position: absolute;
  inset: 0;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.t04__card-back img,
.t04__card-back svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.t04__drip {
  position: absolute;
  top: -994px;
  left: -15px;
  width: 1562px;
  height: 1641px;
  pointer-events: none;
  z-index: 2;
}
.t04__drip img,
.t04__drip svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.t04__lyrics {
  position: absolute;
  top: 15px;
  left: 20px;
  width: 1009px;
  height: 1015px;
  pointer-events: none;
  z-index: 3;
}
.t04__lyrics img,
.t04__lyrics svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.t04__drip {
  transform: translateY(-600px);
  will-change: transform;
  backface-visibility: hidden;
}
.t04__card-front {
  transform: rotateY(-180deg);
  will-change: transform;
  backface-visibility: hidden;
}
.t04__lyrics svg {
  overflow: visible !important;
}
.t04__lyrics svg .item-1 {
  opacity: 0;
  transform-origin: center bottom;
  transform-box: fill-box;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t04__lyrics svg .item-2, .t04__lyrics svg .item-3, .t04__lyrics svg .item-4 {
  opacity: 0;
  transform: translateY(400px) translateX(-200px);
  transform-origin: center;
  transform-box: fill-box;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t04.start .t04__drip {
  animation: t4ChocoDripDown 4s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}
.t04.start .t04__card-front {
  animation: t4Card3LoopRotate 3.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.t04.start .t04__lyrics svg .item-1 {
  animation: t4SlimeDrop 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation-delay: 0.4s;
}
.t04.start .t04__lyrics svg .item-2 {
  animation: t4MojiSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 1s;
}
.t04.start .t04__lyrics svg .item-3 {
  animation: t4MojiSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 1.3s;
}
.t04.start .t04__lyrics svg .item-4 {
  animation: t4MojiSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 1.6s;
}

@keyframes t4MojiSlideUp {
  0% {
    transform: translateY(400px) translateX(-200px);
    opacity: 1;
  }
  100% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes t4SlimeDrop {
  0% {
    transform: translateY(-600px) scaleY(1.8) scaleX(0.7);
    opacity: 1;
  }
  25% {
    transform: translateY(0) scaleY(0.4) scaleX(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-30px) scaleY(1.2) scaleX(0.85);
    opacity: 1;
  }
  75% {
    transform: translateY(0) scaleY(0.9) scaleX(1.1);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    opacity: 1;
  }
}
@keyframes t4ChocoDripDown {
  0% {
    transform: translateY(-600px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes t4Card3LoopRotate {
  0% {
    transform: rotateY(-180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.t05 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #dd6b47;
}
.t05__bg-pattern {
  position: absolute;
  inset: 0;
  background-color: #dd6b47;
  background-image: url("../../hw2026treypv/img/t05_bg_pattern.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
  z-index: 0;
}
.t05__choco {
  position: absolute;
  pointer-events: none;
}
.t05__choco img,
.t05__choco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t05__choco--left {
  top: -23.5px;
  left: -7.5px;
  width: 736px;
  height: 802px;
  z-index: 1;
}
.t05__choco--right {
  top: 130px;
  left: 1241px;
  width: 679px;
  height: 1001px;
  z-index: 2;
}
.t05__lyrics {
  position: absolute;
  top: -99px;
  left: -61px;
  width: 1937px;
  height: 1065px;
  pointer-events: none;
  z-index: 3;
}
.t05__lyrics img,
.t05__lyrics svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t05__character {
  position: absolute;
  top: -3174px;
  left: 430px;
  width: 1039px;
  height: 4218px;
  pointer-events: none;
  z-index: 10;
}
.t05__character img,
.t05__character svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t05__spray {
  position: absolute;
  top: -0.32px;
  left: 0.42px;
  width: 1920px;
  height: 1080px;
  pointer-events: none;
  z-index: 5;
}
.t05__spray img,
.t05__spray svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t05__lyrics [class^=item-] {
  position: absolute;
  display: block;
  object-fit: fill;
  transform: scale(0);
  transform-origin: center;
  will-change: transform;
  backface-visibility: hidden;
}
.t05__lyrics .item-1 {
  left: 0;
  top: 56.2897%;
  width: 17.5592%;
  height: 43.7103%;
}
.t05__lyrics .item-2 {
  left: 16.7449%;
  top: 33.0888%;
  width: 24.0913%;
  height: 56.0373%;
}
.t05__lyrics .item-3 {
  left: 67.2778%;
  top: 14.8631%;
  width: 16.8075%;
  height: 46.6071%;
}
.t05__lyrics .item-4 {
  left: 83.8672%;
  top: 0;
  width: 16.1076%;
  height: 49.196%;
}
.t05__spray {
  transform: translateY(-200px);
  will-change: transform;
  backface-visibility: hidden;
}
.t05__character {
  transform: translateY(-500px);
  transform-origin: 40% 4%;
  will-change: transform;
  backface-visibility: hidden;
}
.t05 .t06__lyrics [class^=item-] {
  position: absolute;
  display: block;
  object-fit: fill;
  transform: scale(0);
  transform-origin: center;
  will-change: transform;
  backface-visibility: hidden;
}
.t05 .t06__lyrics .item-1 {
  left: 0;
  top: 0;
  width: 20.2003%;
  height: 52.1704%;
}
.t05 .t06__lyrics .item-2 {
  left: 15.7652%;
  top: 19.8793%;
  width: 21.3208%;
  height: 49.2457%;
}
.t05 .t06__lyrics .item-3 {
  left: 5.4947%;
  top: 58.6743%;
  width: 10.2181%;
  height: 26.824%;
}
.t05 .t06__lyrics .item-4 {
  left: 13.2631%;
  top: 70.8465%;
  width: 12.5249%;
  height: 29.1026%;
}
.t05 .t06__lyrics .item-5 {
  left: 71.0978%;
  top: 14.9492%;
  width: 16.2304%;
  height: 32.5457%;
}
.t05 .t06__lyrics .item-6 {
  left: 83.4672%;
  top: 37.0023%;
  width: 16.5329%;
  height: 26.4303%;
}
.t05 .t06__lyrics .item-7 {
  left: 80.8967%;
  top: 63.3907%;
  width: 12.7827%;
  height: 35.36%;
}
.t05 .t06__choco--left, .t05 .t06__choco--right {
  transform: none;
  animation: none;
}
.t05.start .t05__spray {
  animation: t5spray 5s cubic-bezier(0.61, 1, 0.88, 1) forwards;
}
.t05.start .t05__lyrics .item-1, .t05.start .t05__lyrics .item-2 {
  animation: t5MojiPopAndOutLeftDown 1s;
}
.t05.start .t05__lyrics .item-3, .t05.start .t05__lyrics .item-4 {
  animation: t5MojiPopAndOutRightUp 1s;
}
.t05.start .t05__lyrics .item-1 {
  animation-delay: 0.2s;
}
.t05.start .t05__lyrics .item-2 {
  animation-delay: 0.325s;
}
.t05.start .t05__lyrics .item-3 {
  animation-delay: 0.45s;
}
.t05.start .t05__lyrics .item-4 {
  animation-delay: 0.575s;
}
.t05.start .t06__lyrics .item-1 {
  animation: t5MojiBounceIn 0.5s cubic-bezier(0.34, 1.61, 0.7, 1) forwards;
  animation-delay: 1.5s;
}
.t05.start .t06__lyrics .item-2 {
  animation: t5MojiBounceIn 0.5s cubic-bezier(0.34, 1.61, 0.7, 1) forwards;
  animation-delay: 1.625s;
}
.t05.start .t06__lyrics .item-3 {
  animation: t5MojiBounceIn 0.5s cubic-bezier(0.34, 1.61, 0.7, 1) forwards;
  animation-delay: 1.75s;
}
.t05.start .t06__lyrics .item-4 {
  animation: t5MojiBounceIn 0.5s cubic-bezier(0.34, 1.61, 0.7, 1) forwards;
  animation-delay: 1.875s;
}
.t05.start .t06__lyrics .item-5 {
  animation: t5MojiBounceIn 0.5s cubic-bezier(0.34, 1.61, 0.7, 1) forwards;
  animation-delay: 2.7s;
}
.t05.start .t06__lyrics .item-6 {
  animation: t5MojiBounceIn 0.5s cubic-bezier(0.34, 1.61, 0.7, 1) forwards;
  animation-delay: 2.825s;
}
.t05.start .t06__lyrics .item-7 {
  animation: t5MojiBounceIn 0.5s cubic-bezier(0.34, 1.61, 0.7, 1) forwards;
  animation-delay: 2.95s;
}
.t05.start .t05__character {
  animation: t57CharacterCameraWork 3.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes t57CharacterCameraWork {
  0% {
    transform: translateX(0px) translateY(-500px);
  }
  30% {
    transform: translateX(0px) translateY(0px);
    animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
  }
  60% {
    transform: translateX(440px) translateY(1800px);
    animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  86% {
    transform: translateX(0px) translateY(3100px);
  }
  100% {
    transform: translateX(0px) translateY(3100px) scale(1.4);
  }
}
@keyframes t5spray {
  0% {
    transform: translateY(-200px);
  }
  100% {
    transform: translateY(200px);
  }
}
@keyframes t5MojiBounceIn {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes t5MojiPopAndOutLeftDown {
  0% {
    transform: scale(0);
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  }
  35% {
    transform: scale(1);
  }
  90% {
    transform: scale(1) translateY(0);
    animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
  }
  100% {
    transform: scale(0.8) translateY(1000px);
  }
}
@keyframes t5MojiPopAndOutRightUp {
  0% {
    transform: scale(0);
    opacity: 1;
    animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  }
  35% {
    transform: scale(1);
    opacity: 1;
  }
  90% {
    transform: scale(1) translateY(0);
    opacity: 1;
    animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
  }
  100% {
    transform: scale(0.8) translateY(-1000px);
    opacity: 1;
  }
}
.t06 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #dd6b47;
}
.t06__bg-pattern {
  position: absolute;
  inset: 0;
  background-color: #dd6b47;
  background-image: url("../../hw2026treypv/img/t05_bg_pattern.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
  z-index: 0;
}
.t06__choco {
  position: absolute;
  pointer-events: none;
}
.t06__choco img,
.t06__choco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t06__choco--left {
  top: -23px;
  left: -7px;
  width: 972px;
  height: 1060px;
  z-index: 1;
}
.t06__choco--right {
  top: -93px;
  right: 0;
  left: auto;
  width: 1024px;
  height: 1173px;
  z-index: 2;
}
.t06__lyrics {
  position: absolute;
  top: -14px;
  left: -77px;
  width: 1964px;
  height: 942px;
  pointer-events: none;
  z-index: 3;
}
.t06__lyrics img,
.t06__lyrics svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t06__spray {
  position: absolute;
  top: -0.32px;
  left: 0.14px;
  width: 1920px;
  height: 1080px;
  pointer-events: none;
  z-index: 4;
}
.t06__spray img,
.t06__spray svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t06__character {
  position: absolute;
  top: -2906px;
  left: 910px;
  width: 1706px;
  height: 6926px;
  pointer-events: none;
  z-index: 5;
}
.t06__character img,
.t06__character svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.t07 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #dd6b47;
}
.t07__bg-pattern {
  position: absolute;
  inset: 0;
  background-color: #dd6b47;
  background-image: url("../../hw2026treypv/img/t05_bg_pattern.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;
  z-index: 0;
}
.t07__choco {
  position: absolute;
  pointer-events: none;
}
.t07__choco img,
.t07__choco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t07__choco--left {
  top: -23px;
  left: -7px;
  width: 972px;
  height: 1060px;
  z-index: 1;
}
.t07__choco--right {
  top: -93px;
  right: 0;
  left: auto;
  width: 1024px;
  height: 1173px;
  z-index: 2;
}
.t07__lyrics {
  position: absolute;
  top: -14px;
  left: -77px;
  width: 1967px;
  height: 942px;
  pointer-events: none;
  z-index: 3;
}
.t07__lyrics img,
.t07__lyrics svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t07__spray {
  position: absolute;
  top: -0.32px;
  left: 0.14px;
  width: 1920px;
  height: 1080px;
  pointer-events: none;
  z-index: 4;
}
.t07__spray img,
.t07__spray svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t07__character {
  position: absolute;
  top: -272px;
  left: 140px;
  width: 1843px;
  height: 7482px;
  pointer-events: none;
  z-index: 5;
}
.t07__character img,
.t07__character svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.t08 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff923d;
  transform: translateZ(0);
}
.t08__bg-pattern {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background-color: #ff923d;
  pointer-events: none;
  z-index: 0;
}
.t08__bg-pattern img,
.t08__bg-pattern svg {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(100% + 350px);
  height: 100%;
  transform: translateX(-350px);
  will-change: rotate;
  backface-visibility: hidden;
}
.t08__circle {
  position: absolute;
  top: -342px;
  left: 78px;
  width: 1764px;
  height: 1764px;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}
.t08__circle-spin {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  transform-origin: center center;
  transform: translateZ(0) scale(0) rotate(0rad);
  backface-visibility: hidden;
  will-change: transform;
}
.t08__circle img,
.t08__circle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.t08__gear {
  position: absolute;
  top: 417.96px;
  left: 858.84px;
  width: 202.34px;
  height: 244.07px;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  scale: 0.5;
  translate: 0 0;
  rotate: 0rad;
  transform-origin: center center;
  will-change: opacity, rotate, translate, scale;
}
.t08__gear img,
.t08__gear svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t08__oh-oh {
  position: absolute;
  top: -192.48px;
  left: 208.29px;
  width: 1494.27px;
  height: 1456.8px;
  pointer-events: none;
  z-index: 4;
  opacity: 0;
  transform: translateZ(0) scale(0.001) rotate(0rad);
  transform-origin: center center;
  backface-visibility: hidden;
  will-change: opacity, transform;
}
.t08__oh-oh img,
.t08__oh-oh svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.t08.start .t08__oh-oh {
  animation: t08-oh-oh-opacity 1.5s linear forwards, t08-oh-oh-xform 1.5s linear forwards;
}
.t08.start .t08__circle {
  animation: t08-circle-opacity 1.5s linear forwards;
}
.t08.start .t08__circle-spin {
  animation: t08-circle-xform 1.5s linear forwards;
}
.t08.start .t08__gear {
  animation: t08-clover-opacity 1.5s linear forwards, t08-clover-rotate 1.5s linear forwards, t08-clover-translate 1.5s linear forwards, t08-clover-scale 1.5s linear forwards;
}

@keyframes t08-oh-oh-opacity {
  0% {
    opacity: 0;
  }
  15% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  88% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes t08-oh-oh-xform {
  0% {
    transform: translateZ(0) scale(0.001) rotate(0rad);
  }
  15% {
    animation-timing-function: ease-out;
    transform: translateZ(0) scale(0.001) rotate(0rad);
  }
  30% {
    transform: translateZ(0) scale(1) rotate(-0.1385rad);
  }
  45% {
    animation-timing-function: ease-in-out;
    transform: translateZ(0) scale(1) rotate(-0.277rad);
  }
  55% {
    transform: translateZ(0) scale(1.25) rotate(-0.369rad);
  }
  75% {
    animation-timing-function: ease-in;
    transform: translateZ(0) scale(1.25) rotate(-0.554rad);
  }
  100% {
    transform: translateZ(0) scale(0.001) rotate(-0.785rad);
  }
}
@keyframes t08-circle-opacity {
  0% {
    opacity: 0;
  }
  3% {
    opacity: 1;
  }
  85% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes t08-circle-xform {
  0% {
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateZ(0) scale(0) rotate(0rad);
  }
  25% {
    animation-timing-function: ease-in-out;
    transform: translateZ(0) scale(1) rotate(0.39275rad);
  }
  50% {
    transform: translateZ(0) scale(1.08) rotate(0.7855rad);
  }
  75% {
    animation-timing-function: ease-in;
    transform: translateZ(0) scale(1.08) rotate(1.17825rad);
  }
  100% {
    transform: translateZ(0) scale(0) rotate(1.571rad);
  }
}
@keyframes t08-clover-opacity {
  0% {
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  88% {
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes t08-clover-rotate {
  0% {
    rotate: 0rad;
  }
  20% {
    animation-timing-function: ease-in-out;
    rotate: 0rad;
  }
  45% {
    animation-timing-function: ease-in-out;
    rotate: -0.087rad;
  }
  70% {
    animation-timing-function: ease-in-out;
    rotate: 0.087rad;
  }
  100% {
    rotate: 0rad;
  }
}
@keyframes t08-clover-translate {
  0% {
    translate: 0 0;
  }
  20% {
    translate: 0 0;
  }
  30% {
    translate: 1.659px -4px;
  }
  40% {
    translate: 4.592px -8px;
  }
  50% {
    translate: 4.265px -1.5px;
  }
  60% {
    translate: -1.013px 5px;
  }
  70% {
    translate: -4px -0.5px;
  }
  80% {
    translate: -3.073px -6px;
  }
  90% {
    translate: -0.927px -3px;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes t08-clover-scale {
  0% {
    scale: 0.5;
  }
  8% {
    animation-timing-function: linear(0, 0.0985, 0.342, 0.6483, 0.9442, 1.1767, 1.3179, 1.364, 1.3302, 1.2427, 1.1314, 1.0233, 0.9377, 0.8853, 0.8675, 0.8791, 0.9105, 0.9509, 0.9904, 1.0219, 1.0414, 1.0482, 1.0443, 1.033, 1.0183, 1.0039, 0.9923, 0.9851, 0.9825, 0.9838, 0.9878, 0.9932, 0.9984, 1.0027, 1.0054, 1.0064, 1.0059, 1.0045, 1.0025, 1.0006, 0.9991, 0.9981, 0.9977, 0.9978, 0.9983, 0.9991, 0.9998, 1.0003, 1.0007, 1.0008, 1.0008);
    scale: 0.5;
  }
  20% {
    scale: 1;
  }
  85% {
    animation-timing-function: ease-in;
    scale: 1;
  }
  100% {
    scale: 0;
  }
}
.t09 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #fc6a27;
}
.t09__bg {
  position: absolute;
  top: -358px;
  left: -270px;
  width: 2644px;
  height: 1487px;
  pointer-events: none;
  z-index: 0;
}
.t09__bg-image img,
.t09__bg-image svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t09__overlay {
  position: absolute;
  top: 358px;
  left: 270px;
  width: 1920px;
  height: 1080px;
  background-color: #fc6a27;
  opacity: 0.35;
  mix-blend-mode: difference;
  pointer-events: none;
}
.t09__tire {
  position: absolute;
  width: 292px;
  height: 1103px;
  pointer-events: none;
  z-index: 3;
}
.t09__tire img,
.t09__tire svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t09__tire--left {
  top: 5px;
  left: 165px;
}
.t09__tire--right {
  top: -6px;
  left: 1460px;
}
.t09__text {
  position: absolute;
  top: -209px;
  left: 117px;
  width: 1719px;
  height: 1569px;
  pointer-events: none;
  z-index: 4;
}
.t09__text img,
.t09__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t09__text {
  transform: scale(1);
  will-change: transform;
  backface-visibility: hidden;
}
.t09__text > .item-right,
.t09__text > .item-left {
  position: absolute;
  opacity: 0;
  transform-origin: center;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t09__text > .item-right svg,
.t09__text > .item-left svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.t09__text > .item-right {
  left: 72.3553%;
  top: 1.9194%;
  width: 25.9595%;
  height: 82.9283%;
  transform: translateY(1000px);
}
.t09__text > .item-left {
  left: 1.6863%;
  top: 4.8413%;
  width: 26.0298%;
  height: 93.2297%;
  transform: translateY(-1000px);
}
.t09__text svg {
  overflow: visible !important;
}
.t09__text svg .item-1,
.t09__text svg .item-2,
.t09__text svg .item-3 {
  transform: scale(0);
  transform-origin: center;
  transform-box: fill-box;
  will-change: transform;
  backface-visibility: hidden;
}
.t09__tire--left {
  transform: translateX(-120px);
}
.t09__tire--right {
  transform: translateX(120px);
}
.t09__tire {
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t09__bg-image {
  will-change: transform;
  backface-visibility: hidden;
}
.t09__bg-image img {
  transform: scale(1.6);
  will-change: transform;
  backface-visibility: hidden;
}
.t09.start .t09__text > .item-right,
.t09.start .t09__text > .item-left {
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  animation-duration: 2s;
  animation-delay: 0.2s;
}
.t09.start .t09__text > .item-right {
  animation-name: t9ChildCrossMoveUp;
}
.t09.start .t09__text > .item-left {
  animation-name: t9ChildCrossMoveDown;
}
.t09.start .t09__text svg .item-1 {
  animation: t9GrandchildZoomUp 2s cubic-bezier(0.5, 1, 0.89, 1) forwards;
  animation-delay: 1.2s;
}
.t09.start .t09__text svg .item-2 {
  animation: t9GrandchildZoomUp 2s cubic-bezier(0.5, 1, 0.89, 1) forwards;
  animation-delay: 1.2s;
}
.t09.start .t09__text svg .item-3 {
  animation: t9GrandchildZoomUp 2s cubic-bezier(0.5, 1, 0.89, 1) forwards;
  animation-delay: 1.2s;
}
.t09.start .t09__tire--left {
  animation: t9TireLeftInOut 2s linear forwards;
}
.t09.start .t09__tire--right {
  animation: t9TireRightInOut 2s linear forwards;
}
.t09.start .t09__tire svg,
.t09.start .t09__tire rect,
.t09.start .t09__tire path {
  mix-blend-mode: normal !important;
}
.t09.start .t09__bg-image img {
  animation: t910ChocoBgZoomAndPan 2.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes t910ChocoBgZoomAndPan {
  0% {
    transform: scale(1.6);
  }
  30% {
    transform: scale(1);
    animation-timing-function: linear;
  }
  88% {
    transform: scale(1);
    animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
  }
  100% {
    transform: scale(1.533) translateX(-400px) translateY(300px);
  }
}
@keyframes t9ChildCrossMoveUp {
  0% {
    transform: translateY(1000px) scaleX(1);
    opacity: 1;
  }
  88% {
    transform: translateY(-200px) scaleX(1);
    transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1600px) scaleX(0);
    opacity: 0;
  }
}
@keyframes t9ChildCrossMoveDown {
  0% {
    transform: translateY(-1000px) scaleX(1);
    opacity: 1;
  }
  88% {
    transform: translateY(200px) scaleX(1);
    transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
    opacity: 1;
  }
  100% {
    transform: translateY(1600px) scaleX(0);
    opacity: 0;
  }
}
@keyframes t9GrandchildZoomUp {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  92% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1.125);
    opacity: 0;
  }
}
@keyframes t9TireLeftInOut {
  0% {
    transform: translateX(-120px);
    opacity: 1;
  }
  90% {
    transform: translateX(70px);
    opacity: 1;
  }
  100% {
    transform: translateX(80px);
    opacity: 0;
  }
}
@keyframes t9TireRightInOut {
  0% {
    transform: translateX(120px);
    opacity: 1;
  }
  90% {
    transform: translateX(-70px);
    opacity: 1;
  }
  100% {
    transform: translateX(-80px);
    opacity: 0;
  }
}
@keyframes t9BgCameraShake {
  0% {
    transform: translateX(0) translateY(0);
  }
  25% {
    transform: translateX(15px) translateY(-10px);
  }
  50% {
    transform: translateX(-15px) translateY(15px);
  }
  75% {
    transform: translateX(10px) translateY(10px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
.t10__sparkle svg {
  overflow: visible !important;
}
.t10__shining svg {
  opacity: 0;
  overflow: visible !important;
  transform: translateY(-300px);
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t10__shining svg [class^=item-] {
  transform: translateY(-1280px);
  transform-origin: center;
  transform-box: fill-box;
  will-change: transform;
  backface-visibility: hidden;
}
.t10__lyrics svg {
  overflow: visible !important;
  transform: scale(0.8);
  opacity: 0;
  will-change: transform;
  backface-visibility: hidden;
}
.t10__lyrics svg [class^=item-] {
  opacity: 1;
  backface-visibility: hidden;
}

.t09.start .t10__shining svg {
  animation: t10ShiningParentMove 3.8s linear forwards;
  animation-delay: 2.8s;
}
.t09.start .t10__shining svg .item-0 {
  animation: t10ShiningChildDrop 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 3.425s;
}
.t09.start .t10__shining svg .item-1 {
  animation: t10ShiningChildDrop 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 3.3s;
}
.t09.start .t10__shining svg .item-2 {
  animation: t10ShiningChildDrop 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 3.175s;
}
.t09.start .t10__shining svg .item-3 {
  animation: t10ShiningChildDrop 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 3.05s;
}
.t09.start .t10__shining svg .item-4 {
  animation: t10ShiningChildDrop 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 2.925s;
}
.t09.start .t10__shining svg .item-5 {
  animation: t10ShiningChildDrop 1.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 2.8s;
}
.t09.start .t10__lyrics svg {
  animation: t10LyricsZoomUp 4s linear forwards, t10LyricsFade 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation-delay: 3.2s, 3.2s;
}

@keyframes t10LyricsZoomUp {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes t10LyricsFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes t10ShiningParentMove {
  0% {
    transform: translateY(-300px);
    opacity: 1;
  }
  100% {
    transform: translateY(300px);
    opacity: 1;
  }
}
@keyframes t10ShiningChildDrop {
  0% {
    transform: translateY(-1280px);
  }
  100% {
    transform: translateY(0);
  }
}
.t10 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #fc6a27;
}
.t10__bg-trey {
  position: absolute;
  top: -371.22px;
  left: -1279.09px;
  width: 4957.22px;
  height: 2788.44px;
  pointer-events: none;
  z-index: 0;
}
.t10__bg-trey img,
.t10__bg-trey svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.t10__bg {
  position: absolute;
  top: -348px;
  left: -1668px;
  width: 4052.25px;
  height: 2279.39px;
  pointer-events: none;
  z-index: 1;
}
.t10__bg img,
.t10__bg svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t10__overlay {
  position: absolute;
  inset: 0;
  background-color: #fc6a27;
  opacity: 0.35;
  mix-blend-mode: difference;
  pointer-events: none;
  z-index: 2;
}
.t10__shining {
  position: absolute;
  top: -349px;
  left: -65px;
  width: 2040px;
  height: 1489px;
  pointer-events: none;
  z-index: 3;
}
.t10__shining img,
.t10__shining svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t10__lyrics {
  position: absolute;
  top: -4px;
  left: 11px;
  width: 1922px;
  height: 1108px;
  pointer-events: none;
  z-index: 4;
}
.t10__lyrics img,
.t10__lyrics svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t10__sparkle {
  position: absolute;
  top: 24px;
  left: 30px;
  width: 1828px;
  height: 981px;
  pointer-events: none;
  z-index: 5;
}
.t10__sparkle img,
.t10__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.t11 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff8147;
}
.t11__bg-image {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.t11__bg-image img,
.t11__bg-image svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.t11__bg-pattern {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.t11__bg-pattern img,
.t11__bg-pattern svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  display: block;
}
.t11__oh-oh {
  position: absolute;
  top: 240px;
  left: 78.72px;
  width: 2130px;
  height: 697px;
  pointer-events: none;
  z-index: 2;
}
.t11__oh-oh img,
.t11__oh-oh svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}
.t11__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 3;
}
.t11__sparkle img,
.t11__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t11__sparkle svg {
  overflow: visible !important;
}
.t11__bg-pattern svg {
  overflow: visible !important;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(1) {
  transition-delay: 1.21s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(2) {
  transition-delay: 1.88s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(3) {
  transition-delay: 2.55s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(4) {
  transition-delay: 0.62s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(5) {
  transition-delay: 1.29s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(6) {
  transition-delay: 1.96s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(7) {
  transition-delay: 2.63s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(8) {
  transition-delay: 0.7s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(9) {
  transition-delay: 1.37s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(10) {
  transition-delay: 2.04s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(11) {
  transition-delay: 2.71s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(12) {
  transition-delay: 0.78s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(13) {
  transition-delay: 1.45s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(14) {
  transition-delay: 2.12s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(15) {
  transition-delay: 2.79s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(16) {
  transition-delay: 0.86s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(17) {
  transition-delay: 1.53s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(18) {
  transition-delay: 2.2s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(19) {
  transition-delay: 2.87s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(20) {
  transition-delay: 0.94s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(21) {
  transition-delay: 1.61s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(22) {
  transition-delay: 2.28s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(23) {
  transition-delay: 2.95s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(24) {
  transition-delay: 1.02s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(25) {
  transition-delay: 1.69s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(26) {
  transition-delay: 2.36s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(27) {
  transition-delay: 0.43s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(28) {
  transition-delay: 1.1s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(29) {
  transition-delay: 1.77s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(30) {
  transition-delay: 2.44s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(31) {
  transition-delay: 0.51s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(32) {
  transition-delay: 1.18s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(33) {
  transition-delay: 1.85s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(34) {
  transition-delay: 2.52s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(35) {
  transition-delay: 0.59s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(36) {
  transition-delay: 1.26s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(37) {
  transition-delay: 1.93s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(38) {
  transition-delay: 2.6s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(39) {
  transition-delay: 0.67s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(40) {
  transition-delay: 1.34s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(41) {
  transition-delay: 2.01s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(42) {
  transition-delay: 2.68s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(43) {
  transition-delay: 0.75s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(44) {
  transition-delay: 1.42s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(45) {
  transition-delay: 2.09s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(46) {
  transition-delay: 2.76s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(47) {
  transition-delay: 0.83s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(48) {
  transition-delay: 1.5s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(49) {
  transition-delay: 2.17s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(50) {
  transition-delay: 2.84s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(51) {
  transition-delay: 0.91s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(52) {
  transition-delay: 1.58s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(53) {
  transition-delay: 2.25s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(54) {
  transition-delay: 2.92s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(55) {
  transition-delay: 0.99s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(56) {
  transition-delay: 1.66s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(57) {
  transition-delay: 2.33s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(58) {
  transition-delay: 3s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(59) {
  transition-delay: 1.07s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(60) {
  transition-delay: 1.74s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(61) {
  transition-delay: 2.41s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(62) {
  transition-delay: 0.48s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(63) {
  transition-delay: 1.15s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(64) {
  transition-delay: 1.82s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(65) {
  transition-delay: 2.49s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(66) {
  transition-delay: 0.56s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(67) {
  transition-delay: 1.23s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(68) {
  transition-delay: 1.9s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(69) {
  transition-delay: 2.57s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(70) {
  transition-delay: 0.64s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(71) {
  transition-delay: 1.31s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(72) {
  transition-delay: 1.98s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(73) {
  transition-delay: 2.65s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(74) {
  transition-delay: 0.72s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(75) {
  transition-delay: 1.39s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(76) {
  transition-delay: 2.06s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(77) {
  transition-delay: 2.73s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(78) {
  transition-delay: 0.8s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(79) {
  transition-delay: 1.47s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(80) {
  transition-delay: 2.14s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(81) {
  transition-delay: 2.81s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(82) {
  transition-delay: 0.88s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(83) {
  transition-delay: 1.55s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(84) {
  transition-delay: 2.22s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(85) {
  transition-delay: 2.89s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(86) {
  transition-delay: 0.96s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(87) {
  transition-delay: 1.63s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(88) {
  transition-delay: 2.3s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(89) {
  transition-delay: 2.97s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(90) {
  transition-delay: 1.04s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(91) {
  transition-delay: 1.71s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(92) {
  transition-delay: 2.38s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(93) {
  transition-delay: 0.45s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(94) {
  transition-delay: 1.12s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(95) {
  transition-delay: 1.79s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(96) {
  transition-delay: 2.46s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(97) {
  transition-delay: 0.53s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(98) {
  transition-delay: 1.2s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(99) {
  transition-delay: 1.87s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(100) {
  transition-delay: 2.54s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(101) {
  transition-delay: 0.61s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(102) {
  transition-delay: 1.28s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(103) {
  transition-delay: 1.95s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(104) {
  transition-delay: 2.62s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(105) {
  transition-delay: 0.69s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(106) {
  transition-delay: 1.36s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(107) {
  transition-delay: 2.03s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(108) {
  transition-delay: 2.7s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(109) {
  transition-delay: 0.77s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(110) {
  transition-delay: 1.44s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(111) {
  transition-delay: 2.11s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(112) {
  transition-delay: 2.78s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(113) {
  transition-delay: 0.85s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(114) {
  transition-delay: 1.52s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(115) {
  transition-delay: 2.19s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(116) {
  transition-delay: 2.86s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(117) {
  transition-delay: 0.93s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(118) {
  transition-delay: 1.6s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(119) {
  transition-delay: 2.27s;
  transition-property: visibility;
}
.t11__bg-pattern svg .t11__choco-tile:nth-child(120) {
  transition-delay: 2.94s;
  transition-property: visibility;
}
.t11__oh-oh svg {
  transform: translateX(0);
  will-change: rotate;
  backface-visibility: hidden;
}
.t11 .t12__wow svg,
.t11 .t12__wow img,
.t11 .t12__wow svg,
.t11 .t12__clover svg,
.t11 .t12__clover img,
.t11 .t12__clover svg,
.t11 .t12__heart svg,
.t11 .t12__heart img,
.t11 .t12__heart svg {
  visibility: hidden;
  transform: translateY(0);
  will-change: rotate;
  backface-visibility: hidden;
}
.t11 .t13__circle {
  visibility: hidden;
  will-change: visibility;
}
.t11 .t13__circle-spin {
  border-radius: 50%;
  overflow: hidden;
  transform-origin: center center;
  transform: translateZ(0) scale(0.25) rotate(0rad);
  backface-visibility: hidden;
  will-change: transform;
}
.t11 .t13__all-right {
  overflow: visible !important;
}
.t11 .t13__all-right .item-1,
.t11 .t13__all-right .item-2 {
  visibility: hidden;
  transform-origin: center center;
  will-change: rotate, scale, visibility;
}
.t11 .t13__all-right .item-1 {
  rotate: 0rad;
  scale: 1;
}
.t11 .t13__all-right .item-2 {
  rotate: 1.309rad;
  scale: 1;
}
.t11 .t13__clover {
  visibility: hidden;
  will-change: translate, visibility;
}
.t11.start .t11__bg-pattern svg .t11__choco-tile {
  visibility: hidden;
}
.t11.start .t11__oh-oh {
  animation: t11OhOhRetroMove 1s steps(8) forwards;
}
.t11.start .t12__wow svg,
.t11.start .t12__wow img,
.t11.start .t12__wow svg,
.t11.start .t12__clover svg,
.t11.start .t12__clover img,
.t11.start .t12__clover svg,
.t11.start .t12__heart svg,
.t11.start .t12__heart img,
.t11.start .t12__heart svg {
  animation: t12ElementsRetroMoveUp 2.2s steps(18) forwards;
  animation-delay: 1s;
}
.t11.start .t11__sparkle {
  animation: t11-sparkle-hide 0.2s linear 3.2s forwards;
}
.t11.start .t13__circle {
  animation: t13-embed-visible 0.01s linear 3.2s forwards;
}
.t11.start .t13__circle-spin {
  animation: t13-circle-xform 4s linear 3.2s infinite;
}
.t11.start .t13__all-right .item-1 {
  animation: t13-embed-visible 0.01s linear 3.2s forwards, t13-all-right-outer-rotate 2s linear 3.2s infinite, t13-all-right-scale 2s linear 3.2s infinite;
}
.t11.start .t13__all-right .item-2 {
  animation: t13-embed-visible 0.01s linear 3.2s forwards, t13-all-right-inner-rotate 2s linear 3.2s infinite, t13-all-right-scale 2s linear 3.2s infinite;
}
.t11.start .t13__clover {
  animation: t13-embed-visible 0.01s linear 3.2s forwards, t13-clover-translate 2s linear 3.2s infinite;
}

@keyframes t11-sparkle-hide {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes t11OhOhRetroMove {
  0% {
    transform: translateX(0);
    visibility: visible;
  }
  100% {
    transform: translateX(-600px);
    visibility: hidden;
  }
}
@keyframes t12ElementsRetroMoveUp {
  0% {
    transform: translateY(0);
    visibility: visible;
  }
  100% {
    transform: translateY(-1000px);
    visibility: hidden;
  }
}
@keyframes t13-embed-visible {
  to {
    visibility: visible;
  }
}
.t12 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff8147;
}
.t12__bg-image {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.t12__bg-image img,
.t12__bg-image svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.t12__bg-pattern {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.t12__bg-pattern img,
.t12__bg-pattern svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  display: block;
}
.t12__wow {
  position: absolute;
  top: 358.05px;
  left: 415.5px;
  width: 1051px;
  height: 1172.45px;
  pointer-events: none;
  z-index: 2;
}
.t12__wow img,
.t12__wow svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}
.t12__clover {
  position: absolute;
  top: 358.05px;
  left: 863.217px;
  width: 190px;
  height: 179px;
  pointer-events: none;
  z-index: 2;
}
.t12__clover img,
.t12__clover svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t12__heart {
  position: absolute;
  top: 96.51px;
  left: 1200.5px;
  width: 200px;
  height: 183px;
  pointer-events: none;
  z-index: 3;
}
.t12__heart img,
.t12__heart svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t12__sparkle {
  position: absolute;
  top: 23.9px;
  left: 30.49px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 3;
}
.t12__sparkle img,
.t12__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.t13 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff8147;
  transform: translateZ(0);
}
.t13__bg-image {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.t13__bg-image img,
.t13__bg-image svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.t13__circle {
  position: absolute;
  top: -342px;
  left: 78px;
  width: 1764px;
  height: 1764px;
  pointer-events: none;
  z-index: 1;
}
.t13__circle-spin {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  transform-origin: center center;
  transform: translateZ(0) scale(0.25) rotate(0rad);
  backface-visibility: hidden;
  will-change: transform;
}
.t13__circle img,
.t13__circle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  overflow: visible;
}
.t13__all-right {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}
.t13__all-right img,
.t13__all-right svg {
  position: absolute;
  display: block;
  object-fit: fill;
  transform-origin: center center;
  will-change: rotate, scale;
}
.t13__all-right .item-1 {
  top: -190.63px;
  left: 229.26px;
  width: 1462px;
  height: 1462px;
  rotate: 0rad;
  scale: 1;
}
.t13__all-right .item-2 {
  top: 87.37px;
  left: 507.26px;
  width: 906px;
  height: 906px;
  rotate: 1.309rad;
  scale: 1;
}
.t13__clover {
  position: absolute;
  top: 448.5px;
  left: 865px;
  width: 190px;
  height: 183px;
  pointer-events: none;
  z-index: 3;
  will-change: translate;
}
.t13__clover img,
.t13__clover svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t13.start .t13__clover {
  animation: t13-clover-translate 2s linear infinite;
}
.t13.start .t13__all-right .item-2 {
  animation: t13-all-right-inner-rotate 2s linear infinite, t13-all-right-scale 2s linear infinite;
}
.t13.start .t13__all-right .item-1 {
  animation: t13-all-right-outer-rotate 2s linear infinite, t13-all-right-scale 2s linear infinite;
}
.t13.start .t13__circle-spin {
  animation: t13-circle-xform 4s linear infinite;
}

@keyframes t13-clover-translate {
  0% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  25% {
    animation-timing-function: step-end;
    translate: 0 -20px;
  }
  50% {
    animation-timing-function: step-end;
    translate: 0 0;
  }
  75% {
    animation-timing-function: step-end;
    translate: 0 -20px;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes t13-all-right-inner-rotate {
  0% {
    rotate: 1.309rad;
  }
  100% {
    rotate: -0.785rad;
  }
}
@keyframes t13-all-right-outer-rotate {
  0% {
    rotate: 0rad;
  }
  100% {
    rotate: 1.309rad;
  }
}
@keyframes t13-all-right-scale {
  0% {
    animation-timing-function: ease-in-out;
    scale: 1 1;
  }
  12.978% {
    animation-timing-function: linear(0, 0.0188, 0.0679, 0.1374, 0.2195, 0.308, 0.3978, 0.4856, 0.5686, 0.6452, 0.7142, 0.7753, 0.8283, 0.8735, 0.9113, 0.9423, 0.9671, 0.9866, 1.0014, 1.0123, 1.0198, 1.0247, 1.0274, 1.0283, 1.0281, 1.0268, 1.025, 1.0227, 1.0202, 1.0177, 1.0152, 1.0128, 1.0106, 1.0085, 1.0068, 1.0052, 1.0039, 1.0028, 1.0018, 1.0011, 1.0005, 1, 0.9997, 0.9995, 0.9993, 0.9992, 0.9992, 0.9992, 0.9992, 0.9993, 0.9993);
    scale: 0.96 0.96;
  }
  24.624% {
    animation-timing-function: ease-out;
    scale: 1.04 1.04;
  }
  49.9% {
    animation-timing-function: linear(0, 0.0188, 0.0679, 0.1374, 0.2195, 0.308, 0.3978, 0.4856, 0.5686, 0.6452, 0.7142, 0.7753, 0.8283, 0.8735, 0.9113, 0.9423, 0.9671, 0.9866, 1.0014, 1.0123, 1.0198, 1.0247, 1.0274, 1.0283, 1.0281, 1.0268, 1.025, 1.0227, 1.0202, 1.0177, 1.0152, 1.0128, 1.0106, 1.0085, 1.0068, 1.0052, 1.0039, 1.0028, 1.0018, 1.0011, 1.0005, 1, 0.9997, 0.9995, 0.9993, 0.9992, 0.9992, 0.9992, 0.9992, 0.9993, 0.9993);
    scale: 0.96 0.96;
  }
  62.5% {
    animation-timing-function: ease-out;
    scale: 1.04 1.04;
  }
  87.5% {
    animation-timing-function: linear(0, 0.0188, 0.0679, 0.1374, 0.2195, 0.308, 0.3978, 0.4856, 0.5686, 0.6452, 0.7142, 0.7753, 0.8283, 0.8735, 0.9113, 0.9423, 0.9671, 0.9866, 1.0014, 1.0123, 1.0198, 1.0247, 1.0274, 1.0283, 1.0281, 1.0268, 1.025, 1.0227, 1.0202, 1.0177, 1.0152, 1.0128, 1.0106, 1.0085, 1.0068, 1.0052, 1.0039, 1.0028, 1.0018, 1.0011, 1.0005, 1, 0.9997, 0.9995, 0.9993, 0.9992, 0.9992, 0.9992, 0.9992, 0.9993, 0.9993);
    scale: 0.96 0.96;
  }
  100% {
    scale: 1.04 1.04;
  }
}
@keyframes t13-circle-xform {
  0% {
    animation-timing-function: ease-in-out;
    transform: translateZ(0) scale(0.25) rotate(0rad);
  }
  50% {
    animation-timing-function: ease-in-out;
    transform: translateZ(0) scale(3.625) rotate(3.665rad);
  }
  100% {
    transform: translateZ(0) scale(7) rotate(7.33rad);
  }
}
.t14 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #ff8147;
}
.t14__bg-image {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.t14__bg-image img,
.t14__bg-image svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.t14__deco2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.t14__deco2 img,
.t14__deco2 svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t14__clover {
  position: absolute;
  top: 811.57px;
  left: 1093.46px;
  width: 156px;
  height: 160px;
  transform: rotate(51.8754deg);
  transform-origin: 0 0;
  pointer-events: none;
  z-index: 2;
}
.t14__clover img,
.t14__clover svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t14__deco {
  position: absolute;
  top: -29.32px;
  left: 47.41px;
  width: 1928px;
  height: 1091px;
  pointer-events: none;
  z-index: 2;
}
.t14__deco img,
.t14__deco svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t14__text {
  position: absolute;
  top: 130.5px;
  left: 0;
  width: 100%;
  height: 819px;
  pointer-events: none;
  z-index: 4;
}
.t14__text img,
.t14__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}
.t14__deco2 svg {
  overflow: visible !important;
}
.t14__deco2 svg .item-1,
.t14__deco2 svg .item-2 {
  transform: translateX(-850px);
  will-change: transform;
  backface-visibility: hidden;
}
.t14__text svg {
  overflow: visible !important;
}
.t14__text svg [class^=item-] {
  opacity: 0;
  transform: translateX(2480px) translateY(-600px);
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t14__text svg .drive path,
.t14__text svg .gogo path {
  backface-visibility: hidden;
}
.t14__clover svg, .t14__deco svg {
  overflow: visible !important;
}
.t14__clover svg .clover,
.t14__clover svg [class^=star-],
.t14__clover svg .spray, .t14__deco svg .clover,
.t14__deco svg [class^=star-],
.t14__deco svg .spray {
  transform: translateX(-200px) translateY(100px);
  transform-origin: center;
  transform-box: fill-box;
  will-change: transform;
  backface-visibility: hidden;
}
.t14__clover svg .spray, .t14__deco svg .spray {
  transform: translateX(-200px) translateY(0px);
}
.t14.start .t14__text svg .item-1 {
  animation: t14TextSlideInOut 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.2s;
}
.t14.start .t14__text svg .item-1-shadow {
  animation: t14TextSlideInOut 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0s;
}
.t14.start .t14__text svg .item-2 {
  animation: t14TextSlideInOut 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.325s;
}
.t14.start .t14__text svg .item-2-shadow {
  animation: t14TextSlideInOut 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.125s;
}
.t14.start .t14__text svg .item-3 {
  animation: t14TextSlideInOut 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.45s;
}
.t14.start .t14__text svg .item-3-shadow {
  animation: t14TextSlideInOut 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.25s;
}
.t14.start .t14__text svg .item-4 {
  animation: t14TextSlideInOut 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.575s;
}
.t14.start .t14__text svg .item-4-shadow {
  animation: t14TextSlideInOut 2.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.375s;
}
.t14.start .t14__text svg .drive path,
.t14.start .t14__text svg .gogo path {
  animation: t14DotText3ColorFlash 0.6s steps(3) 5;
}
.t14.start .t14__clover svg .clover,
.t14.start .t14__clover svg [class^=star-],
.t14.start .t14__deco svg .clover,
.t14.start .t14__deco svg [class^=star-] {
  animation: t14CloverMoveSpin 2.8s linear forwards;
}
.t14.start .t14__clover svg .spray,
.t14.start .t14__deco svg .spray {
  animation: t14SprayFastMove 2.8s linear forwards;
}
.t14.start .t14__deco2 svg .item-1,
.t14.start .t14__deco2 svg .item-2 {
  animation: t14Deco2ScrollRight 2.8s linear forwards;
}

@keyframes t14TextSlideInOut {
  0% {
    opacity: 1;
    transform: translateX(2480px) translateY(-600px);
  }
  10% {
    opacity: 1;
    transform: translateX(120px) translateY(-30px);
    animation-timing-function: linear;
  }
  92% {
    opacity: 1;
    transform: translateX(-120px) translateY(30px);
    animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
  }
  100% {
    opacity: 1;
    transform: translateX(-2480px) translateY(600px);
    visibility: hidden;
  }
}
@keyframes t14DotText3ColorFlash {
  0% {
    fill: #ffffff;
  }
  33.33% {
    fill: #fc6a27;
  }
  66.66% {
    fill: #60D0B7;
  }
  100% {
    fill: #ffffff;
  }
}
@keyframes t14CloverMoveSpin {
  0% {
    transform: translateX(-200px) translateY(100px) rotate(0deg);
  }
  100% {
    transform: translateX(100px) translateY(-100px) rotate(90deg);
  }
}
@keyframes t14SprayFastMove {
  0% {
    transform: translateX(-200px) translateY(0px);
  }
  100% {
    transform: translateX(200px) translateY(0px);
  }
}
@keyframes t14Deco2ScrollRight {
  0% {
    transform: translateX(-850px);
  }
  100% {
    transform: translateX(0px);
  }
}
.t15 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #120e12;
}
.t15__bg-image {
  position: absolute;
  top: -181.93px;
  left: -1537.64px;
  width: 4052.25px;
  height: 2279.39px;
  pointer-events: none;
  z-index: 0;
}
.t15__bg-image img,
.t15__bg-image svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t15__oh {
  position: absolute;
  top: 27.68px;
  left: -71.05px;
  width: 911.61px;
  height: 609.21px;
  pointer-events: none;
  z-index: 1;
}
.t15__oh img,
.t15__oh svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t15__oh img.item-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 584px;
  height: 610px;
}
.t15__oh img.item-2 {
  position: absolute;
  top: 40px;
  left: 396px;
  width: 516px;
  height: 570px;
}
.t15__ohoh {
  position: absolute;
  top: 508.5px;
  left: 285.26px;
  width: 1164.41px;
  height: 613.82px;
  pointer-events: none;
  z-index: 2;
}
.t15__ohoh img,
.t15__ohoh svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t15__ohoh img.item-3 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 594px;
  height: 610px;
}
.t15__ohoh img.item-4 {
  position: absolute;
  top: 40px;
  left: 396px;
  width: 526px;
  height: 570px;
}
.t15__ohoh img.item-5 {
  position: absolute;
  top: 198px;
  left: 848px;
  width: 316px;
  height: 416px;
}
.t15__spray {
  position: absolute;
  top: -0.32px;
  left: 0.31px;
  width: 1920px;
  height: 1080px;
  pointer-events: none;
  z-index: 3;
}
.t15__spray img,
.t15__spray svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.t16 {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #120e12;
}
.t16__bg-image {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
.t16__bg-image img,
.t16__bg-image svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.t16__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(circle at 50% 23%, rgba(89, 44, 0, 0) 0%, rgba(81, 41, 0, 0.78) 100%);
}
.t16__boards, .t16__boards-piece {
  display: none !important;
  animation: none !important;
}
.t16__boards {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  overflow: visible;
}
.t16__boards-piece {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform-origin: left center;
  backface-visibility: hidden;
  --dir: -20deg;
}
.t16__boards-piece--1 {
  width: 501px;
  height: 171px;
  background: #FFECCA;
  --dir: -16.4deg;
  --x0: -305px;
  --y0: -156px;
  --x1: 1653px;
  --y1: -730px;
}
.t16__boards-piece--2 {
  width: 481px;
  height: 165px;
  background: #FFB347;
  --dir: -17.2deg;
  --x0: -242px;
  --y0: -96px;
  --x1: 1793px;
  --y1: -726px;
}
.t16__boards-piece--3 {
  width: 811px;
  height: 175px;
  background: #774842;
  --dir: -18.1deg;
  --x0: -119px;
  --y0: -36px;
  --x1: 1992px;
  --y1: -724px;
}
.t16__boards-piece--4 {
  width: 772px;
  height: 196px;
  background: #ff923d;
  --dir: -18.9deg;
  --x0: -196px;
  --y0: 24px;
  --x1: 1989px;
  --y1: -724px;
}
.t16__boards-piece--5 {
  width: 528px;
  height: 183px;
  background: #FFECCA;
  --dir: -19.8deg;
  --x0: -133px;
  --y0: 84px;
  --x1: 2126px;
  --y1: -727px;
}
.t16__boards-piece--6 {
  width: 613px;
  height: 182px;
  background: #FFB347;
  --dir: -20.6deg;
  --x0: -10px;
  --y0: 144px;
  --x1: 2321px;
  --y1: -732px;
}
.t16__boards-piece--7 {
  width: 731px;
  height: 202px;
  background: #774842;
  --dir: -21.4deg;
  --x0: 53px;
  --y0: 78px;
  --x1: 2454px;
  --y1: -865px;
}
.t16__boards-piece--8 {
  width: 825px;
  height: 214px;
  background: #ff923d;
  --dir: -22.3deg;
  --x0: -24px;
  --y0: 138px;
  --x1: 2446px;
  --y1: -875px;
}
.t16__boards-piece--9 {
  width: 677px;
  height: 253px;
  background: #FFECCA;
  --dir: -23.1deg;
  --x0: 99px;
  --y0: 198px;
  --x1: 1892px;
  --y1: -569px;
}
.t16__boards-piece--10 {
  width: 561px;
  height: 210px;
  background: #FFB347;
  --dir: -24.0deg;
  --x0: 162px;
  --y0: 258px;
  --x1: 2026px;
  --y1: -572px;
}
.t16__boards-piece--11 {
  width: 685px;
  height: 235px;
  background: #774842;
  --dir: -24.9deg;
  --x0: -255px;
  --y0: 318px;
  --x1: 1678px;
  --y1: -577px;
}
.t16__boards-piece--12 {
  width: 562px;
  height: 161px;
  background: #ff923d;
  --dir: -25.7deg;
  --x0: -272px;
  --y0: 378px;
  --x1: 1728px;
  --y1: -585px;
}
.t16__boards-piece--13 {
  width: 731px;
  height: 193px;
  background: #FFECCA;
  --dir: -15.5deg;
  --x0: -209px;
  --y0: 438px;
  --x1: 2017px;
  --y1: -179px;
}
.t16__boards-piece--14 {
  width: 697px;
  height: 178px;
  background: #FFB347;
  --dir: -16.4deg;
  --x0: -146px;
  --y0: 372px;
  --x1: 2157px;
  --y1: -304px;
}
.t16__boards-piece--15 {
  width: 586px;
  height: 243px;
  background: #774842;
  --dir: -17.2deg;
  --x0: -23px;
  --y0: 432px;
  --x1: 2356px;
  --y1: -304px;
}
.t16__boards-piece--16 {
  width: 482px;
  height: 148px;
  background: #ff923d;
  --dir: -18.1deg;
  --x0: -100px;
  --y0: 492px;
  --x1: 2353px;
  --y1: -307px;
}
.t16__boards-piece--17 {
  width: 737px;
  height: 184px;
  background: #FFECCA;
  --dir: -18.9deg;
  --x0: -37px;
  --y0: 552px;
  --x1: 2489px;
  --y1: -313px;
}
.t16__boards-piece--18 {
  width: 618px;
  height: 183px;
  background: #FFB347;
  --dir: -19.8deg;
  --x0: 86px;
  --y0: 612px;
  --x1: 1921px;
  --y1: -47px;
}
.t16__boards-piece--19 {
  width: 784px;
  height: 227px;
  background: #774842;
  --dir: -20.6deg;
  --x0: 149px;
  --y0: 672px;
  --x1: 2059px;
  --y1: -46px;
}
.t16__boards-piece--20 {
  width: 476px;
  height: 165px;
  background: #ff923d;
  --dir: -21.4deg;
  --x0: 72px;
  --y0: 732px;
  --x1: 2054px;
  --y1: -47px;
}
.t16__boards-piece--21 {
  width: 618px;
  height: 188px;
  background: #FFECCA;
  --dir: -22.3deg;
  --x0: -285px;
  --y0: 666px;
  --x1: 1769px;
  --y1: -176px;
}
.t16__boards-piece--22 {
  width: 679px;
  height: 186px;
  background: #FFB347;
  --dir: -23.1deg;
  --x0: -222px;
  --y0: 726px;
  --x1: 1902px;
  --y1: -182px;
}
.t16__boards-piece--23 {
  width: 659px;
  height: 233px;
  background: #774842;
  --dir: -24.0deg;
  --x0: -159px;
  --y0: 786px;
  --x1: 2034px;
  --y1: -190px;
}
.t16__boards-piece--24 {
  width: 632px;
  height: 144px;
  background: #ff923d;
  --dir: -24.9deg;
  --x0: -176px;
  --y0: 846px;
  --x1: 2083px;
  --y1: -200px;
}
.t16__boards-piece--25 {
  width: 620px;
  height: 184px;
  background: #FFECCA;
  --dir: -25.7deg;
  --x0: -113px;
  --y0: 906px;
  --x1: 2212px;
  --y1: -213px;
}
.t16__boards-piece--26 {
  width: 473px;
  height: 178px;
  background: #FFB347;
  --dir: -15.5deg;
  --x0: -50px;
  --y0: 966px;
  --x1: 2523px;
  --y1: 252px;
}
.t16__boards-piece--27 {
  width: 465px;
  height: 169px;
  background: #774842;
  --dir: -16.4deg;
  --x0: 73px;
  --y0: 1026px;
  --x1: 1944px;
  --y1: 477px;
}
.t16__boards-piece--28 {
  width: 659px;
  height: 144px;
  background: #ff923d;
  --dir: -17.2deg;
  --x0: -4px;
  --y0: 960px;
  --x1: 1945px;
  --y1: 357px;
}
.t16__boards-piece--29 {
  width: 610px;
  height: 184px;
  background: #FFECCA;
  --dir: -18.1deg;
  --x0: 59px;
  --y0: 1020px;
  --x1: 2084px;
  --y1: 360px;
}
.t16__boards-piece--30 {
  width: 595px;
  height: 188px;
  background: #FFB347;
  --dir: -18.9deg;
  --x0: 182px;
  --y0: 1080px;
  --x1: 2282px;
  --y1: 361px;
}
.t16__boards-piece--31 {
  width: 454px;
  height: 222px;
  background: #774842;
  --dir: -19.8deg;
  --x0: -235px;
  --y0: -120px;
  --x1: 1939px;
  --y1: -901px;
}
.t16__boards-piece--32 {
  width: 601px;
  height: 148px;
  background: #ff923d;
  --dir: -20.6deg;
  --x0: -312px;
  --y0: -60px;
  --x1: 1935px;
  --y1: -904px;
}
.t16__boards-piece--33 {
  width: 597px;
  height: 202px;
  background: #FFECCA;
  --dir: -21.4deg;
  --x0: -189px;
  --y0: 0px;
  --x1: 2129px;
  --y1: -911px;
}
.t16__boards-piece--34 {
  width: 719px;
  height: 183px;
  background: #FFB347;
  --dir: -22.3deg;
  --x0: -126px;
  --y0: 60px;
  --x1: 2261px;
  --y1: -919px;
}
.t16__boards-piece--35 {
  width: 459px;
  height: 206px;
  background: #774842;
  --dir: -23.1deg;
  --x0: -63px;
  --y0: -6px;
  --x1: 2392px;
  --y1: -1056px;
}
.t16__boards-piece--36 {
  width: 655px;
  height: 170px;
  background: #ff923d;
  --dir: -24.0deg;
  --x0: -80px;
  --y0: 54px;
  --x1: 1701px;
  --y1: -739px;
}
.t16__boards-piece--37 {
  width: 475px;
  height: 151px;
  background: #FFECCA;
  --dir: -24.9deg;
  --x0: -17px;
  --y0: 114px;
  --x1: 1834px;
  --y1: -743px;
}
.t16__boards-piece--38 {
  width: 628px;
  height: 202px;
  background: #FFB347;
  --dir: -25.7deg;
  --x0: 46px;
  --y0: 174px;
  --x1: 1965px;
  --y1: -750px;
}
.t16__boards-piece--39 {
  width: 599px;
  height: 188px;
  background: #774842;
  --dir: -15.5deg;
  --x0: 169px;
  --y0: 234px;
  --x1: 2308px;
  --y1: -359px;
}
.t16__boards-piece--40 {
  width: 578px;
  height: 159px;
  background: #ff923d;
  --dir: -16.4deg;
  --x0: 92px;
  --y0: 294px;
  --x1: 2309px;
  --y1: -356px;
}
.t16__boards-piece--41 {
  width: 409px;
  height: 138px;
  background: #FFECCA;
  --dir: -17.2deg;
  --x0: -325px;
  --y0: 354px;
  --x1: 1968px;
  --y1: -356px;
}
.t16__boards-piece--42 {
  width: 795px;
  height: 207px;
  background: #FFB347;
  --dir: -18.1deg;
  --x0: -202px;
  --y0: 288px;
  --x1: 2165px;
  --y1: -484px;
}
.t16__boards-piece--43 {
  width: 401px;
  height: 148px;
  background: #774842;
  --dir: -18.9deg;
  --x0: -139px;
  --y0: 348px;
  --x1: 2302px;
  --y1: -488px;
}
.t16__boards-piece--44 {
  width: 817px;
  height: 204px;
  background: #ff923d;
  --dir: -19.8deg;
  --x0: -216px;
  --y0: 408px;
  --x1: 2297px;
  --y1: -494px;
}
.t16__boards-piece--45 {
  width: 433px;
  height: 147px;
  background: #FFECCA;
  --dir: -20.6deg;
  --x0: -93px;
  --y0: 468px;
  --x1: 1732px;
  --y1: -218px;
}
.t16__boards-piece--46 {
  width: 609px;
  height: 193px;
  background: #FFB347;
  --dir: -21.4deg;
  --x0: -30px;
  --y0: 528px;
  --x1: 1869px;
  --y1: -218px;
}
.t16__boards-piece--47 {
  width: 572px;
  height: 217px;
  background: #774842;
  --dir: -22.3deg;
  --x0: 33px;
  --y0: 588px;
  --x1: 2004px;
  --y1: -220px;
}
.t16__boards-piece--48 {
  width: 751px;
  height: 148px;
  background: #ff923d;
  --dir: -23.1deg;
  --x0: 16px;
  --y0: 648px;
  --x1: 2057px;
  --y1: -225px;
}
.t16__boards-piece--49 {
  width: 600px;
  height: 171px;
  background: #FFECCA;
  --dir: -24.0deg;
  --x0: 79px;
  --y0: 582px;
  --x1: 2189px;
  --y1: -358px;
}
.t16__boards-piece--50 {
  width: 421px;
  height: 165px;
  background: #FFB347;
  --dir: -24.9deg;
  --x0: 142px;
  --y0: 642px;
  --x1: 2320px;
  --y1: -367px;
}
.t16__boards-piece--51 {
  width: 717px;
  height: 175px;
  background: #774842;
  --dir: -25.7deg;
  --x0: -215px;
  --y0: 702px;
  --x1: 2029px;
  --y1: -378px;
}
.t16__boards-piece--52 {
  width: 687px;
  height: 196px;
  background: #ff923d;
  --dir: -15.5deg;
  --x0: -292px;
  --y0: 762px;
  --x1: 2194px;
  --y1: 73px;
}
.t16__boards-piece--53 {
  width: 640px;
  height: 183px;
  background: #FFECCA;
  --dir: -16.4deg;
  --x0: -229px;
  --y0: 822px;
  --x1: 2333px;
  --y1: 70px;
}
.t16__boards-piece--54 {
  width: 734px;
  height: 182px;
  background: #FFB347;
  --dir: -17.2deg;
  --x0: -106px;
  --y0: 882px;
  --x1: 1757px;
  --y1: 305px;
}
.t16__boards-piece--55 {
  width: 640px;
  height: 202px;
  background: #774842;
  --dir: -18.1deg;
  --x0: -43px;
  --y0: 942px;
  --x1: 1897px;
  --y1: 310px;
}
.t16__boards-piece--56 {
  width: 728px;
  height: 214px;
  background: #ff923d;
  --dir: -18.9deg;
  --x0: -120px;
  --y0: 876px;
  --x1: 1895px;
  --y1: 186px;
}
.t16__boards-piece--57 {
  width: 603px;
  height: 253px;
  background: #FFECCA;
  --dir: -19.8deg;
  --x0: 3px;
  --y0: 936px;
  --x1: 2092px;
  --y1: 186px;
}
.t16__boards-piece--58 {
  width: 680px;
  height: 210px;
  background: #FFB347;
  --dir: -20.6deg;
  --x0: 66px;
  --y0: 996px;
  --x1: 2228px;
  --y1: 183px;
}
.t16__boards-piece--59 {
  width: 820px;
  height: 235px;
  background: #774842;
  --dir: -21.4deg;
  --x0: 129px;
  --y0: 1056px;
  --x1: 2363px;
  --y1: 178px;
}
.t16__boards-piece--60 {
  width: 493px;
  height: 161px;
  background: #ff923d;
  --dir: -22.3deg;
  --x0: 112px;
  --y0: 1116px;
  --x1: 2416px;
  --y1: 171px;
}
.t16__boards-piece--61 {
  width: 646px;
  height: 193px;
  background: #FFECCA;
  --dir: -23.1deg;
  --x0: -305px;
  --y0: -84px;
  --x1: 2067px;
  --y1: -1098px;
}
.t16__boards-piece--62 {
  width: 620px;
  height: 178px;
  background: #FFB347;
  --dir: -24.0deg;
  --x0: -242px;
  --y0: -24px;
  --x1: 2197px;
  --y1: -1110px;
}
.t16__boards-piece--63 {
  width: 710px;
  height: 243px;
  background: #774842;
  --dir: -24.9deg;
  --x0: -119px;
  --y0: -90px;
  --x1: 1650px;
  --y1: -909px;
}
.t16__boards-piece--64 {
  width: 577px;
  height: 148px;
  background: #ff923d;
  --dir: -25.7deg;
  --x0: -196px;
  --y0: -30px;
  --x1: 1642px;
  --y1: -915px;
}
.t16__boards-piece--65 {
  width: 646px;
  height: 184px;
  background: #FFECCA;
  --dir: -15.5deg;
  --x0: -133px;
  --y0: 30px;
  --x1: 1920px;
  --y1: -539px;
}
.t16__boards-piece--66 {
  width: 546px;
  height: 183px;
  background: #FFB347;
  --dir: -16.4deg;
  --x0: -10px;
  --y0: 90px;
  --x1: 2120px;
  --y1: -535px;
}
.t16__boards-piece--67 {
  width: 698px;
  height: 227px;
  background: #774842;
  --dir: -17.2deg;
  --x0: 53px;
  --y0: 150px;
  --x1: 2260px;
  --y1: -533px;
}
.t16__boards-piece--68 {
  width: 576px;
  height: 165px;
  background: #ff923d;
  --dir: -18.1deg;
  --x0: -24px;
  --y0: 210px;
  --x1: 2258px;
  --y1: -534px;
}
.t16__boards-piece--69 {
  width: 741px;
  height: 188px;
  background: #FFECCA;
  --dir: -18.9deg;
  --x0: 99px;
  --y0: 270px;
  --x1: 2455px;
  --y1: -537px;
}
.t16__boards-piece--70 {
  width: 595px;
  height: 186px;
  background: #FFB347;
  --dir: -19.8deg;
  --x0: 162px;
  --y0: 204px;
  --x1: 2590px;
  --y1: -668px;
}
.t16__boards-piece--71 {
  width: 582px;
  height: 233px;
  background: #774842;
  --dir: -20.6deg;
  --x0: -255px;
  --y0: 264px;
  --x1: 2244px;
  --y1: -675px;
}
.t16__boards-piece--72 {
  width: 562px;
  height: 144px;
  background: #ff923d;
  --dir: -21.4deg;
  --x0: -272px;
  --y0: 324px;
  --x1: 1543px;
  --y1: -389px;
}
.t16__boards-piece--73 {
  width: 751px;
  height: 184px;
  background: #FFECCA;
  --dir: -22.3deg;
  --x0: -209px;
  --y0: 384px;
  --x1: 1678px;
  --y1: -390px;
}
.t16__boards-piece--74 {
  width: 566px;
  height: 178px;
  background: #FFB347;
  --dir: -23.1deg;
  --x0: -146px;
  --y0: 444px;
  --x1: 1812px;
  --y1: -393px;
}
.t16__boards-piece--75 {
  width: 408px;
  height: 169px;
  background: #774842;
  --dir: -24.0deg;
  --x0: -23px;
  --y0: 504px;
  --x1: 2005px;
  --y1: -399px;
}
.t16__boards-piece--76 {
  width: 582px;
  height: 144px;
  background: #ff923d;
  --dir: -24.9deg;
  --x0: -100px;
  --y0: 564px;
  --x1: 1996px;
  --y1: -407px;
}
.t16__boards-piece--77 {
  width: 543px;
  height: 184px;
  background: #FFECCA;
  --dir: -25.7deg;
  --x0: -37px;
  --y0: 498px;
  --x1: 2126px;
  --y1: -543px;
}
.t16__boards-piece--78 {
  width: 721px;
  height: 188px;
  background: #FFB347;
  --dir: -15.5deg;
  --x0: 86px;
  --y0: 558px;
  --x1: 2485px;
  --y1: -107px;
}
.t16__boards-piece--79 {
  width: 544px;
  height: 222px;
  background: #774842;
  --dir: -16.4deg;
  --x0: 149px;
  --y0: 618px;
  --x1: 2625px;
  --y1: -108px;
}
.t16__boards-piece--80 {
  width: 527px;
  height: 148px;
  background: #ff923d;
  --dir: -17.2deg;
  --x0: 72px;
  --y0: 678px;
  --x1: 2623px;
  --y1: -112px;
}
.t16__boards-piece--81 {
  width: 527px;
  height: 202px;
  background: #FFECCA;
  --dir: -18.1deg;
  --x0: -285px;
  --y0: 738px;
  --x1: 1569px;
  --y1: 134px;
}
.t16__boards-piece--82 {
  width: 640px;
  height: 183px;
  background: #FFB347;
  --dir: -18.9deg;
  --x0: -222px;
  --y0: 798px;
  --x1: 1708px;
  --y1: 137px;
}
.t16__boards-piece--83 {
  width: 556px;
  height: 206px;
  background: #774842;
  --dir: -19.8deg;
  --x0: -159px;
  --y0: 858px;
  --x1: 1846px;
  --y1: 138px;
}
.t16__boards-piece--84 {
  width: 784px;
  height: 170px;
  background: #ff923d;
  --dir: -20.6deg;
  --x0: -176px;
  --y0: 792px;
  --x1: 1902px;
  --y1: 11px;
}
.t16__boards-piece--85 {
  width: 416px;
  height: 151px;
  background: #FFECCA;
  --dir: -21.4deg;
  --x0: -113px;
  --y0: 852px;
  --x1: 2037px;
  --y1: 7px;
}
.t16__boards-piece--86 {
  width: 555px;
  height: 202px;
  background: #FFB347;
  --dir: -22.3deg;
  --x0: -50px;
  --y0: 912px;
  --x1: 2171px;
  --y1: 1px;
}
.t16__boards-piece--87 {
  width: 533px;
  height: 188px;
  background: #774842;
  --dir: -23.1deg;
  --x0: 73px;
  --y0: 972px;
  --x1: 2363px;
  --y1: -7px;
}
.t16__boards-piece--88 {
  width: 700px;
  height: 159px;
  background: #ff923d;
  --dir: -24.0deg;
  --x0: -4px;
  --y0: 1032px;
  --x1: 2353px;
  --y1: -17px;
}
.t16__boards-piece--89 {
  width: 490px;
  height: 138px;
  background: #FFECCA;
  --dir: -24.9deg;
  --x0: 59px;
  --y0: 1092px;
  --x1: 2482px;
  --y1: -30px;
}
.t16__boards-piece--90 {
  width: 697px;
  height: 207px;
  background: #FFB347;
  --dir: -25.7deg;
  --x0: 182px;
  --y0: 152px;
  --x1: 1939px;
  --y1: -694px;
}
.t16__text {
  position: absolute;
  top: -90px;
  left: -7.62px;
  width: 1946px;
  height: 1172px;
  pointer-events: none;
  z-index: 2;
}
.t16__text img,
.t16__text svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t16__sparkle {
  position: absolute;
  top: 23.52px;
  left: 30.57px;
  width: 1828.49px;
  height: 981.31px;
  pointer-events: none;
  z-index: 5;
  will-change: transform, opacity;
}
.t16__sparkle img,
.t16__sparkle svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t16__spray {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1920px;
  height: 1079px;
  pointer-events: none;
  z-index: 4;
}
.t16__spray img,
.t16__spray svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t16__sweets {
  position: absolute;
  top: -20px;
  left: 137px;
  width: 1645px;
  height: 1063px;
  pointer-events: none;
  z-index: 3;
}
.t16__sweets img,
.t16__sweets svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.t16 .t15__spray svg {
  overflow: visible !important;
  transform: translateX(600px);
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t16 .t15__oh,
.t16 .t15__ohoh {
  transform: translateX(0);
  will-change: transform;
  backface-visibility: hidden;
  overflow: visible !important;
}
.t16 .t15__oh [class^=item-],
.t16 .t15__ohoh [class^=item-] {
  transform: scale(0);
  transform-origin: 50% 100%;
  transform-box: fill-box;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t16__bg-image {
  transform: translateX(1200px);
  will-change: transform;
  backface-visibility: hidden;
}
.t16__bg-image img {
  transform: translateX(400px) translateY(700px) scale(3.2);
  will-change: transform;
  backface-visibility: hidden;
}
.t16__overlay {
  opacity: 0;
  will-change: opacity;
  backface-visibility: hidden;
}
.t16__text svg {
  overflow: visible;
}
.t16__text svg [class^=item-] {
  opacity: 0;
  backface-visibility: hidden;
}
.t16__spray {
  opacity: 0;
  transform: translateY(-1080px);
  will-change: transform;
  backface-visibility: hidden;
}
.t16__sweets {
  transform: scale(1);
  transform-origin: center;
  will-change: transform;
  backface-visibility: hidden;
}
.t16__sweets svg {
  overflow: visible !important;
}
.t16__sweets svg [class^=item-] {
  opacity: 0;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
  transform-box: fill-box;
  will-change: transform, opacity;
  backface-visibility: hidden;
}
.t16__sparkle svg {
  overflow: visible !important;
}
.t16__sparkle svg rect {
  opacity: 0;
  transform-origin: center;
  transform-box: fill-box;
  will-change: opacity, transform;
  backface-visibility: hidden;
}
.t16.start .t16__bg-image {
  animation: t16ParentSlideIn 4s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.t16.start .t16__bg-image img {
  animation: t16ChildZoomOut 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 1.2s;
}
.t16.start .t16__overlay {
  animation: t16OverlayIn 0.4s forwards 1.2s, t16OverlayOut 0.3s cubic-bezier(0.35, 0, 0.85, 0.2) 5s forwards;
}
.t16.start .t16__text svg .item-1 {
  animation-name: t16Text1, t16-sweep-out;
}
.t16.start .t16__text svg .item-2 {
  animation-name: t16Text2, t16-sweep-out;
}
.t16.start .t16__text svg .item-3 {
  animation-name: t16Text3, t16-sweep-out;
}
.t16.start .t16__text svg .item-4 {
  animation-name: t16Text4, t16-sweep-out;
}
.t16.start .t16__text svg .item-5 {
  animation-name: t16Text5, t16-sweep-out;
}
.t16.start .t16__text svg .item-6 {
  animation-name: t16Text6, t16-sweep-out;
}
.t16.start .t16__text svg .item-7 {
  animation-name: t16Text7, t16-sweep-out;
}
.t16.start .t16__text svg [class^=item-] {
  animation-fill-mode: forwards, forwards;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1), cubic-bezier(0.35, 0, 0.85, 0.2);
  animation-duration: 2s, 0.16s;
}
.t16.start .t16__text svg .item-1 {
  animation-delay: 1.4s, 5s;
}
.t16.start .t16__text svg .item-2 {
  animation-delay: 1.48s, 5.024s;
}
.t16.start .t16__text svg .item-3 {
  animation-delay: 1.56s, 5.048s;
}
.t16.start .t16__text svg .item-4 {
  animation-delay: 1.64s, 5.072s;
}
.t16.start .t16__text svg .item-5 {
  animation-delay: 1.72s, 5.096s;
}
.t16.start .t16__text svg .item-6 {
  animation-delay: 1.8s, 5.12s;
}
.t16.start .t16__text svg .item-7 {
  animation-delay: 1.88s, 5.144s;
}
.t16.start .t16__spray {
  animation: t16SprayVerticalDrop 3s cubic-bezier(0.33, 1, 0.68, 1) 2s forwards, t16-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 5.02s forwards;
}
.t16.start .t16__sweets {
  animation: t16SweetsParentZoomIn 5s cubic-bezier(0.33, 1, 0.68, 1) 2.6s forwards;
}
.t16.start .t16__sweets svg .item-1 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.96s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5s forwards;
}
.t16.start .t16__sweets svg .item-2 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.92s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5.014s forwards;
}
.t16.start .t16__sweets svg .item-3 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.88s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5.028s forwards;
}
.t16.start .t16__sweets svg .item-4 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.84s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5.042s forwards;
}
.t16.start .t16__sweets svg .item-5 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.8s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5.056s forwards;
}
.t16.start .t16__sweets svg .item-6 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.76s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5.07s forwards;
}
.t16.start .t16__sweets svg .item-7 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.72s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5.084s forwards;
}
.t16.start .t16__sweets svg .item-8 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.68s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5.098s forwards;
}
.t16.start .t16__sweets svg .item-9 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.64s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5.112s forwards;
}
.t16.start .t16__sweets svg .item-10 {
  animation: t16SweetsChildPopAppearance 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) 2.6s forwards, t16-sweep-out 0.18s cubic-bezier(0.35, 0, 0.85, 0.2) 5.126s forwards;
}
.t16.start .t16__sparkle {
  animation: t16-sweep-out 0.16s cubic-bezier(0.35, 0, 0.85, 0.2) 5.02s both;
}
.t16.start .t16__boards-piece--1 {
  animation: t16-boards-fly 0.145s linear 5s both;
}
.t16.start .t16__boards-piece--2 {
  animation: t16-boards-fly 0.15s linear 5.006s both;
}
.t16.start .t16__boards-piece--3 {
  animation: t16-boards-fly 0.155s linear 5.012s both;
}
.t16.start .t16__boards-piece--4 {
  animation: t16-boards-fly 0.16s linear 5.018s both;
}
.t16.start .t16__boards-piece--5 {
  animation: t16-boards-fly 0.165s linear 5.018s both;
}
.t16.start .t16__boards-piece--6 {
  animation: t16-boards-fly 0.17s linear 5.024s both;
}
.t16.start .t16__boards-piece--7 {
  animation: t16-boards-fly 0.175s linear 5.03s both;
}
.t16.start .t16__boards-piece--8 {
  animation: t16-boards-fly 0.145s linear 5.036s both;
}
.t16.start .t16__boards-piece--9 {
  animation: t16-boards-fly 0.15s linear 5.036s both;
}
.t16.start .t16__boards-piece--10 {
  animation: t16-boards-fly 0.155s linear 5.042s both;
}
.t16.start .t16__boards-piece--11 {
  animation: t16-boards-fly 0.16s linear 5.048s both;
}
.t16.start .t16__boards-piece--12 {
  animation: t16-boards-fly 0.165s linear 5.054s both;
}
.t16.start .t16__boards-piece--13 {
  animation: t16-boards-fly 0.17s linear 5.054s both;
}
.t16.start .t16__boards-piece--14 {
  animation: t16-boards-fly 0.175s linear 5.06s both;
}
.t16.start .t16__boards-piece--15 {
  animation: t16-boards-fly 0.145s linear 5.066s both;
}
.t16.start .t16__boards-piece--16 {
  animation: t16-boards-fly 0.15s linear 5.072s both;
}
.t16.start .t16__boards-piece--17 {
  animation: t16-boards-fly 0.155s linear 5.072s both;
}
.t16.start .t16__boards-piece--18 {
  animation: t16-boards-fly 0.16s linear 5.078s both;
}
.t16.start .t16__boards-piece--19 {
  animation: t16-boards-fly 0.165s linear 5.084s both;
}
.t16.start .t16__boards-piece--20 {
  animation: t16-boards-fly 0.17s linear 5.09s both;
}
.t16.start .t16__boards-piece--21 {
  animation: t16-boards-fly 0.175s linear 5.09s both;
}
.t16.start .t16__boards-piece--22 {
  animation: t16-boards-fly 0.145s linear 5.096s both;
}
.t16.start .t16__boards-piece--23 {
  animation: t16-boards-fly 0.15s linear 5.102s both;
}
.t16.start .t16__boards-piece--24 {
  animation: t16-boards-fly 0.155s linear 5.108s both;
}
.t16.start .t16__boards-piece--25 {
  animation: t16-boards-fly 0.16s linear 5.108s both;
}
.t16.start .t16__boards-piece--26 {
  animation: t16-boards-fly 0.165s linear 5.114s both;
}
.t16.start .t16__boards-piece--27 {
  animation: t16-boards-fly 0.17s linear 5.12s both;
}
.t16.start .t16__boards-piece--28 {
  animation: t16-boards-fly 0.175s linear 5.126s both;
}
.t16.start .t16__boards-piece--29 {
  animation: t16-boards-fly 0.145s linear 5.126s both;
}
.t16.start .t16__boards-piece--30 {
  animation: t16-boards-fly 0.15s linear 5.132s both;
}
.t16.start .t16__boards-piece--31 {
  animation: t16-boards-fly 0.155s linear 5.138s both;
}
.t16.start .t16__boards-piece--32 {
  animation: t16-boards-fly 0.16s linear 5.144s both;
}
.t16.start .t16__boards-piece--33 {
  animation: t16-boards-fly 0.165s linear 5.144s both;
}
.t16.start .t16__boards-piece--34 {
  animation: t16-boards-fly 0.17s linear 5.15s both;
}
.t16.start .t16__boards-piece--35 {
  animation: t16-boards-fly 0.175s linear 5.156s both;
}
.t16.start .t16__boards-piece--36 {
  animation: t16-boards-fly 0.145s linear 5.162s both;
}
.t16.start .t16__boards-piece--37 {
  animation: t16-boards-fly 0.15s linear 5.162s both;
}
.t16.start .t16__boards-piece--38 {
  animation: t16-boards-fly 0.155s linear 5.168s both;
}
.t16.start .t16__boards-piece--39 {
  animation: t16-boards-fly 0.16s linear 5.174s both;
}
.t16.start .t16__boards-piece--40 {
  animation: t16-boards-fly 0.165s linear 5.18s both;
}
.t16.start .t16__boards-piece--41 {
  animation: t16-boards-fly 0.17s linear 5.18s both;
}
.t16.start .t16__boards-piece--42 {
  animation: t16-boards-fly 0.175s linear 5.186s both;
}
.t16.start .t16__boards-piece--43 {
  animation: t16-boards-fly 0.145s linear 5.192s both;
}
.t16.start .t16__boards-piece--44 {
  animation: t16-boards-fly 0.15s linear 5.198s both;
}
.t16.start .t16__boards-piece--45 {
  animation: t16-boards-fly 0.155s linear 5.198s both;
}
.t16.start .t16__boards-piece--46 {
  animation: t16-boards-fly 0.16s linear 5.204s both;
}
.t16.start .t16__boards-piece--47 {
  animation: t16-boards-fly 0.165s linear 5.21s both;
}
.t16.start .t16__boards-piece--48 {
  animation: t16-boards-fly 0.17s linear 5.216s both;
}
.t16.start .t16__boards-piece--49 {
  animation: t16-boards-fly 0.175s linear 5.216s both;
}
.t16.start .t16__boards-piece--50 {
  animation: t16-boards-fly 0.145s linear 5.222s both;
}
.t16.start .t16__boards-piece--51 {
  animation: t16-boards-fly 0.15s linear 5.228s both;
}
.t16.start .t16__boards-piece--52 {
  animation: t16-boards-fly 0.155s linear 5.234s both;
}
.t16.start .t16__boards-piece--53 {
  animation: t16-boards-fly 0.16s linear 5.234s both;
}
.t16.start .t16__boards-piece--54 {
  animation: t16-boards-fly 0.165s linear 5.24s both;
}
.t16.start .t16__boards-piece--55 {
  animation: t16-boards-fly 0.17s linear 5.246s both;
}
.t16.start .t16__boards-piece--56 {
  animation: t16-boards-fly 0.175s linear 5.252s both;
}
.t16.start .t16__boards-piece--57 {
  animation: t16-boards-fly 0.145s linear 5.252s both;
}
.t16.start .t16__boards-piece--58 {
  animation: t16-boards-fly 0.15s linear 5.258s both;
}
.t16.start .t16__boards-piece--59 {
  animation: t16-boards-fly 0.155s linear 5.264s both;
}
.t16.start .t16__boards-piece--60 {
  animation: t16-boards-fly 0.16s linear 5.27s both;
}
.t16.start .t16__boards-piece--61 {
  animation: t16-boards-fly 0.165s linear 5.27s both;
}
.t16.start .t16__boards-piece--62 {
  animation: t16-boards-fly 0.17s linear 5.276s both;
}
.t16.start .t16__boards-piece--63 {
  animation: t16-boards-fly 0.175s linear 5.282s both;
}
.t16.start .t16__boards-piece--64 {
  animation: t16-boards-fly 0.145s linear 5.288s both;
}
.t16.start .t16__boards-piece--65 {
  animation: t16-boards-fly 0.15s linear 5.288s both;
}
.t16.start .t16__boards-piece--66 {
  animation: t16-boards-fly 0.155s linear 5.294s both;
}
.t16.start .t16__boards-piece--67 {
  animation: t16-boards-fly 0.16s linear 5.3s both;
}
.t16.start .t16__boards-piece--68 {
  animation: t16-boards-fly 0.165s linear 5.306s both;
}
.t16.start .t16__boards-piece--69 {
  animation: t16-boards-fly 0.17s linear 5.306s both;
}
.t16.start .t16__boards-piece--70 {
  animation: t16-boards-fly 0.175s linear 5.312s both;
}
.t16.start .t16__boards-piece--71 {
  animation: t16-boards-fly 0.145s linear 5.318s both;
}
.t16.start .t16__boards-piece--72 {
  animation: t16-boards-fly 0.15s linear 5.324s both;
}
.t16.start .t16__boards-piece--73 {
  animation: t16-boards-fly 0.155s linear 5.324s both;
}
.t16.start .t16__boards-piece--74 {
  animation: t16-boards-fly 0.16s linear 5.33s both;
}
.t16.start .t16__boards-piece--75 {
  animation: t16-boards-fly 0.165s linear 5.336s both;
}
.t16.start .t16__boards-piece--76 {
  animation: t16-boards-fly 0.17s linear 5.342s both;
}
.t16.start .t16__boards-piece--77 {
  animation: t16-boards-fly 0.175s linear 5.342s both;
}
.t16.start .t16__boards-piece--78 {
  animation: t16-boards-fly 0.145s linear 5.348s both;
}
.t16.start .t16__boards-piece--79 {
  animation: t16-boards-fly 0.15s linear 5.354s both;
}
.t16.start .t16__boards-piece--80 {
  animation: t16-boards-fly 0.155s linear 5.36s both;
}
.t16.start .t16__boards-piece--81 {
  animation: t16-boards-fly 0.16s linear 5.36s both;
}
.t16.start .t16__boards-piece--82 {
  animation: t16-boards-fly 0.165s linear 5.366s both;
}
.t16.start .t16__boards-piece--83 {
  animation: t16-boards-fly 0.17s linear 5.372s both;
}
.t16.start .t16__boards-piece--84 {
  animation: t16-boards-fly 0.175s linear 5.378s both;
}
.t16.start .t16__boards-piece--85 {
  animation: t16-boards-fly 0.145s linear 5.378s both;
}
.t16.start .t16__boards-piece--86 {
  animation: t16-boards-fly 0.15s linear 5.384s both;
}
.t16.start .t16__boards-piece--87 {
  animation: t16-boards-fly 0.155s linear 5.39s both;
}
.t16.start .t16__boards-piece--88 {
  animation: t16-boards-fly 0.16s linear 5.396s both;
}
.t16.start .t16__boards-piece--89 {
  animation: t16-boards-fly 0.165s linear 5.396s both;
}
.t16.start .t16__boards-piece--90 {
  animation: t16-boards-fly 0.17s linear 5.402s both;
}
.t16.start .t15__spray svg {
  animation: t15SpraySlideIn 1.6s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.t16.start .t15__oh,
.t16.start .t15__ohoh {
  animation: t16ParentSlideOutRight 0.3s cubic-bezier(0.36, 0, 0.66, -0.56) forwards;
  animation-delay: 1.2s;
}
.t16.start .t15__oh .item-1, .t16.start .t15__oh .item-4,
.t16.start .t15__ohoh .item-1,
.t16.start .t15__ohoh .item-4 {
  animation: t15ChildBoyonAppearance1 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.t16.start .t15__oh .item-2, .t16.start .t15__oh .item-3, .t16.start .t15__oh .item-5,
.t16.start .t15__ohoh .item-2,
.t16.start .t15__ohoh .item-3,
.t16.start .t15__ohoh .item-5 {
  animation: t15ChildBoyonAppearance2 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.t16.start .t15__oh .item-1,
.t16.start .t15__ohoh .item-1 {
  animation-delay: 0s;
}
.t16.start .t15__oh .item-2,
.t16.start .t15__ohoh .item-2 {
  animation-delay: 0.08s;
}
.t16.start .t15__oh .item-3,
.t16.start .t15__ohoh .item-3 {
  animation-delay: 0.16s;
}
.t16.start .t15__oh .item-4,
.t16.start .t15__ohoh .item-4 {
  animation-delay: 0.24s;
}
.t16.start .t15__oh .item-5,
.t16.start .t15__ohoh .item-5 {
  animation-delay: 0.32s;
}

@keyframes t16SprayVerticalDrop {
  0% {
    transform: translateY(-1280px);
    opacity: 1;
  }
  10% {
    transform: translateY(-100px);
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes t16SweetsParentZoomIn {
  0% {
    transform: scale(0);
  }
  10% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes t16SweetsChildPopAppearance {
  0% {
    transform: rotate(90deg) scale(2);
    opacity: 1;
  }
  10% {
    transform: rotate(20deg) scale(1.1);
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@keyframes t16Text1 {
  0% {
    transform: translateX(-100px) translateY(-600px);
    fill: #ffffff;
    opacity: 1;
  }
  25% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
  30% {
    transform: translateX(0px) translateY(0px);
    fill: #592027;
    opacity: 1;
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
}
@keyframes t16Text2 {
  0% {
    transform: translateX(100px) translateY(600px);
    fill: #ffffff;
    opacity: 1;
  }
  25% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
  30% {
    transform: translateX(0px) translateY(0px);
    fill: #592027;
    opacity: 1;
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
}
@keyframes t16Text3 {
  0% {
    transform: translateX(-100px) translateY(-600px);
    fill: #ffffff;
    opacity: 1;
  }
  25% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
  30% {
    transform: translateX(0px) translateY(0px);
    fill: #592027;
    opacity: 1;
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
}
@keyframes t16Text4 {
  0% {
    transform: translateX(600px) translateY(-100px);
    fill: #ffffff;
    opacity: 1;
  }
  25% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
  30% {
    transform: translateX(0px) translateY(0px);
    fill: #592027;
    opacity: 1;
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
}
@keyframes t16Text5 {
  0% {
    transform: translateX(100px) translateY(600px);
    fill: #ffffff;
    opacity: 1;
  }
  25% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
  30% {
    transform: translateX(0px) translateY(0px);
    fill: #592027;
    opacity: 1;
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
}
@keyframes t16Text6 {
  0% {
    transform: translateX(-600px) translateY(100px);
    fill: #ffffff;
    opacity: 1;
  }
  25% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
  30% {
    transform: translateX(0px) translateY(0px);
    fill: #592027;
    opacity: 1;
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
}
@keyframes t16Text7 {
  0% {
    transform: translateX(600px) translateY(-100px);
    fill: #ffffff;
    opacity: 1;
  }
  25% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
  30% {
    transform: translateX(0px) translateY(0px);
    fill: #592027;
    opacity: 1;
    animation-timing-function: linear;
  }
  100% {
    transform: translateX(0px) translateY(0px);
    fill: #ffffff;
    opacity: 1;
  }
}
@keyframes t15ChildBoyonAppearance1 {
  0% {
    transform: scale(0) rotate(-24deg);
  }
  70% {
    transform: scale(1.25) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes t15ChildBoyonAppearance2 {
  0% {
    transform: scale(0) rotate(24deg);
  }
  70% {
    transform: scale(1.25) rotate(-12deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
@keyframes t16ParentSlideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(2000px);
    visibility: hidden;
  }
}
@keyframes t16ParentSlideIn {
  0% {
    transform: translateX(1200px);
  }
  12.5% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes t16ChildZoomOut {
  0% {
    transform: translateX(400px) translateY(700px) scale(3.2);
  }
  100% {
    transform: translateX(0) translateY(0) scale(1);
  }
}
@keyframes t15SpraySlideIn {
  0% {
    transform: translateX(500px);
    opacity: 1;
  }
  80% {
    transform: translateX(-50px);
    opacity: 1;
  }
  100% {
    transform: translateX(-55px);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes t16OverlayIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes t16OverlayOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes t16-sweep-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(1600px, -580px, 0);
  }
}
@keyframes t16-boards-fly {
  0% {
    opacity: 0;
    transform: translate3d(var(--x0), var(--y0), 0) rotate(var(--dir)) scaleX(0.1);
  }
  8% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.92 + var(--x1) * 0.08), calc(var(--y0) * 0.92 + var(--y1) * 0.08), 0) rotate(var(--dir)) scaleX(0.28);
  }
  55% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.45 + var(--x1) * 0.55), calc(var(--y0) * 0.45 + var(--y1) * 0.55), 0) rotate(var(--dir)) scaleX(1);
  }
  88% {
    opacity: 1;
    transform: translate3d(calc(var(--x0) * 0.12 + var(--x1) * 0.88), calc(var(--y0) * 0.12 + var(--y1) * 0.88), 0) rotate(var(--dir)) scaleX(1.12);
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--x1), var(--y1), 0) rotate(var(--dir)) scaleX(1.18);
  }
}
.t16__boards .t16__boards-piece--46 {
  display: none !important;
}
.t16__boards .t16__boards-piece--47 {
  display: none !important;
}
.t16__boards .t16__boards-piece--48 {
  display: none !important;
}
.t16__boards .t16__boards-piece--49 {
  display: none !important;
}
.t16__boards .t16__boards-piece--50 {
  display: none !important;
}
.t16__boards .t16__boards-piece--51 {
  display: none !important;
}
.t16__boards .t16__boards-piece--52 {
  display: none !important;
}
.t16__boards .t16__boards-piece--53 {
  display: none !important;
}
.t16__boards .t16__boards-piece--54 {
  display: none !important;
}
.t16__boards .t16__boards-piece--55 {
  display: none !important;
}
.t16__boards .t16__boards-piece--56 {
  display: none !important;
}
.t16__boards .t16__boards-piece--57 {
  display: none !important;
}
.t16__boards .t16__boards-piece--58 {
  display: none !important;
}
.t16__boards .t16__boards-piece--59 {
  display: none !important;
}
.t16__boards .t16__boards-piece--60 {
  display: none !important;
}
.t16__boards .t16__boards-piece--61 {
  display: none !important;
}
.t16__boards .t16__boards-piece--62 {
  display: none !important;
}
.t16__boards .t16__boards-piece--63 {
  display: none !important;
}
.t16__boards .t16__boards-piece--64 {
  display: none !important;
}
.t16__boards .t16__boards-piece--65 {
  display: none !important;
}
.t16__boards .t16__boards-piece--66 {
  display: none !important;
}
.t16__boards .t16__boards-piece--67 {
  display: none !important;
}
.t16__boards .t16__boards-piece--68 {
  display: none !important;
}
.t16__boards .t16__boards-piece--69 {
  display: none !important;
}
.t16__boards .t16__boards-piece--70 {
  display: none !important;
}
.t16__boards .t16__boards-piece--71 {
  display: none !important;
}
.t16__boards .t16__boards-piece--72 {
  display: none !important;
}
.t16__boards .t16__boards-piece--73 {
  display: none !important;
}
.t16__boards .t16__boards-piece--74 {
  display: none !important;
}
.t16__boards .t16__boards-piece--75 {
  display: none !important;
}
.t16__boards .t16__boards-piece--76 {
  display: none !important;
}
.t16__boards .t16__boards-piece--77 {
  display: none !important;
}
.t16__boards .t16__boards-piece--78 {
  display: none !important;
}
.t16__boards .t16__boards-piece--79 {
  display: none !important;
}
.t16__boards .t16__boards-piece--80 {
  display: none !important;
}
.t16__boards .t16__boards-piece--81 {
  display: none !important;
}
.t16__boards .t16__boards-piece--82 {
  display: none !important;
}
.t16__boards .t16__boards-piece--83 {
  display: none !important;
}
.t16__boards .t16__boards-piece--84 {
  display: none !important;
}
.t16__boards .t16__boards-piece--85 {
  display: none !important;
}
.t16__boards .t16__boards-piece--86 {
  display: none !important;
}
.t16__boards .t16__boards-piece--87 {
  display: none !important;
}
.t16__boards .t16__boards-piece--88 {
  display: none !important;
}
.t16__boards .t16__boards-piece--89 {
  display: none !important;
}
.t16__boards .t16__boards-piece--90 {
  display: none !important;
}

:root {
  --stage-scale: 1;
}

html {
  background-color: #000;
}

body {
  margin: 0;
  background-color: #000;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stage-shell {
  position: relative;
  flex: 0 0 auto;
  width: calc(1920px * var(--stage-scale));
  height: calc(1080px * var(--stage-scale));
  overflow: hidden;
}

.stage-shell > .lilia,
.stage-shell > .trey {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  transform-origin: top left;
  transform: scale(var(--stage-scale));
}

html.is-mobile .stage-shell > .lilia,
html.is-mobile .stage-shell > .trey {
  transform: none;
  zoom: var(--stage-scale);
}