@charset "UTF-8";
div.t0,
section.t0 {
  position: relative;
}

section.s {
  margin: 0 var(--SidePadding);
}
section.s.t2 {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.s.t2 .body {
  width: var(--container-7xl);
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 20);
}
section.s.t2 .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--spacing) * 12);
  align-items: center;
}
section.s.t2 .info h2.title {
  position: relative;
  text-align: center;
  font-size: var(--text-7xl);
  line-height: var(--tw-leading, var(--text-7xl--line-height));
  font-weight: var(--font-weight-black);
  text-transform: uppercase;
}
section.s.t2 .info h2.title:after {
  content: "";
  --tw-gradient-to:#99ba2b;
  --tw-gradient-from: #6646d5;
  --tw-gradient-position: to right in oklab;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  background-image: linear-gradient(var(--tw-gradient-stops));
  display: block;
  width: 100%;
  height: var(--4);
  /*background:repeating-linear-gradient(90deg, rgba(102, 70, 213, 0.3) 0px, rgba(102, 70, 213, 0.3) 1px, transparent 1px, transparent 100px), repeating-linear-gradient(0deg, rgba(153, 186, 43, 0.3) 0px, rgba(153, 186, 43, 0.3) 1px, transparent 1px, transparent 100px);*/
  position: absolute;
  left: 0;
  bottom: calc(-1 * var(--spacing) * 6);
}
section.s.t2 .info h2.title span {
  --tw-gradient-to:#6646d5;
  --tw-gradient-from:#99ba2b;
  --tw-gradient-position:to right in oklab;
  --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  color: transparent;
  background-image: linear-gradient(var(--tw-gradient-stops));
  background-clip: text;
}
section.s.t2 .info > .description {
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  font-weight: var(--font-weight-light);
}
section.s.t2 .items {
  --MainGap:calc(var(--spacing) * 8);
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--MainGap);
}
section.s.t10 {
  margin: 0;
  color: var(--color-white);
  padding: calc(var(--spacing) * 32) 0;
  background: var(--color-black);
  display: flex;
  align-items: center;
  justify-content: center;
}
section.s.t10.w {
  background: none;
  padding: 0;
}
section.s.t10.w .body h2.title {
  color: var(--color-black);
}
section.s.t10.w .body > .description {
  color: var(--color-black);
}
section.s.t10.w .items {
  --HeadColor:var(--Color2);
}
section.s.t10.w .items .t10a {
  border-color: color-mix(in oklab, var(--HeadColor) 60%, transparent);
  border-width: var(--2);
  border-radius: var(--radius-3xl);
}
section.s.t10.w .items .t10a:after {
  content: "";
  display: block;
  height: var(--2);
  width: var(--50);
  background: color-mix(in oklab, var(--HeadColor) 60%, transparent);
  position: absolute;
  right: calc(-1 * var(--50) / 2);
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
section.s.t10.w .items .t10a:nth-child(even) {
  --BColor:var(--HeadColor);
}
section.s.t10.w .items .t10a:nth-child(even):after {
  content: none;
}
section.s.t10.w .items .t10a:nth-child(odd) {
  --BColor:var(--HeadColor);
}
section.s.t10.w .items .t10a:hover:before {
  transform: rotateZ(-2deg);
  background: color-mix(in oklab, var(--HeadColor) 60%, transparent);
  animation: t10aHoverBg 2s ease-in-out infinite alternate;
}
section.s.t10.w .items .t10a:before {
  position: initial;
  border-radius: calc(var(--spacing) * 3);
  color: var(--color-white);
  font-size: var(--text-2xl);
  width: calc(var(--spacing) * 16);
  height: calc(var(--spacing) * 16);
  line-height: calc(var(--spacing) * 16);
  transform: rotateZ(6deg);
  transition: transform 0.3s ease-in-out 0.3s, background-color 0.3s ease-in-out 0s;
}
section.s.t10.w .items .t10a .title {
  transition: color 0.3s ease-in-out 0.3s;
}
section.s.t10.w .items .t10a .description {
  color: var(--color-black);
}
section.s.t10 .body {
  width: var(--container-7xl);
  display: flex;
  flex-direction: column;
  padding: 0 calc(var(--spacing) * 8);
  gap: calc(var(--spacing) * 12);
  align-items: center;
}
section.s.t10 .body h2.title {
  position: relative;
  text-align: center;
  font-size: var(--text-7xl);
  line-height: var(--tw-leading, var(--text-7xl--line-height));
  font-weight: var(--font-weight-black);
  text-transform: uppercase;
  color: var(--color-white);
}
section.s.t10 .body h2.title:after {
  content: "";
  --tw-gradient-to:#99ba2b;
  --tw-gradient-from: #6646d5;
  --tw-gradient-position: to right in oklab;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  background-image: linear-gradient(var(--tw-gradient-stops));
  display: block;
  width: 100%;
  height: var(--4);
  /*background:repeating-linear-gradient(90deg, rgba(102, 70, 213, 0.3) 0px, rgba(102, 70, 213, 0.3) 1px, transparent 1px, transparent 100px), repeating-linear-gradient(0deg, rgba(153, 186, 43, 0.3) 0px, rgba(153, 186, 43, 0.3) 1px, transparent 1px, transparent 100px);*/
  position: absolute;
  left: 0;
  bottom: calc(-1 * var(--spacing) * 6);
}
section.s.t10 .body h2.title span {
  --tw-gradient-to:#6646d5;
  --tw-gradient-from:#99ba2b;
  --tw-gradient-position:to right in oklab;
  --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  color: transparent;
  background-image: linear-gradient(var(--tw-gradient-stops));
  background-clip: text;
}
section.s.t10 .body > .description {
  text-align: center;
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  color: var(--color-white);
  font-weight: var(--font-weight-light);
}
section.s.t10 .body .items {
  --MainGap:calc(var(--spacing) * 12);
  counter-reset: section10;
  width: 100%;
  margin-top: calc(var(--spacing) * 12);
  display: flex;
  flex-wrap: wrap;
  gap: var(--MainGap);
}
section.s.t23 {
  color: var(--color-white);
  padding: calc(var(--spacing) * 32) 0;
  background: var(--color-black);
  margin: 0;
}
section.s.t23.visible .body > .content {
  transform: translateX(0);
  opacity: 1;
}
section.s.t23.visible .body > .form {
  transform: translateX(0);
  opacity: 1;
}
section.s.t23 .body {
  padding: 0 calc(var(--spacing) * 8);
  width: var(--container-7xl);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: calc(var(--spacing) * 20);
}
section.s.t23 .body > .content {
  --tw-space-y-reverse: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 8 * (1 - var(--tw-space-y-reverse)));
  transition: transform 1.25s ease, opacity 1.25s ease;
  transition-delay: 0.25s;
  transform: translateX(-20%);
  opacity: 0;
}
section.s.t23 .body > .content .info {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 8 * (1 - var(--tw-space-y-reverse)));
}
section.s.t23 .body > .content .info h2.title {
  position: relative;
  font-size: var(--text-7xl);
  line-height: var(--tw-leading, var(--text-7xl--line-height));
  font-weight: var(--font-weight-black);
  text-transform: uppercase;
  color: var(--color-white);
}
section.s.t23 .body > .content .info h2.title span {
  --tw-gradient-to:#6646d5;
  --tw-gradient-from:#99ba2b;
  --tw-gradient-position:to right in oklab;
  --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  color: transparent;
  background-image: linear-gradient(var(--tw-gradient-stops));
  background-clip: text;
}
section.s.t23 .body > .content .info .description {
  color: var(--color-gray-300);
  font-weight: var(--font-weight-light);
  line-height: var(--leading-relaxed);
  font-size: var(--text-xl);
}
section.s.t23 .body > .content .contacts {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 6);
}
section.s.t23 .body > .content .contacts .t23a {
  --BGC: var(--color-white);
  --BGI: url("/images/phone.svg");
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 4);
}
section.s.t23 .body > .content .contacts .t23a.call {
  --BGC:var(--Color2);
  --BGI:url("/images/phone.svg");
}
section.s.t23 .body > .content .contacts .t23a.email {
  --BGC:#99ba2b;
  --BGI:url("/images/email.svg");
}
section.s.t23 .body > .content .contacts .t23a.wa {
  --BGC:#25d366;
  --BGI:url("/images/whatsapp.svg");
}
section.s.t23 .body > .content .contacts .t23a.legal {
  margin-top: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 8);
  border-top: var(--1) solid color-mix(in oklab, var(--color-white) 20%, transparent);
}
section.s.t23 .body > .content .contacts .t23a.legal:before {
  content: none;
}
section.s.t23 .body > .content .contacts .t23a.legal + .legal {
  margin-top: calc(-1 * var(--spacing) * 5);
  padding-top: 0;
  border-top: none;
}
section.s.t23 .body > .content .contacts .t23a.legal .v {
  color: var(--color-gray-400);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-family: var(--font-mono);
}
section.s.t23 .body > .content .contacts .t23a:before {
  content: "";
  display: block;
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
  border-radius: 50%;
  background: var(--BGC) var(--BGI) center center/calc(var(--spacing) * 6) no-repeat;
}
section.s.t23 .body > .content .contacts .t23a .info {
  display: flex;
  flex-direction: column;
  gap: 0;
}
section.s.t23 .body > .content .contacts .t23a .info .t {
  text-transform: uppercase;
  color: var(--color-gray-400);
  letter-spacing: var(--tracking-widest);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-family: var(--font-mono);
}
section.s.t23 .body > .content .contacts .t23a .info .v {
  font-weight: var(--font-weight-black);
  color: var(--color-white);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
section.s.t23 .body > .form {
  --tw-backdrop-blur: blur(var(--blur-sm));
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 8);
  padding: calc(var(--spacing) * 8);
  background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  border: var(--1) solid color-mix(in oklab, var(--color-white) 10%, transparent);
  transition: transform 1.25s ease, opacity 1.25s ease;
  transition-delay: 0.25s;
  transform: translateX(20%);
  opacity: 0;
}
section.s.t23 .body > .form h3.title {
  font-weight: var(--font-weight-black);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
  color: var(--color-white);
}
section.s.t23 .body > .form form {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 6);
}
section.s.t23 .body > .form form .t23b {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
}
section.s.t23 .body > .form form .t23b > label {
  cursor: pointer;
  text-transform: uppercase;
  color: var(--color-gray-400);
  letter-spacing: var(--tracking-widest);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-family: var(--font-mono);
}
section.s.t23 .body > .form form .t23b .text {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  color: var(--color-white);
  padding: calc(var(--spacing) * 3) 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  border-bottom: var(--2) solid color-mix(in oklab, var(--color-white) 30%, transparent);
  font-size: var(--text-base);
}
section.s.t23 .body > .form form .t23b .text:focus {
  border-bottom-color: var(--Color6);
}
section.s.t23 .body > .form form .t23b .text:placeholder-shown {
  color: var(--color-gray-500);
}
section.s.t23 .body > .form form .t23b .btn {
  --tw-gradient-to: #99ba2b;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-from: #6646d5;
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  border: 0;
  margin-top: calc(var(--spacing) * 8);
  text-align: center;
  color: var(--color-white);
  letter-spacing: var(--tracking-widest);
  font-weight: var(--font-weight-black);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  padding: calc(var(--spacing) * 4) 0;
}
section.s.t35 {
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-gradient-to: #99ba2b;
  --tw-gradient-from: #6646d5;
  animation: t35Colors 6s linear infinite alternate;
}
section.s.t35 > .info {
  position: relative;
  padding: calc(var(--spacing) * 9) calc(var(--spacing) * 13);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  text-align: center;
}
section.s.t35 > .info:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: -2;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
section.s.t35 > .info:before {
  content: "";
  display: block;
  position: absolute;
  left: calc(var(--spacing) * 1);
  top: calc(var(--spacing) * 1);
  right: calc(var(--spacing) * 1);
  bottom: calc(var(--spacing) * 1);
  background: var(--color-white);
  z-index: -1;
}
section.s.t35 > .info .title {
  font-weight: var(--font-weight-black);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
section.s.t35 > .info .description {
  text-transform: uppercase;
  color: var(--color-gray-500);
  letter-spacing: var(--tracking-widest);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
section.s.t35 > .info .description:not(.info) {
  font-family: var(--font-mono);
}
section.s.t35 > .info .description.info {
  --tw-gradient-position: to right in oklab;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  color: transparent;
  background-image: linear-gradient(var(--tw-gradient-stops));
  background-clip: text;
  font-weight: var(--font-weight-black);
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}

@keyframes t35Colors {
  0%, 100% {
    --tw-gradient-to: #99ba2b;
    --tw-gradient-from: #6646d5;
  }
  50% {
    --tw-gradient-to: #6646d5;
    --tw-gradient-from: #99ba2b;
  }
}
@keyframes t10aHoverBg {
  0% {
    background: color-mix(in oklab, var(--BColor) 100%, transparent);
    transform: rotateZ(6deg) scale(1);
  }
  100% {
    background: color-mix(in oklab, var(--BColor) 60%, transparent);
    transform: rotateZ(-2deg) scale(1.05);
  }
}
.t0 .container,
.t25 .container,
.t28 .container {
  scroll-snap-type: both mandatory;
  -webkit-overflow-scrolling: touch;
}

.t0a,
.t18a,
.t25a,
.t28a {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}

@keyframes t0scroll {
  0% {
    transform: translateY(-25%);
  }
  100% {
    transform: translateY(25%);
  }
}
section.s.t0 {
  overflow: hidden;
  min-height: 100vh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-black);
  position: relative;
}
section.s.t0 .scroll {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(var(--spacing) * 12);
  display: inline-flex;
  text-transform: uppercase;
  color: color-mix(in oklab, var(--color-white) 60%, transparent);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-family: var(--font-mono);
  animation: t0scroll 1s ease-in-out infinite alternate;
  pointer-events: none;
}
section.s.t0 .container {
  display: flex;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
section.s.t0 .arrows {
  position: absolute;
  display: flex;
  height: 0;
  gap: var(--MainGap);
  align-items: flex-end;
  right: var(--ArrowRight);
  bottom: var(--ArrowBottom);
  z-index: 1;
  cursor: pointer;
}
section.s.t0 .arrows .arrow {
  display: block;
  width: var(--ArrowWidth);
  height: var(--ArrowHeight);
  background: var(--ArrowImageURL) center center/contain no-repeat;
}
section.s.t0 .arrows .arrow:hover {
  background-image: var(--ArrowHoverImageURL);
}
section.s.t0 .arrows .arrow.right {
  transform: rotate(180deg);
}

@keyframes svgOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes t0art {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(var(--150), var(---50)) rotate(360deg) scale(1.2);
  }
}
@keyframes t0alb {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
  100% {
    transform: translate(var(---150), var(--50)) rotate(360deg) scale(1.2);
  }
}
@keyframes gradient {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes t0aInit {
  0% {
    opacity: 0;
    transform: translateY(var(--50));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes t0aSlideLeftToRight {
  0% {
    opacity: 0;
    transform: translateX(-50px); /* выезд с левой стороны */
    clip-path: inset(0 100% 0 0); /* обрезаем всё справа налево */
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    clip-path: inset(0 0 0 0); /* полностью видно */
  }
}
@keyframes t0aSlideRightToLeft {
  0% {
    opacity: 0;
    transform: translateX(50px);
    clip-path: inset(0 0 0 100%); /* скрыто слева */
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
  }
}
@keyframes t0aFromBottom {
  0% {
    opacity: 0;
    transform: translateY(50px); /* выезд снизу */
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.t0a {
  display: flex;
  padding: 0 var(--HeaderSliderPaddingLR);
  align-items: center;
  justify-content: center;
  flex: 0 0 100%;
  position: relative;
  background: var(--BG) center center/cover no-repeat;
  --pY: 0; /* прогресс translateY (0..1) до половины экрана */
  --pS: 0; /* прогресс scale (0..1) до трети экрана */
  --scale:calc(1 - 0.2 * var(--pS));
  transform: translateY(calc(-200px * var(--pY))) scale(var(--scale));
}
.t0a svg {
  opacity: 0.3;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  animation: svgOpacity 1.5s linear;
}
.t0a:before {
  content: "";
  display: block;
  width: calc(var(--spacing) * 32);
  height: calc(var(--spacing) * 32);
  right: calc(var(--spacing) * 20);
  top: calc(var(--spacing) * 20);
  border-radius: 50%;
  border: var(--2) solid oklab(51.4583% 0.0604939 -0.198297 / 0.3);
  position: absolute;
  animation: t0art 7s ease-in-out infinite alternate;
}
.t0a:after {
  content: "";
  display: block;
  width: calc(var(--spacing) * 24);
  height: calc(var(--spacing) * 24);
  bottom: calc(var(--spacing) * 32);
  left: calc(var(--spacing) * 32);
  background: oklab(73.9073% -0.0882264 0.139838 / 0.2);
  position: absolute;
  animation: t0alb 13s ease-in-out infinite alternate;
}
.t0a .lnk {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.t0a .body {
  max-width: var(--container-6xl);
  position: relative;
  animation: t0aInit 1.5s ease-out 1 forwards;
  opacity: 0;
}
.t0a .body:before {
  content: "";
  display: block;
  pointer-events: none;
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
  border-radius: 50%;
  background: #99ba2b;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  animation: t0aInit 1.5s ease-out 1 forwards;
  animation-delay: 0.3s;
  opacity: 0;
}
.t0a .body:after {
  content: "";
  display: block;
  pointer-events: none;
  width: calc(var(--spacing) * 16);
  height: calc(var(--spacing) * 16);
  border-radius: 50%;
  border: var(--4) solid #6646d5;
  position: absolute;
  right: 0;
  top: 0;
  animation: t0aInit 1.5s ease-out 1 forwards;
  animation-delay: 0.6s;
  opacity: 0;
}
.t0a .info {
  --tw-space-y-reverse: 0;
  will-change: transform;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 8 * (1 - var(--tw-space-y-reverse)));
  text-align: center;
}
.t0a .info h1.h1 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  text-align: center;
  color: var(--color-white);
}
.t0a .info h1.h1 > span {
  animation: t0aSlideLeftToRight 1.5s ease forwards;
  opacity: 0;
}
.t0a .info h1.h1 > span:nth-child(2) {
  animation-delay: 0.3s;
  animation-fill-mode: forwards;
  animation: t0aSlideRightToLeft 1.5s ease forwards;
}
.t0a .info h1.h1 > span:nth-child(3) {
  animation-delay: 0.6s;
}
.t0a .info h1.h1 span {
  font-size: var(--text-9xl);
  line-height: var(--tw-leading, var(--text-9xl--line-height));
  letter-spacing: var(--tracking-tight);
  font-weight: var(--font-weight-black);
  text-transform: uppercase;
}
.t0a .info h1.h1 span:nth-child(2) {
  clip-path: inset(0px 0%);
}
.t0a .info h1.h1 span:nth-child(2) span {
  --tw-gradient-position:to right in oklab;
  --tw-gradient-to:#99ba2b;
  --tw-gradient-via:#6646d5;
  --tw-gradient-from:#99ba2b;
  --tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  background-clip: text;
  background-size: 200% 100%;
  color: transparent;
  background-image: linear-gradient(var(--tw-gradient-stops));
  animation: 4s ease-in-out infinite gradient;
}
.t0a .info .description p {
  animation: t0aFromBottom 1.5s ease forwards;
  opacity: 0;
}
.t0a .info .description p:first-child {
  animation-delay: 1.2s;
}
.t0a .info .description p:nth-child(2) {
  animation-delay: 1.4s;
}
.t0a .info .description p:nth-child(3) {
  animation-delay: 1.6s;
}
.t0a .info .description p:nth-child(4) {
  animation-delay: 1.8s;
}
.t0a .info .description p:nth-child(5) {
  animation-delay: 2s;
}

@media (prefers-reduced-motion: reduce) {
  .s.t0a .info {
    transform: none !important;
  }
}
.s.t1 {
  background: var(--MainFrameBg);
}

.t1 .body,
.t9,
.t15 {
  display: flex;
  gap: var(--MainGap);
}

.t9.a,
.t15.a {
  flex-direction: row-reverse;
}

.t1 .body:before,
.t9:before {
  content: "";
  display: block;
  flex: 0 0 var(--1015);
  background: var(--BG) center center/cover no-repeat;
}

.t9:before {
  border-radius: var(--MainBorderRadius);
  flex: 0 0 calc((100% - var(--MainGap)) / 2);
}

.t1 .body .info,
.t9 .info,
.t15 .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  justify-content: center;
  padding: var(--ContentVerticalGapTB) var(--ContentVerticalGapLR);
}

.t13,
.t19,
.t21 {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}

.t2 .items,
.t13 .items,
.t19 .items {
  display: flex;
  gap: var(--MainGap);
  flex-wrap: wrap;
}

.t2a {
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  width: calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background: var(--color-white);
  border-left: var(--4) solid var(--Color2);
  display: flex;
  flex-direction: column;
  transform: none;
  transition: border-left-color 0.3s linear, transform 0.3s linear 0.3s;
}
.t2a:hover {
  border-left-color: var(--Color6);
  transform: translateY(var(---10));
}
.t2a:hover .title {
  color: var(--Color2);
}
.t2a:before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 380/192;
  background: var(--BG) center center/cover no-repeat;
}
.t2a .title {
  flex: 1;
  padding: calc(var(--spacing) * 6);
  font-weight: var(--font-weight-black);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  transition: color 0.3s linear 0.3s;
  color: var(--color-black);
}

.t3 {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  background: var(--BG) center center/cover no-repeat;
  padding: var(--Type3Padding) var(--MainPadding) var(--Type3Padding) var(--HalfPadding);
  border-radius: var(--MainBorderRadius);
  overflow: hidden;
}

.t4,
.t11,
.t12 {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
.t4 .items,
.t11 .items,
.t12 .items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--MainGap);
}

.t4a {
  display: flex;
  flex-direction: column;
  border-radius: var(--MainBorderRadius);
  overflow: hidden;
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
}
.t4a img {
  height: var(--Type4Height);
}
.t4a .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--ContentShortGap);
  padding: var(--MainGap);
  background: var(--MainFrameBg);
}

.t5,
.t6,
.t7,
.t8 {
  border-radius: var(--MainBorderRadius);
  overflow: hidden;
  background: var(--BG) center center/cover no-repeat;
  padding: var(--HeaderSliderPaddingTB) var(--MainPadding);
}
.t5 .info,
.t6 .info,
.t7 .info,
.t8 .info {
  padding-right: var(--S5-8Padding);
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  color: var(--color-black);
}

.t6 .info,
.t8 .info {
  padding-left: var(--S5-8Padding);
  padding-right: 0;
}

.t7 .info,
.t8 .info {
  color: initial;
}

.t9 .info .items,
.t14 .items,
.t15 .items {
  display: flex;
  gap: var(--MainGap);
  flex-wrap: wrap;
}

.t9 {
  height: var(--600);
}
.t9 .title {
  color: var(--Color2);
}
.t9 .t9a {
  background: none;
}

.t10a {
  --HeadColor:var(--color-white);
  counter-increment: section10;
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  position: relative;
  display: flex;
  flex-direction: column;
  padding: calc(var(--spacing) * 8);
  border: var(--1) solid color-mix(in oklab, var(--color-white) 10%, transparent);
  transition: transform 0.5s ease-in-out 0.3s, border-color 0.3s ease-in-out;
  gap: calc(var(--spacing) * 4 * (1 - var(--tw-space-y-reverse)));
}
.t10a:nth-child(odd) {
  --HeadColor:var(--Color2);
}
.t10a:nth-child(even) {
  --HeadColor:var(--Color6);
}
.t10a:hover {
  border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  transform: scale(1.025);
}
.t10a:hover:before {
  transform: translate(-50%, -50%) rotateZ(360deg);
}
.t10a:before {
  content: "0" counter(section10);
  background: var(--HeadColor);
  color: var(--color-black);
  text-align: center;
  font-weight: var(--font-weight-black);
  font-size: var(--text-xl);
  border-radius: 50%;
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
  line-height: calc(var(--spacing) * 12);
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
  transition: transform 0.5s ease-in-out 0.3s;
}
.t10a h3.title {
  color: var(--HeadColor);
  font-weight: var(--font-weight-black);
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.t10a .description {
  color: var(--color-gray-300);
  line-height: var(--leading-relaxed);
  font-size: var(--text-base);
  font-weight: var(--font-weight-normal);
}

.t11a,
.t12a {
  display: flex;
  flex-direction: column;
  gap: var(--Gap);
  border-radius: var(--MainBorderRadius);
  background: var(--MainFrameBg);
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  width: calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  padding: var(--MainBlockPadding);
}

.t12a {
  --color-white:var(--color-black);
  background: var(--MainFrameBg1);
}
.t12a .info {
  /*.title {
  	text-transform:none;
  	font-size:var(--22);
  	line-height:var(--30);
  }*/
}
.t12a:before {
  content: "";
  display: block;
  background: var(--BG) center top/cover no-repeat;
  width: var(--BlockIconWidth);
  height: var(--BlockIconWidth);
  padding-top: var(--ContentShortGap);
}

.t11a {
  flex-direction: row;
}

.t11a .info {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  flex: 1;
}
.t11a:before {
  content: "";
  display: block;
  background: var(--BG) center top/cover no-repeat;
  width: var(--BlockIconWidth);
  height: var(--BlockIconWidth);
  padding-top: var(--ContentShortGap);
}

.t13a {
  display: flex;
  flex-direction: column;
  gap: var(--Gap);
  border-radius: var(--MainBorderRadius);
  background: var(--MainFrameBg);
  padding: var(--MainBlockPadding);
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InPLine) - 1)) / var(--InPLine));
  width: calc((100% - var(--MainGap) * (var(--InPLine) - 1)) / var(--InPLine));
}

.t13aa {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--ContentShortGap);
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
  text-align: center;
}
.t13aa:before {
  content: "";
  display: block;
  width: var(--BlockIconWidth);
  height: var(--BlockIconWidth);
  background: var(--BG) center center/contain no-repeat;
}

.t14 .items .s.t1 {
  background: none;
}

.t15 {
  border-radius: var(--MainBorderRadius);
  padding: var(--MainBlockPadding);
  background: var(--MainFrameBg);
}
.t15 .info {
  padding: 0;
}
.t15 > .items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--MainGap);
  flex: 0 0 calc((100% - var(--MainGap)) / 2);
}

.t16,
.t19a {
  text-align: center;
  overflow: hidden;
}
.t16 img,
.t19a img {
  border-radius: var(--MainBorderRadius);
}

.t18 {
  display: flex;
  gap: var(--MainGap);
  overflow: auto;
  scroll-snap-type: both mandatory;
  -webkit-overflow-scrolling: touch;
}

.t18a {
  cursor: pointer;
}
.t18a span {
  display: block;
  border-radius: var(--MainBorderRadius);
  overflow: hidden;
}
.t18a img {
  max-width: none;
}

.t19a {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
}
.t19a:before {
  content: "";
  display: block;
  flex: 0 0 var(--BigIconWidth);
  background: var(--BG) center bottom/contain no-repeat;
}

.t20 {
  display: flex;
  gap: var(--MainGap);
}
.t20 > .up {
  flex: 0 0 var(--SideTitleWidth);
}
.t20 .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}

.t21 .items {
  display: flex;
  flex-direction: column;
}

.t21a {
  border-bottom: 1px solid var(--BorderColor);
}
.t21a .description {
  display: none;
  padding-bottom: var(--ButtonPaddingTB);
}
.t21a.current .description {
  display: block;
}

.t22,
.t24 {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}

.t22 .line,
.t24 .line {
  display: flex;
  gap: var(--MainGap);
}
.t22 .line .content,
.t24 .line .content {
  display: flex;
  flex: 0 0 var(--SideTitleWidth);
  flex-direction: column;
  gap: var(--ContentShortGap);
}

.t22 .line .map {
  flex: 1;
}

.t22a,
.t24a {
  display: flex;
  gap: var(--ContentShortGap);
  align-items: center;
}
.t22a.s285:before, .t22a.s286:before, .t22a.s301:before,
.t24a.s285:before,
.t24a.s286:before,
.t24a.s301:before {
  content: none;
}
.t22a:before,
.t24a:before {
  content: var(--Bfr);
  display: block;
  flex: 0 0 var(--MainHeaderFontSize);
  width: var(--MainHeaderFontSize);
  height: var(--MainHeaderFontSize);
  color: var(--Color2);
}
.t22a .description a,
.t24a .description a {
  color: var(--color-black);
}

.icon-marker {
  cursor: pointer;
  width: 39px;
  height: 39px;
  position: relative;
  transform: translate(-50%, -50%);
  max-width: none;
  filter: drop-shadow(0 0 var(--10) var(--Color2));
}

.t24 .form,
.t24 .form form,
.t24 .form form,
.t24 .form form form,
.t24 .form .form,
.t24 .form .form form,
.t24 .form form,
.t24 .form form form,
.t24 .form form form,
.t24 .form form form form,
.t24 .form form .form,
.t24 .form form .form form {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--ContentShortGap);
}

.t24 .map {
  flex: 0 0 var(--600);
}

.t25 {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
.t25 .container {
  display: flex;
  gap: var(--Gap);
  overflow: auto;
}

.t25a {
  flex: 0 0 calc((100% - var(--Gap) * (var(--InLine) - 1)) / var(--InLine));
  padding-top: var(--MainPadding);
  text-align: center;
  position: relative;
}
.t25a:before {
  content: "";
  display: block;
  width: var(--PhotoSize);
  height: var(--PhotoSize);
  border-radius: var(--HalfBorderRadius);
  background: var(--BG) center center/cover no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.t25a .info {
  display: flex;
  flex-direction: column;
  gap: var(--ContentShortGap);
  padding: var(--MainPadding) var(--MainBlockPadding) var(--MainBlockPadding);
  background: var(--MainFrameBg);
}
.t25a .info .title.s {
  color: var(--Color4, );
  font-size: var(--22);
  line-height: var(--30);
}

.t26 {
  background: var(--MainFrameBg);
  padding: var(--45);
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  color: var(--color-black);
  text-align: center;
}
.t26 h2.title {
  color: var(--color-white);
}
.t26 .items {
  display: flex;
  gap: var(--45);
  justify-content: center;
}
.t26 .description {
  color: var(--color-white);
}

.t26a {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  max-width: var(--195);
}
.t26a .title {
  font-size: var(--64);
  line-height: var(--72);
  font-weight: 700;
  color: var(--color-white);
}

.t27 {
  background: var(--Color2);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--MainPadding);
}
.t27 .info {
  background: var(--color-black);
  padding: var(--MainPadding);
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  text-align: center;
  width: var(--HalfPadding);
}
.t27 .info h2.title {
  color: var(--color-black);
}
.t27 .info .description {
  color: var(--color-black);
}
.t27 .info .description a {
  color: var(--color-black);
}

.t28 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
.t28 .container {
  display: flex;
  gap: var(--MainGap);
  align-items: center;
  overflow: auto;
  flex-wrap: wrap;
}

.t28a {
  flex: 0 0 var(--195);
}
.t28a a {
  display: block;
}

.t29,
.t30 .body {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  text-align: center;
}

.t30 {
  color: var(--color-black);
  background: var(--Color2);
  padding: var(--MainPadding);
}

.t29 .container,
.t30 .container {
  display: flex;
  gap: var(--MainGap);
  overflow: hidden;
}

.t29 .bullets,
.t30 .bullets {
  display: flex;
  justify-content: center;
  gap: var(--ContentShortGap);
  align-items: center;
}
.t29 .bullets .item,
.t30 .bullets .item {
  display: inline-block;
  border-radius: var(--MainBorderRadius);
  background: var(--Color4);
  width: var(--MainBorderRadius);
  height: var(--MainBorderRadius);
  transition: all 0.3s linear;
}

.t30 .bullets .item {
  background: var(--color-black);
}

.t29 .bullets .item:hover, .t29 .bullets .item.current {
  background: var(--Color2);
}

.t30 .bullets .item:hover, .t30 .bullets .item.current {
  background: var(--Color4);
  width: var(--ButtonPaddingTB);
  height: var(--ButtonPaddingTB);
}

.t29a,
.t30a {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  flex: 0 0 100%;
}
.t29a .info,
.t30a .info {
  display: flex;
  flex-direction: column;
  gap: var(--ContentShortGap);
}

.t31 {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
  text-align: center;
}
.t31 .items {
  --Gap:0px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--Gap);
}

.t31a {
  flex: 0 0 calc((100% - var(--MainGap) * (var(--InLine) - 1)) / var(--InLine));
}
.t31a a {
  display: block;
}
.t31a img {
  width: 100%;
}

.t33 {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
.t33 .items {
  columns: var(--InLine);
  column-gap: var(--MainGap);
}

.t33a {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}
.t33a + .t33a {
  margin-top: var(--MainGap);
}

.t33a .items,
.t33aa .items {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}

.t33aa {
  display: flex;
  flex-direction: column;
  gap: var(--MainGap);
}

.t33aaa {
  display: flex;
  gap: var(--MoreGap);
  break-inside: avoid;
}
.t33aaa .description {
  flex: 1;
  hyphens: auto;
  order: 1;
}
.t33aaa .description + .description {
  flex: none;
  white-space: nowrap;
  order: 3;
}

@keyframes t34ra {
  0% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes t34rb {
  0% {
    transform: translate(-20px, 10px) rotateZ(12deg);
  }
  100% {
    transform: translate(20px, -10px) rotateZ(12deg);
  }
}
@keyframes t34ib {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
section.s.t34 {
  display: flex;
  gap: calc(var(--spacing) * 20);
  align-items: center;
  width: var(--container-7xl);
  margin: 0 auto;
}
section.s.t34.visible .info {
  transform: translateX(0);
  opacity: 1;
}
section.s.t34.visible .r {
  transform: translateX(0);
  opacity: 1;
}
section.s.t34 .info {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 8);
  flex: 1;
  transition: transform 1.25s ease, opacity 1.25s ease;
  transition-delay: 0.25s;
  transform: translateX(-20%);
  opacity: 0;
}
section.s.t34 .info:before {
  content: "";
  display: block;
  background-color: var(--Color2);
  height: 1px;
  width: 0;
  animation: t34ib linear 2s forwards;
  animation-delay: 2s;
}
section.s.t34 .info .h {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 6);
}
section.s.t34 .info .h .title {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
  font-weight: var(--font-weight-black);
}
section.s.t34 .info .h .title span {
  color: var(--Color2);
}
section.s.t34 .info .h .description {
  color: var(--color-gray-500);
  letter-spacing: var(--tracking-widest);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  font-family: var(--font-mono);
}
section.s.t34 .info .a {
  font-weight: var(--font-weight-light);
  line-height: var(--leading-relaxed);
  color: var(--color-gray-700);
  font-size: var(--text-lg);
}
section.s.t34 .info .a:first-letter {
  color: var(--Color6);
  font-weight: var(--font-weight-black);
  line-height: 1;
  font-size: var(--text-2xl);
  display: inline-block;
  margin-right: calc(var(--spacing));
  float: left;
}
section.s.t34 .info > .description > * + * {
  margin-top: calc(var(--spacing) * 6 * (1 - var(--tw-space-y-reverse)));
}
section.s.t34 .info .q {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 6);
  background-color: var(--color-gray-50);
  border-left: var(--4) solid var(--Color6);
}
section.s.t34 .info .q .title {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-gray-500);
  font-family: var(--font-mono);
}
section.s.t34 .info .q .description {
  font-style: italic;
  color: var(--color-gray-800);
  font-weight: var(--font-weight-light);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
section.s.t34 .r {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 1.25s ease, opacity 1.25s ease;
  transition-delay: 0.25s;
  transform: translateX(20%);
  opacity: 0;
}
section.s.t34 .r:after {
  content: "";
  display: block;
  border-radius: 50%;
  background: var(--Color6);
  width: calc(var(--spacing) * 24);
  height: calc(var(--spacing) * 24);
  position: absolute;
  right: 10%;
  bottom: -50%;
  animation: t34ra linear 5s infinite alternate;
  pointer-events: none;
}
section.s.t34 .r:before {
  content: "";
  display: block;
  border: var(--4) solid oklab(51.4583% 0.0604939 -0.198297 / 0.3);
  border-radius: 50%;
  width: calc(var(--spacing) * 32);
  height: calc(var(--spacing) * 32);
  right: 0;
  top: -80%;
  pointer-events: none;
  position: absolute;
}
section.s.t34 .r span.rec {
  --tw-gradient-position:to bottom right in oklab;
  --tw-gradient-to:oklab(51.4583% .0604939 -.198297 / .2);
  --tw-gradient-via:oklab(51.4583% .0604939 -.198297 / .2);
  --tw-gradient-from:oklab(73.9073% -.0882264 .139838 / .2);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  display: block;
  z-index: -1;
  position: absolute;
  left: 20%;
  top: -40%;
  pointer-events: none;
  border-radius: var(--radius-3xl);
  background-image: linear-gradient(var(--tw-gradient-stops));
  transform: rotateZ(12deg);
  width: calc(var(--spacing) * 48);
  height: calc(var(--spacing) * 48);
  /*
  TODO: в левой части, над заголовком, фиолетовая полоса должна расширяться при скролле
   */
  animation: t34rb linear 3s infinite alternate;
}
section.s.t34 .r .i {
  --tw-shadow:0 25px 50px -12px var(--tw-shadow-color, #00000040);
  --tw-inset-shadow:0 0 #0000;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  padding: calc(var(--spacing) * 8);
  background: var(--color-white);
  border: var(--1) solid var(--color-gray-200);
  border-radius: var(--radius-3xl);
  transform: rotateZ(-4deg);
  align-items: center;
  justify-content: center;
  position: relative;
  width: calc(var(--spacing) * 58);
  transition: all 0.2s ease-in-out;
}
section.s.t34 .r .i:hover {
  transform: rotateZ(3deg) scale(1.075);
}
section.s.t34 .r .i .t {
  color: var(--Color2);
  font-weight: var(--font-weight-black);
  font-size: var(--text-6xl);
  line-height: var(--tw-leading, var(--text-6xl--line-height));
  z-index: 1;
}
section.s.t34 .r .i .d {
  text-align: center;
  text-transform: uppercase;
  color: var(--color-gray-500);
  letter-spacing: var(--tracking-widest);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  font-family: var(--font-mono);
  z-index: 1;
}

/*# sourceMappingURL=sections.css.map */