@font-face {
  font-family: "Rubik Spray Paint";
  src: url("../fonts/Rubik_Spray_Paint/RubikSprayPaint-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Permanent Marker";
  src: url("../fonts/Permanent_Marker/PermanentMarker-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Kaushan Script";
  src: url("../fonts/Kaushan_Script/KaushanScript-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Caveat Brush";
  src: url("../fonts/Caveat_Brush/CaveatBrush-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Finger Paint";
  src: url("../fonts/Finger_Paint/FingerPaint-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Rubik Dirt";
  src: url("../fonts/Rubik_Dirt/RubikDirt-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@keyframes textFlow {
  from {
    opacity: 0;
    translate: 0 40px;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    translate: 0 0;
    filter: blur(0);
  }
}
@keyframes iconPop {
  0% {
    opacity: 0;
    scale: 0;
  }
  60% {
    opacity: 1;
    scale: 1.15;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
@keyframes contactSlide {
  from {
    opacity: 0;
    translate: -30px 0;
    filter: blur(5px);
  }
  to {
    opacity: 1;
    translate: 0 0;
    filter: blur(0);
  }
}
@keyframes characterEntry {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(60px);
    filter: blur(15px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
    filter: blur(0);
  }
}
.hero-tagline,
.hero-fio,
.highlight {
  opacity: 0;
  animation: textFlow 1.4s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.character-box {
  opacity: 0;
  animation: characterEntry 1.8s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  animation-delay: 0.5s;
}

.hero-character {
  opacity: 1;
  animation: none;
}

.reveal {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.main-socials .reveal.active,
.secondary-socials .reveal.active {
  animation: iconPop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.hero-section .contact-item {
  opacity: 0;
  animation: contactSlide 0.8s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.contact-item.reveal.active {
  animation: contactSlide 0.8s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

.miu-divider.reveal {
  transition: opacity 1.5s ease-out;
}

.miu-divider.reveal.active {
  opacity: 1;
}

.hero-tagline {
  animation-delay: 0.1s;
}

.hero-fio:first-of-type {
  animation-delay: 0.2s;
}

.highlight {
  animation-delay: 0.3s;
}

.hero-fio:last-of-type {
  animation-delay: 0.4s;
}

.hero-character {
  animation-delay: 0.5s;
}

.hero-section .main-socials .reveal:nth-child(1) {
  animation-delay: 0.7s;
}
.hero-section .main-socials .reveal:nth-child(2) {
  animation-delay: 0.8s;
}
.hero-section .contact-item:nth-child(1) {
  animation-delay: 1s;
}
.hero-section .contact-item:nth-child(2) {
  animation-delay: 1.1s;
}
.hero-section .contact-item:nth-child(3) {
  animation-delay: 1.2s;
}
.hero-section .secondary-socials .reveal:nth-child(1) {
  animation-delay: 1.3s;
}
.hero-section .secondary-socials .reveal:nth-child(2) {
  animation-delay: 1.4s;
}
.hero-section .secondary-socials .reveal:nth-child(3) {
  animation-delay: 1.5s;
}

@keyframes hero-tagline-flow {
  0%, 20% {
    color: #F5E8DA;
  }
  35% {
    color: #f28705;
  }
  36.5% {
    color: rgb(230.05, 136.55, 12.25);
  }
  38% {
    color: rgb(218.1, 138.1, 19.5);
  }
  39.5% {
    color: rgb(206.15, 139.65, 26.75);
  }
  41% {
    color: rgb(194.2, 141.2, 34);
  }
  42.5% {
    color: rgb(182.25, 142.75, 41.25);
  }
  44% {
    color: rgb(170.3, 144.3, 48.5);
  }
  45.5% {
    color: rgb(158.35, 145.85, 55.75);
  }
  47% {
    color: rgb(146.4, 147.4, 63);
  }
  48.5% {
    color: rgb(134.45, 148.95, 70.25);
  }
  50% {
    color: rgb(122.5, 150.5, 77.5);
  }
  51.5% {
    color: rgb(110.55, 152.05, 84.75);
  }
  53% {
    color: rgb(98.6, 153.6, 92);
  }
  54.5% {
    color: rgb(86.65, 155.15, 99.25);
  }
  56% {
    color: rgb(74.7, 156.7, 106.5);
  }
  57.5% {
    color: rgb(62.75, 158.25, 113.75);
  }
  59% {
    color: rgb(50.8, 159.8, 121);
  }
  60.5% {
    color: rgb(38.85, 161.35, 128.25);
  }
  62% {
    color: rgb(26.9, 162.9, 135.5);
  }
  63.5% {
    color: rgb(14.95, 164.45, 142.75);
  }
  65% {
    color: #03a696;
  }
  80%, 100% {
    color: #F5E8DA;
  }
}
@keyframes hero-highlight-flow {
  0%, 20% {
    color: #F28705;
  }
  35% {
    color: #f5e8da;
  }
  36.5% {
    color: rgb(232.9, 228.7, 214.6);
  }
  38% {
    color: rgb(220.8, 225.4, 211.2);
  }
  39.5% {
    color: rgb(208.7, 222.1, 207.8);
  }
  41% {
    color: rgb(196.6, 218.8, 204.4);
  }
  42.5% {
    color: rgb(184.5, 215.5, 201);
  }
  44% {
    color: rgb(172.4, 212.2, 197.6);
  }
  45.5% {
    color: rgb(160.3, 208.9, 194.2);
  }
  47% {
    color: rgb(148.2, 205.6, 190.8);
  }
  48.5% {
    color: rgb(136.1, 202.3, 187.4);
  }
  50% {
    color: #7cc7b8;
  }
  51.5% {
    color: rgb(111.9, 195.7, 180.6);
  }
  53% {
    color: rgb(99.8, 192.4, 177.2);
  }
  54.5% {
    color: rgb(87.7, 189.1, 173.8);
  }
  56% {
    color: rgb(75.6, 185.8, 170.4);
  }
  57.5% {
    color: rgb(63.5, 182.5, 167);
  }
  59% {
    color: rgb(51.4, 179.2, 163.6);
  }
  60.5% {
    color: rgb(39.3, 175.9, 160.2);
  }
  62% {
    color: rgb(27.2, 172.6, 156.8);
  }
  63.5% {
    color: rgb(15.1, 169.3, 153.4);
  }
  65% {
    color: #03a696;
  }
  80%, 100% {
    color: #F28705;
  }
}
@keyframes floatBubble {
  0%, 100% {
    transform: translateX(0) scale(1) translateY(0);
  }
  50% {
    transform: translateX(0) scale(1) translateY(-6px);
  }
}
@keyframes floatBubbleMobile {
  0%, 100% {
    transform: translateX(-50%) scale(1) translateY(0);
  }
  50% {
    transform: translateX(-50%) scale(1) translateY(-6px);
  }
}
@keyframes miu-divider-flow {
  0%, 20% {
    background-image: linear-gradient(to right, transparent 0%, rgba(242, 135, 5, 0.2) 10%, #F28705 50%, rgba(242, 135, 5, 0.2) 90%, transparent 100%);
  }
  35% {
    background-image: linear-gradient(to right, transparent 0%, rgba(242, 135, 5, 0.2) 10%, #f28705 50%, rgba(242, 135, 5, 0.2) 90%, transparent 100%);
  }
  36.125% {
    background-image: linear-gradient(to right, transparent 0%, rgba(230.05, 136.55, 12.25, 0.2) 10%, rgb(230.05, 136.55, 12.25) 50%, rgba(230.05, 136.55, 12.25, 0.2) 90%, transparent 100%);
  }
  37.25% {
    background-image: linear-gradient(to right, transparent 0%, rgba(218.1, 138.1, 19.5, 0.2) 10%, rgb(218.1, 138.1, 19.5) 50%, rgba(218.1, 138.1, 19.5, 0.2) 90%, transparent 100%);
  }
  38.375% {
    background-image: linear-gradient(to right, transparent 0%, rgba(206.15, 139.65, 26.75, 0.2) 10%, rgb(206.15, 139.65, 26.75) 50%, rgba(206.15, 139.65, 26.75, 0.2) 90%, transparent 100%);
  }
  39.5% {
    background-image: linear-gradient(to right, transparent 0%, rgba(194.2, 141.2, 34, 0.2) 10%, rgb(194.2, 141.2, 34) 50%, rgba(194.2, 141.2, 34, 0.2) 90%, transparent 100%);
  }
  40.625% {
    background-image: linear-gradient(to right, transparent 0%, rgba(182.25, 142.75, 41.25, 0.2) 10%, rgb(182.25, 142.75, 41.25) 50%, rgba(182.25, 142.75, 41.25, 0.2) 90%, transparent 100%);
  }
  41.75% {
    background-image: linear-gradient(to right, transparent 0%, rgba(170.3, 144.3, 48.5, 0.2) 10%, rgb(170.3, 144.3, 48.5) 50%, rgba(170.3, 144.3, 48.5, 0.2) 90%, transparent 100%);
  }
  42.875% {
    background-image: linear-gradient(to right, transparent 0%, rgba(158.35, 145.85, 55.75, 0.2) 10%, rgb(158.35, 145.85, 55.75) 50%, rgba(158.35, 145.85, 55.75, 0.2) 90%, transparent 100%);
  }
  44% {
    background-image: linear-gradient(to right, transparent 0%, rgba(146.4, 147.4, 63, 0.2) 10%, rgb(146.4, 147.4, 63) 50%, rgba(146.4, 147.4, 63, 0.2) 90%, transparent 100%);
  }
  45.125% {
    background-image: linear-gradient(to right, transparent 0%, rgba(134.45, 148.95, 70.25, 0.2) 10%, rgb(134.45, 148.95, 70.25) 50%, rgba(134.45, 148.95, 70.25, 0.2) 90%, transparent 100%);
  }
  46.25% {
    background-image: linear-gradient(to right, transparent 0%, rgba(122.5, 150.5, 77.5, 0.2) 10%, rgb(122.5, 150.5, 77.5) 50%, rgba(122.5, 150.5, 77.5, 0.2) 90%, transparent 100%);
  }
  47.375% {
    background-image: linear-gradient(to right, transparent 0%, rgba(110.55, 152.05, 84.75, 0.2) 10%, rgb(110.55, 152.05, 84.75) 50%, rgba(110.55, 152.05, 84.75, 0.2) 90%, transparent 100%);
  }
  48.5% {
    background-image: linear-gradient(to right, transparent 0%, rgba(98.6, 153.6, 92, 0.2) 10%, rgb(98.6, 153.6, 92) 50%, rgba(98.6, 153.6, 92, 0.2) 90%, transparent 100%);
  }
  49.625% {
    background-image: linear-gradient(to right, transparent 0%, rgba(86.65, 155.15, 99.25, 0.2) 10%, rgb(86.65, 155.15, 99.25) 50%, rgba(86.65, 155.15, 99.25, 0.2) 90%, transparent 100%);
  }
  50.75% {
    background-image: linear-gradient(to right, transparent 0%, rgba(74.7, 156.7, 106.5, 0.2) 10%, rgb(74.7, 156.7, 106.5) 50%, rgba(74.7, 156.7, 106.5, 0.2) 90%, transparent 100%);
  }
  51.875% {
    background-image: linear-gradient(to right, transparent 0%, rgba(62.75, 158.25, 113.75, 0.2) 10%, rgb(62.75, 158.25, 113.75) 50%, rgba(62.75, 158.25, 113.75, 0.2) 90%, transparent 100%);
  }
  53% {
    background-image: linear-gradient(to right, transparent 0%, rgba(50.8, 159.8, 121, 0.2) 10%, rgb(50.8, 159.8, 121) 50%, rgba(50.8, 159.8, 121, 0.2) 90%, transparent 100%);
  }
  54.125% {
    background-image: linear-gradient(to right, transparent 0%, rgba(38.85, 161.35, 128.25, 0.2) 10%, rgb(38.85, 161.35, 128.25) 50%, rgba(38.85, 161.35, 128.25, 0.2) 90%, transparent 100%);
  }
  55.25% {
    background-image: linear-gradient(to right, transparent 0%, rgba(26.9, 162.9, 135.5, 0.2) 10%, rgb(26.9, 162.9, 135.5) 50%, rgba(26.9, 162.9, 135.5, 0.2) 90%, transparent 100%);
  }
  56.375% {
    background-image: linear-gradient(to right, transparent 0%, rgba(14.95, 164.45, 142.75, 0.2) 10%, rgb(14.95, 164.45, 142.75) 50%, rgba(14.95, 164.45, 142.75, 0.2) 90%, transparent 100%);
  }
  57.5% {
    background-image: linear-gradient(to right, transparent 0%, rgba(3, 166, 150, 0.2) 10%, #03a696 50%, rgba(3, 166, 150, 0.2) 90%, transparent 100%);
  }
  58.625% {
    background-image: linear-gradient(to right, transparent 0%, rgba(14.95, 164.45, 142.75, 0.2) 10%, rgb(14.95, 164.45, 142.75) 50%, rgba(14.95, 164.45, 142.75, 0.2) 90%, transparent 100%);
  }
  59.75% {
    background-image: linear-gradient(to right, transparent 0%, rgba(26.9, 162.9, 135.5, 0.2) 10%, rgb(26.9, 162.9, 135.5) 50%, rgba(26.9, 162.9, 135.5, 0.2) 90%, transparent 100%);
  }
  60.875% {
    background-image: linear-gradient(to right, transparent 0%, rgba(38.85, 161.35, 128.25, 0.2) 10%, rgb(38.85, 161.35, 128.25) 50%, rgba(38.85, 161.35, 128.25, 0.2) 90%, transparent 100%);
  }
  62% {
    background-image: linear-gradient(to right, transparent 0%, rgba(50.8, 159.8, 121, 0.2) 10%, rgb(50.8, 159.8, 121) 50%, rgba(50.8, 159.8, 121, 0.2) 90%, transparent 100%);
  }
  63.125% {
    background-image: linear-gradient(to right, transparent 0%, rgba(62.75, 158.25, 113.75, 0.2) 10%, rgb(62.75, 158.25, 113.75) 50%, rgba(62.75, 158.25, 113.75, 0.2) 90%, transparent 100%);
  }
  64.25% {
    background-image: linear-gradient(to right, transparent 0%, rgba(74.7, 156.7, 106.5, 0.2) 10%, rgb(74.7, 156.7, 106.5) 50%, rgba(74.7, 156.7, 106.5, 0.2) 90%, transparent 100%);
  }
  65.375% {
    background-image: linear-gradient(to right, transparent 0%, rgba(86.65, 155.15, 99.25, 0.2) 10%, rgb(86.65, 155.15, 99.25) 50%, rgba(86.65, 155.15, 99.25, 0.2) 90%, transparent 100%);
  }
  66.5% {
    background-image: linear-gradient(to right, transparent 0%, rgba(98.6, 153.6, 92, 0.2) 10%, rgb(98.6, 153.6, 92) 50%, rgba(98.6, 153.6, 92, 0.2) 90%, transparent 100%);
  }
  67.625% {
    background-image: linear-gradient(to right, transparent 0%, rgba(110.55, 152.05, 84.75, 0.2) 10%, rgb(110.55, 152.05, 84.75) 50%, rgba(110.55, 152.05, 84.75, 0.2) 90%, transparent 100%);
  }
  68.75% {
    background-image: linear-gradient(to right, transparent 0%, rgba(122.5, 150.5, 77.5, 0.2) 10%, rgb(122.5, 150.5, 77.5) 50%, rgba(122.5, 150.5, 77.5, 0.2) 90%, transparent 100%);
  }
  69.875% {
    background-image: linear-gradient(to right, transparent 0%, rgba(134.45, 148.95, 70.25, 0.2) 10%, rgb(134.45, 148.95, 70.25) 50%, rgba(134.45, 148.95, 70.25, 0.2) 90%, transparent 100%);
  }
  71% {
    background-image: linear-gradient(to right, transparent 0%, rgba(146.4, 147.4, 63, 0.2) 10%, rgb(146.4, 147.4, 63) 50%, rgba(146.4, 147.4, 63, 0.2) 90%, transparent 100%);
  }
  72.125% {
    background-image: linear-gradient(to right, transparent 0%, rgba(158.35, 145.85, 55.75, 0.2) 10%, rgb(158.35, 145.85, 55.75) 50%, rgba(158.35, 145.85, 55.75, 0.2) 90%, transparent 100%);
  }
  73.25% {
    background-image: linear-gradient(to right, transparent 0%, rgba(170.3, 144.3, 48.5, 0.2) 10%, rgb(170.3, 144.3, 48.5) 50%, rgba(170.3, 144.3, 48.5, 0.2) 90%, transparent 100%);
  }
  74.375% {
    background-image: linear-gradient(to right, transparent 0%, rgba(182.25, 142.75, 41.25, 0.2) 10%, rgb(182.25, 142.75, 41.25) 50%, rgba(182.25, 142.75, 41.25, 0.2) 90%, transparent 100%);
  }
  75.5% {
    background-image: linear-gradient(to right, transparent 0%, rgba(194.2, 141.2, 34, 0.2) 10%, rgb(194.2, 141.2, 34) 50%, rgba(194.2, 141.2, 34, 0.2) 90%, transparent 100%);
  }
  76.625% {
    background-image: linear-gradient(to right, transparent 0%, rgba(206.15, 139.65, 26.75, 0.2) 10%, rgb(206.15, 139.65, 26.75) 50%, rgba(206.15, 139.65, 26.75, 0.2) 90%, transparent 100%);
  }
  77.75% {
    background-image: linear-gradient(to right, transparent 0%, rgba(218.1, 138.1, 19.5, 0.2) 10%, rgb(218.1, 138.1, 19.5) 50%, rgba(218.1, 138.1, 19.5, 0.2) 90%, transparent 100%);
  }
  78.875% {
    background-image: linear-gradient(to right, transparent 0%, rgba(230.05, 136.55, 12.25, 0.2) 10%, rgb(230.05, 136.55, 12.25) 50%, rgba(230.05, 136.55, 12.25, 0.2) 90%, transparent 100%);
  }
  80% {
    background-image: linear-gradient(to right, transparent 0%, rgba(242, 135, 5, 0.2) 10%, #f28705 50%, rgba(242, 135, 5, 0.2) 90%, transparent 100%);
  }
  80%, 100% {
    background-image: linear-gradient(to right, transparent 0%, rgba(242, 135, 5, 0.2) 10%, #F28705 50%, rgba(242, 135, 5, 0.2) 90%, transparent 100%);
  }
}
@keyframes miu-divider-splatter-flow {
  0%, 20% {
    background-image: linear-gradient(to right, transparent 20%, rgba(242, 135, 5, 0.4) 30%, rgba(242, 135, 5, 0.4) 70%, transparent 80%);
  }
  35% {
    background-image: linear-gradient(to right, transparent 20%, rgba(242, 135, 5, 0.4) 30%, rgba(242, 135, 5, 0.4) 70%, transparent 80%);
  }
  36.125% {
    background-image: linear-gradient(to right, transparent 20%, rgba(230.05, 136.55, 12.25, 0.4) 30%, rgba(230.05, 136.55, 12.25, 0.4) 70%, transparent 80%);
  }
  37.25% {
    background-image: linear-gradient(to right, transparent 20%, rgba(218.1, 138.1, 19.5, 0.4) 30%, rgba(218.1, 138.1, 19.5, 0.4) 70%, transparent 80%);
  }
  38.375% {
    background-image: linear-gradient(to right, transparent 20%, rgba(206.15, 139.65, 26.75, 0.4) 30%, rgba(206.15, 139.65, 26.75, 0.4) 70%, transparent 80%);
  }
  39.5% {
    background-image: linear-gradient(to right, transparent 20%, rgba(194.2, 141.2, 34, 0.4) 30%, rgba(194.2, 141.2, 34, 0.4) 70%, transparent 80%);
  }
  40.625% {
    background-image: linear-gradient(to right, transparent 20%, rgba(182.25, 142.75, 41.25, 0.4) 30%, rgba(182.25, 142.75, 41.25, 0.4) 70%, transparent 80%);
  }
  41.75% {
    background-image: linear-gradient(to right, transparent 20%, rgba(170.3, 144.3, 48.5, 0.4) 30%, rgba(170.3, 144.3, 48.5, 0.4) 70%, transparent 80%);
  }
  42.875% {
    background-image: linear-gradient(to right, transparent 20%, rgba(158.35, 145.85, 55.75, 0.4) 30%, rgba(158.35, 145.85, 55.75, 0.4) 70%, transparent 80%);
  }
  44% {
    background-image: linear-gradient(to right, transparent 20%, rgba(146.4, 147.4, 63, 0.4) 30%, rgba(146.4, 147.4, 63, 0.4) 70%, transparent 80%);
  }
  45.125% {
    background-image: linear-gradient(to right, transparent 20%, rgba(134.45, 148.95, 70.25, 0.4) 30%, rgba(134.45, 148.95, 70.25, 0.4) 70%, transparent 80%);
  }
  46.25% {
    background-image: linear-gradient(to right, transparent 20%, rgba(122.5, 150.5, 77.5, 0.4) 30%, rgba(122.5, 150.5, 77.5, 0.4) 70%, transparent 80%);
  }
  47.375% {
    background-image: linear-gradient(to right, transparent 20%, rgba(110.55, 152.05, 84.75, 0.4) 30%, rgba(110.55, 152.05, 84.75, 0.4) 70%, transparent 80%);
  }
  48.5% {
    background-image: linear-gradient(to right, transparent 20%, rgba(98.6, 153.6, 92, 0.4) 30%, rgba(98.6, 153.6, 92, 0.4) 70%, transparent 80%);
  }
  49.625% {
    background-image: linear-gradient(to right, transparent 20%, rgba(86.65, 155.15, 99.25, 0.4) 30%, rgba(86.65, 155.15, 99.25, 0.4) 70%, transparent 80%);
  }
  50.75% {
    background-image: linear-gradient(to right, transparent 20%, rgba(74.7, 156.7, 106.5, 0.4) 30%, rgba(74.7, 156.7, 106.5, 0.4) 70%, transparent 80%);
  }
  51.875% {
    background-image: linear-gradient(to right, transparent 20%, rgba(62.75, 158.25, 113.75, 0.4) 30%, rgba(62.75, 158.25, 113.75, 0.4) 70%, transparent 80%);
  }
  53% {
    background-image: linear-gradient(to right, transparent 20%, rgba(50.8, 159.8, 121, 0.4) 30%, rgba(50.8, 159.8, 121, 0.4) 70%, transparent 80%);
  }
  54.125% {
    background-image: linear-gradient(to right, transparent 20%, rgba(38.85, 161.35, 128.25, 0.4) 30%, rgba(38.85, 161.35, 128.25, 0.4) 70%, transparent 80%);
  }
  55.25% {
    background-image: linear-gradient(to right, transparent 20%, rgba(26.9, 162.9, 135.5, 0.4) 30%, rgba(26.9, 162.9, 135.5, 0.4) 70%, transparent 80%);
  }
  56.375% {
    background-image: linear-gradient(to right, transparent 20%, rgba(14.95, 164.45, 142.75, 0.4) 30%, rgba(14.95, 164.45, 142.75, 0.4) 70%, transparent 80%);
  }
  57.5% {
    background-image: linear-gradient(to right, transparent 20%, rgba(3, 166, 150, 0.4) 30%, rgba(3, 166, 150, 0.4) 70%, transparent 80%);
  }
  58.625% {
    background-image: linear-gradient(to right, transparent 20%, rgba(14.95, 164.45, 142.75, 0.4) 30%, rgba(14.95, 164.45, 142.75, 0.4) 70%, transparent 80%);
  }
  59.75% {
    background-image: linear-gradient(to right, transparent 20%, rgba(26.9, 162.9, 135.5, 0.4) 30%, rgba(26.9, 162.9, 135.5, 0.4) 70%, transparent 80%);
  }
  60.875% {
    background-image: linear-gradient(to right, transparent 20%, rgba(38.85, 161.35, 128.25, 0.4) 30%, rgba(38.85, 161.35, 128.25, 0.4) 70%, transparent 80%);
  }
  62% {
    background-image: linear-gradient(to right, transparent 20%, rgba(50.8, 159.8, 121, 0.4) 30%, rgba(50.8, 159.8, 121, 0.4) 70%, transparent 80%);
  }
  63.125% {
    background-image: linear-gradient(to right, transparent 20%, rgba(62.75, 158.25, 113.75, 0.4) 30%, rgba(62.75, 158.25, 113.75, 0.4) 70%, transparent 80%);
  }
  64.25% {
    background-image: linear-gradient(to right, transparent 20%, rgba(74.7, 156.7, 106.5, 0.4) 30%, rgba(74.7, 156.7, 106.5, 0.4) 70%, transparent 80%);
  }
  65.375% {
    background-image: linear-gradient(to right, transparent 20%, rgba(86.65, 155.15, 99.25, 0.4) 30%, rgba(86.65, 155.15, 99.25, 0.4) 70%, transparent 80%);
  }
  66.5% {
    background-image: linear-gradient(to right, transparent 20%, rgba(98.6, 153.6, 92, 0.4) 30%, rgba(98.6, 153.6, 92, 0.4) 70%, transparent 80%);
  }
  67.625% {
    background-image: linear-gradient(to right, transparent 20%, rgba(110.55, 152.05, 84.75, 0.4) 30%, rgba(110.55, 152.05, 84.75, 0.4) 70%, transparent 80%);
  }
  68.75% {
    background-image: linear-gradient(to right, transparent 20%, rgba(122.5, 150.5, 77.5, 0.4) 30%, rgba(122.5, 150.5, 77.5, 0.4) 70%, transparent 80%);
  }
  69.875% {
    background-image: linear-gradient(to right, transparent 20%, rgba(134.45, 148.95, 70.25, 0.4) 30%, rgba(134.45, 148.95, 70.25, 0.4) 70%, transparent 80%);
  }
  71% {
    background-image: linear-gradient(to right, transparent 20%, rgba(146.4, 147.4, 63, 0.4) 30%, rgba(146.4, 147.4, 63, 0.4) 70%, transparent 80%);
  }
  72.125% {
    background-image: linear-gradient(to right, transparent 20%, rgba(158.35, 145.85, 55.75, 0.4) 30%, rgba(158.35, 145.85, 55.75, 0.4) 70%, transparent 80%);
  }
  73.25% {
    background-image: linear-gradient(to right, transparent 20%, rgba(170.3, 144.3, 48.5, 0.4) 30%, rgba(170.3, 144.3, 48.5, 0.4) 70%, transparent 80%);
  }
  74.375% {
    background-image: linear-gradient(to right, transparent 20%, rgba(182.25, 142.75, 41.25, 0.4) 30%, rgba(182.25, 142.75, 41.25, 0.4) 70%, transparent 80%);
  }
  75.5% {
    background-image: linear-gradient(to right, transparent 20%, rgba(194.2, 141.2, 34, 0.4) 30%, rgba(194.2, 141.2, 34, 0.4) 70%, transparent 80%);
  }
  76.625% {
    background-image: linear-gradient(to right, transparent 20%, rgba(206.15, 139.65, 26.75, 0.4) 30%, rgba(206.15, 139.65, 26.75, 0.4) 70%, transparent 80%);
  }
  77.75% {
    background-image: linear-gradient(to right, transparent 20%, rgba(218.1, 138.1, 19.5, 0.4) 30%, rgba(218.1, 138.1, 19.5, 0.4) 70%, transparent 80%);
  }
  78.875% {
    background-image: linear-gradient(to right, transparent 20%, rgba(230.05, 136.55, 12.25, 0.4) 30%, rgba(230.05, 136.55, 12.25, 0.4) 70%, transparent 80%);
  }
  80% {
    background-image: linear-gradient(to right, transparent 20%, rgba(242, 135, 5, 0.4) 30%, rgba(242, 135, 5, 0.4) 70%, transparent 80%);
  }
  80%, 100% {
    background-image: linear-gradient(to right, transparent 20%, rgba(242, 135, 5, 0.4) 30%, rgba(242, 135, 5, 0.4) 70%, transparent 80%);
  }
}
body {
  font-family: "Rubik Dirt", cursive;
  background-color: #012E40;
  color: #F5E8DA;
  margin: 0;
  overflow-x: hidden;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #F28705 #012E40;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #012E40;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #F28705, #03A696);
  border-radius: 10px;
  border: 2px solid #012E40;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #03A696, #F28705);
}

.hero-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  background: linear-gradient(rgba(1, 46, 64, 0.75), rgba(1, 46, 64, 0.75)), url("../img/bg-hero.png") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}

.hero-tagline {
  font-family: "Rubik Dirt", cursive;
  font-size: clamp(1.5rem, 2vw, 3rem);
  color: #F5E8DA;
  margin-bottom: 1rem;
  letter-spacing: 1px;
}
.hero-tagline > span {
  animation-name: hero-tagline-flow;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
.hero-tagline > span:nth-of-type(1) {
  animation-delay: 1.05s;
}
.hero-tagline > span:nth-of-type(2) {
  animation-delay: 1.1s;
}
.hero-tagline > span:nth-of-type(3) {
  animation-delay: 1.15s;
}
.hero-tagline > span:nth-of-type(4) {
  animation-delay: 1.2s;
}
.hero-tagline > span:nth-of-type(5) {
  animation-delay: 1.25s;
}
.hero-tagline > span:nth-of-type(6) {
  animation-delay: 1.3s;
}
.hero-tagline > span:nth-of-type(7) {
  animation-delay: 1.35s;
}
.hero-tagline > span:nth-of-type(8) {
  animation-delay: 1.4s;
}
.hero-tagline > span:nth-of-type(9) {
  animation-delay: 1.45s;
}
.hero-tagline > span:nth-of-type(10) {
  animation-delay: 1.5s;
}
.hero-tagline > span:nth-of-type(11) {
  animation-delay: 1.55s;
}
.hero-tagline > span:nth-of-type(12) {
  animation-delay: 1.6s;
}
.hero-tagline > span:nth-of-type(13) {
  animation-delay: 1.65s;
}
.hero-tagline > span:nth-of-type(14) {
  animation-delay: 1.7s;
}
.hero-tagline > span:nth-of-type(15) {
  animation-delay: 1.75s;
}
.hero-tagline > span:nth-of-type(16) {
  animation-delay: 1.8s;
}
.hero-tagline > span:nth-of-type(17) {
  animation-delay: 1.85s;
}
.hero-tagline > span:nth-of-type(18) {
  animation-delay: 1.9s;
}
.hero-tagline > span:nth-of-type(19) {
  animation-delay: 1.95s;
}
.hero-tagline > span:nth-of-type(20) {
  animation-delay: 2s;
}
.hero-tagline > span:nth-of-type(21) {
  animation-delay: 2.05s;
}
.hero-tagline > span:nth-of-type(22) {
  animation-delay: 2.1s;
}
.hero-tagline > span:nth-of-type(23) {
  animation-delay: 2.15s;
}
.hero-tagline > span:nth-of-type(24) {
  animation-delay: 2.2s;
}
.hero-tagline > span:nth-of-type(25) {
  animation-delay: 2.25s;
}
.hero-tagline > span:nth-of-type(26) {
  animation-delay: 2.3s;
}
.hero-tagline > span:nth-of-type(27) {
  animation-delay: 2.35s;
}
.hero-tagline > span:nth-of-type(28) {
  animation-delay: 2.4s;
}
.hero-tagline > span:nth-of-type(29) {
  animation-delay: 2.45s;
}
.hero-tagline > span:nth-of-type(30) {
  animation-delay: 2.5s;
}
.hero-tagline > span:nth-of-type(31) {
  animation-delay: 2.55s;
}
.hero-tagline > span:nth-of-type(32) {
  animation-delay: 2.6s;
}
.hero-tagline > span:nth-of-type(33) {
  animation-delay: 2.65s;
}
.hero-tagline > span:nth-of-type(34) {
  animation-delay: 2.7s;
}
.hero-tagline > span:nth-of-type(35) {
  animation-delay: 2.75s;
}
.hero-tagline > span:nth-of-type(36) {
  animation-delay: 2.8s;
}
.hero-tagline > span:nth-of-type(37) {
  animation-delay: 2.85s;
}
.hero-tagline > span:nth-of-type(38) {
  animation-delay: 2.9s;
}
.hero-tagline > span:nth-of-type(39) {
  animation-delay: 2.95s;
}
.hero-tagline > span:nth-of-type(40) {
  animation-delay: 3s;
}
.hero-tagline > span:nth-of-type(41) {
  animation-delay: 3.05s;
}
.hero-tagline > span:nth-of-type(42) {
  animation-delay: 3.1s;
}
.hero-tagline > span:nth-of-type(43) {
  animation-delay: 3.15s;
}
.hero-tagline > span:nth-of-type(44) {
  animation-delay: 3.2s;
}
.hero-tagline > span:nth-of-type(45) {
  animation-delay: 3.25s;
}
.hero-tagline > span:nth-of-type(46) {
  animation-delay: 3.3s;
}
.hero-tagline > span:nth-of-type(47) {
  animation-delay: 3.35s;
}
.hero-tagline > span:nth-of-type(48) {
  animation-delay: 3.4s;
}
.hero-tagline > span:nth-of-type(49) {
  animation-delay: 3.45s;
}
.hero-tagline > span:nth-of-type(50) {
  animation-delay: 3.5s;
}
.hero-tagline > span:nth-of-type(51) {
  animation-delay: 3.55s;
}
.hero-tagline > span:nth-of-type(52) {
  animation-delay: 3.6s;
}
.hero-tagline > span:nth-of-type(53) {
  animation-delay: 3.65s;
}
.hero-tagline > span:nth-of-type(54) {
  animation-delay: 3.7s;
}
.hero-tagline > span:nth-of-type(55) {
  animation-delay: 3.75s;
}
.hero-tagline > span:nth-of-type(56) {
  animation-delay: 3.8s;
}
.hero-tagline > span:nth-of-type(57) {
  animation-delay: 3.85s;
}
.hero-tagline > span:nth-of-type(58) {
  animation-delay: 3.9s;
}
.hero-tagline > span:nth-of-type(59) {
  animation-delay: 3.95s;
}
.hero-tagline > span:nth-of-type(60) {
  animation-delay: 4s;
}
.hero-tagline > span:nth-of-type(61) {
  animation-delay: 4.05s;
}
.hero-tagline > span:nth-of-type(62) {
  animation-delay: 4.1s;
}
.hero-tagline > span:nth-of-type(63) {
  animation-delay: 4.15s;
}
.hero-tagline > span:nth-of-type(64) {
  animation-delay: 4.2s;
}
.hero-tagline > span:nth-of-type(65) {
  animation-delay: 4.25s;
}
.hero-tagline > span:nth-of-type(66) {
  animation-delay: 4.3s;
}
.hero-tagline > span:nth-of-type(67) {
  animation-delay: 4.35s;
}
.hero-tagline > span:nth-of-type(68) {
  animation-delay: 4.4s;
}
.hero-tagline > span:nth-of-type(69) {
  animation-delay: 4.45s;
}
.hero-tagline > span:nth-of-type(70) {
  animation-delay: 4.5s;
}
.hero-tagline > span:nth-of-type(71) {
  animation-delay: 4.55s;
}
.hero-tagline > span:nth-of-type(72) {
  animation-delay: 4.6s;
}
.hero-tagline > span:nth-of-type(73) {
  animation-delay: 4.65s;
}
.hero-tagline > span:nth-of-type(74) {
  animation-delay: 4.7s;
}
.hero-tagline > span:nth-of-type(75) {
  animation-delay: 4.75s;
}
.hero-tagline > span:nth-of-type(76) {
  animation-delay: 4.8s;
}
.hero-tagline > span:nth-of-type(77) {
  animation-delay: 4.85s;
}
.hero-tagline > span:nth-of-type(78) {
  animation-delay: 4.9s;
}
.hero-tagline > span:nth-of-type(79) {
  animation-delay: 4.95s;
}
.hero-tagline > span:nth-of-type(80) {
  animation-delay: 5s;
}
.hero-tagline > span:nth-of-type(81) {
  animation-delay: 5.05s;
}
.hero-tagline > span:nth-of-type(82) {
  animation-delay: 5.1s;
}
.hero-tagline > span:nth-of-type(83) {
  animation-delay: 5.15s;
}
.hero-tagline > span:nth-of-type(84) {
  animation-delay: 5.2s;
}
.hero-tagline > span:nth-of-type(85) {
  animation-delay: 5.25s;
}
.hero-tagline > span:nth-of-type(86) {
  animation-delay: 5.3s;
}
.hero-tagline > span:nth-of-type(87) {
  animation-delay: 5.35s;
}
.hero-tagline > span:nth-of-type(88) {
  animation-delay: 5.4s;
}
.hero-tagline > span:nth-of-type(89) {
  animation-delay: 5.45s;
}
.hero-tagline > span:nth-of-type(90) {
  animation-delay: 5.5s;
}
.hero-tagline > span:nth-of-type(91) {
  animation-delay: 5.55s;
}
.hero-tagline > span:nth-of-type(92) {
  animation-delay: 5.6s;
}
.hero-tagline > span:nth-of-type(93) {
  animation-delay: 5.65s;
}
.hero-tagline > span:nth-of-type(94) {
  animation-delay: 5.7s;
}
.hero-tagline > span:nth-of-type(95) {
  animation-delay: 5.75s;
}
.hero-tagline > span:nth-of-type(96) {
  animation-delay: 5.8s;
}
.hero-tagline > span:nth-of-type(97) {
  animation-delay: 5.85s;
}
.hero-tagline > span:nth-of-type(98) {
  animation-delay: 5.9s;
}
.hero-tagline > span:nth-of-type(99) {
  animation-delay: 5.95s;
}
.hero-tagline > span:nth-of-type(100) {
  animation-delay: 6s;
}

.hero-title {
  line-height: 1.1;
  word-wrap: break-word;
}
.hero-title .hero-fio {
  font-family: "Rubik Dirt", cursive;
  font-size: clamp(2.2rem, 8vw, 5rem);
  display: inline-block;
}
.hero-title .hero-fio > span {
  animation-name: hero-tagline-flow;
}
.hero-title .highlight {
  font-family: "Rubik Dirt", cursive;
  color: #F28705;
  font-size: 2.1em;
  display: inline-block;
  transform: rotate(-3deg);
  width: auto;
}
.hero-title .highlight > span {
  animation-name: hero-highlight-flow;
}
.hero-title .hero-fio > span,
.hero-title .highlight > span {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(1),
.hero-title .highlight > span:nth-of-type(1) {
  animation-delay: 1.05s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(1) {
  animation-delay: 1.45s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(2),
.hero-title .highlight > span:nth-of-type(2) {
  animation-delay: 1.1s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(2) {
  animation-delay: 1.5s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(3),
.hero-title .highlight > span:nth-of-type(3) {
  animation-delay: 1.15s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(3) {
  animation-delay: 1.55s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(4),
.hero-title .highlight > span:nth-of-type(4) {
  animation-delay: 1.2s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(4) {
  animation-delay: 1.6s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(5),
.hero-title .highlight > span:nth-of-type(5) {
  animation-delay: 1.25s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(5) {
  animation-delay: 1.65s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(6),
.hero-title .highlight > span:nth-of-type(6) {
  animation-delay: 1.3s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(6) {
  animation-delay: 1.7s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(7),
.hero-title .highlight > span:nth-of-type(7) {
  animation-delay: 1.35s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(7) {
  animation-delay: 1.75s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(8),
.hero-title .highlight > span:nth-of-type(8) {
  animation-delay: 1.4s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(8) {
  animation-delay: 1.8s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(9),
.hero-title .highlight > span:nth-of-type(9) {
  animation-delay: 1.45s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(9) {
  animation-delay: 1.85s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(10),
.hero-title .highlight > span:nth-of-type(10) {
  animation-delay: 1.5s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(10) {
  animation-delay: 1.9s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(11),
.hero-title .highlight > span:nth-of-type(11) {
  animation-delay: 1.55s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(11) {
  animation-delay: 1.95s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(12),
.hero-title .highlight > span:nth-of-type(12) {
  animation-delay: 1.6s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(12) {
  animation-delay: 2s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(13),
.hero-title .highlight > span:nth-of-type(13) {
  animation-delay: 1.65s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(13) {
  animation-delay: 2.05s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(14),
.hero-title .highlight > span:nth-of-type(14) {
  animation-delay: 1.7s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(14) {
  animation-delay: 2.1s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(15),
.hero-title .highlight > span:nth-of-type(15) {
  animation-delay: 1.75s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(15) {
  animation-delay: 2.15s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(16),
.hero-title .highlight > span:nth-of-type(16) {
  animation-delay: 1.8s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(16) {
  animation-delay: 2.2s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(17),
.hero-title .highlight > span:nth-of-type(17) {
  animation-delay: 1.85s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(17) {
  animation-delay: 2.25s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(18),
.hero-title .highlight > span:nth-of-type(18) {
  animation-delay: 1.9s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(18) {
  animation-delay: 2.3s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(19),
.hero-title .highlight > span:nth-of-type(19) {
  animation-delay: 1.95s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(19) {
  animation-delay: 2.35s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(20),
.hero-title .highlight > span:nth-of-type(20) {
  animation-delay: 2s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(20) {
  animation-delay: 2.4s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(21),
.hero-title .highlight > span:nth-of-type(21) {
  animation-delay: 2.05s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(21) {
  animation-delay: 2.45s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(22),
.hero-title .highlight > span:nth-of-type(22) {
  animation-delay: 2.1s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(22) {
  animation-delay: 2.5s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(23),
.hero-title .highlight > span:nth-of-type(23) {
  animation-delay: 2.15s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(23) {
  animation-delay: 2.55s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(24),
.hero-title .highlight > span:nth-of-type(24) {
  animation-delay: 2.2s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(24) {
  animation-delay: 2.6s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(25),
.hero-title .highlight > span:nth-of-type(25) {
  animation-delay: 2.25s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(25) {
  animation-delay: 2.65s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(26),
.hero-title .highlight > span:nth-of-type(26) {
  animation-delay: 2.3s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(26) {
  animation-delay: 2.7s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(27),
.hero-title .highlight > span:nth-of-type(27) {
  animation-delay: 2.35s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(27) {
  animation-delay: 2.75s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(28),
.hero-title .highlight > span:nth-of-type(28) {
  animation-delay: 2.4s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(28) {
  animation-delay: 2.8s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(29),
.hero-title .highlight > span:nth-of-type(29) {
  animation-delay: 2.45s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(29) {
  animation-delay: 2.85s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(30),
.hero-title .highlight > span:nth-of-type(30) {
  animation-delay: 2.5s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(30) {
  animation-delay: 2.9s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(31),
.hero-title .highlight > span:nth-of-type(31) {
  animation-delay: 2.55s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(31) {
  animation-delay: 2.95s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(32),
.hero-title .highlight > span:nth-of-type(32) {
  animation-delay: 2.6s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(32) {
  animation-delay: 3s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(33),
.hero-title .highlight > span:nth-of-type(33) {
  animation-delay: 2.65s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(33) {
  animation-delay: 3.05s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(34),
.hero-title .highlight > span:nth-of-type(34) {
  animation-delay: 2.7s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(34) {
  animation-delay: 3.1s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(35),
.hero-title .highlight > span:nth-of-type(35) {
  animation-delay: 2.75s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(35) {
  animation-delay: 3.15s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(36),
.hero-title .highlight > span:nth-of-type(36) {
  animation-delay: 2.8s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(36) {
  animation-delay: 3.2s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(37),
.hero-title .highlight > span:nth-of-type(37) {
  animation-delay: 2.85s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(37) {
  animation-delay: 3.25s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(38),
.hero-title .highlight > span:nth-of-type(38) {
  animation-delay: 2.9s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(38) {
  animation-delay: 3.3s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(39),
.hero-title .highlight > span:nth-of-type(39) {
  animation-delay: 2.95s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(39) {
  animation-delay: 3.35s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(40),
.hero-title .highlight > span:nth-of-type(40) {
  animation-delay: 3s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(40) {
  animation-delay: 3.4s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(41),
.hero-title .highlight > span:nth-of-type(41) {
  animation-delay: 3.05s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(41) {
  animation-delay: 3.45s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(42),
.hero-title .highlight > span:nth-of-type(42) {
  animation-delay: 3.1s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(42) {
  animation-delay: 3.5s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(43),
.hero-title .highlight > span:nth-of-type(43) {
  animation-delay: 3.15s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(43) {
  animation-delay: 3.55s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(44),
.hero-title .highlight > span:nth-of-type(44) {
  animation-delay: 3.2s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(44) {
  animation-delay: 3.6s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(45),
.hero-title .highlight > span:nth-of-type(45) {
  animation-delay: 3.25s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(45) {
  animation-delay: 3.65s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(46),
.hero-title .highlight > span:nth-of-type(46) {
  animation-delay: 3.3s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(46) {
  animation-delay: 3.7s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(47),
.hero-title .highlight > span:nth-of-type(47) {
  animation-delay: 3.35s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(47) {
  animation-delay: 3.75s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(48),
.hero-title .highlight > span:nth-of-type(48) {
  animation-delay: 3.4s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(48) {
  animation-delay: 3.8s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(49),
.hero-title .highlight > span:nth-of-type(49) {
  animation-delay: 3.45s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(49) {
  animation-delay: 3.85s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(50),
.hero-title .highlight > span:nth-of-type(50) {
  animation-delay: 3.5s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(50) {
  animation-delay: 3.9s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(51),
.hero-title .highlight > span:nth-of-type(51) {
  animation-delay: 3.55s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(51) {
  animation-delay: 3.95s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(52),
.hero-title .highlight > span:nth-of-type(52) {
  animation-delay: 3.6s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(52) {
  animation-delay: 4s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(53),
.hero-title .highlight > span:nth-of-type(53) {
  animation-delay: 3.65s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(53) {
  animation-delay: 4.05s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(54),
.hero-title .highlight > span:nth-of-type(54) {
  animation-delay: 3.7s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(54) {
  animation-delay: 4.1s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(55),
.hero-title .highlight > span:nth-of-type(55) {
  animation-delay: 3.75s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(55) {
  animation-delay: 4.15s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(56),
.hero-title .highlight > span:nth-of-type(56) {
  animation-delay: 3.8s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(56) {
  animation-delay: 4.2s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(57),
.hero-title .highlight > span:nth-of-type(57) {
  animation-delay: 3.85s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(57) {
  animation-delay: 4.25s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(58),
.hero-title .highlight > span:nth-of-type(58) {
  animation-delay: 3.9s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(58) {
  animation-delay: 4.3s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(59),
.hero-title .highlight > span:nth-of-type(59) {
  animation-delay: 3.95s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(59) {
  animation-delay: 4.35s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(60),
.hero-title .highlight > span:nth-of-type(60) {
  animation-delay: 4s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(60) {
  animation-delay: 4.4s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(61),
.hero-title .highlight > span:nth-of-type(61) {
  animation-delay: 4.05s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(61) {
  animation-delay: 4.45s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(62),
.hero-title .highlight > span:nth-of-type(62) {
  animation-delay: 4.1s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(62) {
  animation-delay: 4.5s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(63),
.hero-title .highlight > span:nth-of-type(63) {
  animation-delay: 4.15s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(63) {
  animation-delay: 4.55s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(64),
.hero-title .highlight > span:nth-of-type(64) {
  animation-delay: 4.2s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(64) {
  animation-delay: 4.6s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(65),
.hero-title .highlight > span:nth-of-type(65) {
  animation-delay: 4.25s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(65) {
  animation-delay: 4.65s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(66),
.hero-title .highlight > span:nth-of-type(66) {
  animation-delay: 4.3s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(66) {
  animation-delay: 4.7s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(67),
.hero-title .highlight > span:nth-of-type(67) {
  animation-delay: 4.35s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(67) {
  animation-delay: 4.75s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(68),
.hero-title .highlight > span:nth-of-type(68) {
  animation-delay: 4.4s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(68) {
  animation-delay: 4.8s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(69),
.hero-title .highlight > span:nth-of-type(69) {
  animation-delay: 4.45s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(69) {
  animation-delay: 4.85s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(70),
.hero-title .highlight > span:nth-of-type(70) {
  animation-delay: 4.5s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(70) {
  animation-delay: 4.9s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(71),
.hero-title .highlight > span:nth-of-type(71) {
  animation-delay: 4.55s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(71) {
  animation-delay: 4.95s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(72),
.hero-title .highlight > span:nth-of-type(72) {
  animation-delay: 4.6s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(72) {
  animation-delay: 5s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(73),
.hero-title .highlight > span:nth-of-type(73) {
  animation-delay: 4.65s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(73) {
  animation-delay: 5.05s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(74),
.hero-title .highlight > span:nth-of-type(74) {
  animation-delay: 4.7s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(74) {
  animation-delay: 5.1s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(75),
.hero-title .highlight > span:nth-of-type(75) {
  animation-delay: 4.75s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(75) {
  animation-delay: 5.15s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(76),
.hero-title .highlight > span:nth-of-type(76) {
  animation-delay: 4.8s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(76) {
  animation-delay: 5.2s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(77),
.hero-title .highlight > span:nth-of-type(77) {
  animation-delay: 4.85s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(77) {
  animation-delay: 5.25s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(78),
.hero-title .highlight > span:nth-of-type(78) {
  animation-delay: 4.9s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(78) {
  animation-delay: 5.3s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(79),
.hero-title .highlight > span:nth-of-type(79) {
  animation-delay: 4.95s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(79) {
  animation-delay: 5.35s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(80),
.hero-title .highlight > span:nth-of-type(80) {
  animation-delay: 5s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(80) {
  animation-delay: 5.4s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(81),
.hero-title .highlight > span:nth-of-type(81) {
  animation-delay: 5.05s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(81) {
  animation-delay: 5.45s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(82),
.hero-title .highlight > span:nth-of-type(82) {
  animation-delay: 5.1s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(82) {
  animation-delay: 5.5s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(83),
.hero-title .highlight > span:nth-of-type(83) {
  animation-delay: 5.15s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(83) {
  animation-delay: 5.55s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(84),
.hero-title .highlight > span:nth-of-type(84) {
  animation-delay: 5.2s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(84) {
  animation-delay: 5.6s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(85),
.hero-title .highlight > span:nth-of-type(85) {
  animation-delay: 5.25s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(85) {
  animation-delay: 5.65s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(86),
.hero-title .highlight > span:nth-of-type(86) {
  animation-delay: 5.3s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(86) {
  animation-delay: 5.7s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(87),
.hero-title .highlight > span:nth-of-type(87) {
  animation-delay: 5.35s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(87) {
  animation-delay: 5.75s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(88),
.hero-title .highlight > span:nth-of-type(88) {
  animation-delay: 5.4s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(88) {
  animation-delay: 5.8s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(89),
.hero-title .highlight > span:nth-of-type(89) {
  animation-delay: 5.45s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(89) {
  animation-delay: 5.85s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(90),
.hero-title .highlight > span:nth-of-type(90) {
  animation-delay: 5.5s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(90) {
  animation-delay: 5.9s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(91),
.hero-title .highlight > span:nth-of-type(91) {
  animation-delay: 5.55s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(91) {
  animation-delay: 5.95s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(92),
.hero-title .highlight > span:nth-of-type(92) {
  animation-delay: 5.6s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(92) {
  animation-delay: 6s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(93),
.hero-title .highlight > span:nth-of-type(93) {
  animation-delay: 5.65s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(93) {
  animation-delay: 6.05s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(94),
.hero-title .highlight > span:nth-of-type(94) {
  animation-delay: 5.7s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(94) {
  animation-delay: 6.1s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(95),
.hero-title .highlight > span:nth-of-type(95) {
  animation-delay: 5.75s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(95) {
  animation-delay: 6.15s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(96),
.hero-title .highlight > span:nth-of-type(96) {
  animation-delay: 5.8s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(96) {
  animation-delay: 6.2s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(97),
.hero-title .highlight > span:nth-of-type(97) {
  animation-delay: 5.85s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(97) {
  animation-delay: 6.25s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(98),
.hero-title .highlight > span:nth-of-type(98) {
  animation-delay: 5.9s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(98) {
  animation-delay: 6.3s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(99),
.hero-title .highlight > span:nth-of-type(99) {
  animation-delay: 5.95s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(99) {
  animation-delay: 6.35s;
}
.hero-title .hero-fio:first-of-type > span:nth-of-type(100),
.hero-title .highlight > span:nth-of-type(100) {
  animation-delay: 6s;
}
.hero-title .hero-fio:last-of-type > span:nth-of-type(100) {
  animation-delay: 6.4s;
}

.contact-info {
  font-family: "Rubik Dirt", cursive;
}
.contact-info .contact-item {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 1rem;
  font-size: clamp(1rem, 4vw, 2rem);
  text-decoration: none;
  color: #F5E8DA;
  transition: transform 0.3s;
}
.contact-info .contact-item:hover {
  transform: scale(1.1) translateX(15px);
  color: #F28705;
}
.contact-info .contact-item:hover i {
  color: #F28705;
  border-color: #F28705;
}
.contact-info .contact-item i {
  font-size: 1.2em;
  border: 3px solid #F5E8DA;
  border-radius: 50%;
  padding: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F5E8DA;
}

.hero-visual-wrapper {
  position: relative;
  display: inline-block;
}
@media (max-width: 991px) {
  .hero-visual-wrapper {
    margin-bottom: 80px;
  }
}
.hero-visual-wrapper .hero-character {
  max-width: 100%;
  height: auto;
  position: relative;
  filter: drop-shadow(0 20px 40px rgba(1, 46, 64, 0.6));
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.hero-visual-wrapper .hero-character:hover {
  transform: scale(1.02);
  opacity: 0.7;
  filter: drop-shadow(0 0 5px rgba(242, 135, 5, 0.6)) drop-shadow(0 0 10px rgba(2, 81, 89, 0.6)) hue-rotate(25deg) brightness(1.1);
}

.miu-divider {
  height: 10px;
  width: 100%;
  position: relative;
  animation: miu-divider-flow 5s linear infinite both;
  animation-delay: 1s;
  background-image: linear-gradient(to right, transparent 0%, rgba(242, 135, 5, 0.2) 10%, #F28705 50%, rgba(242, 135, 5, 0.2) 90%, transparent 100%);
}
.miu-divider::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  animation: miu-divider-splatter-flow 5s linear infinite both;
  animation-delay: 1s;
  background-image: linear-gradient(to right, transparent 20%, rgba(242, 135, 5, 0.4) 30%, rgba(242, 135, 5, 0.4) 70%, transparent 80%);
  filter: blur(2px);
}

.icon-circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 95px;
  height: 95px;
  font-size: 3.5rem;
  color: #F5E8DA;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  overflow: visible;
}
.icon-circle.secondary {
  width: clamp(64px, 10vw, 120px);
  height: clamp(64px, 10vw, 120px);
  font-size: clamp(2rem, 5vw, 3.5rem);
}
.icon-circle.secondary .layer-back {
  background: rgba(1, 46, 64, 0.65);
}
.icon-circle.secondary .layer-back, .icon-circle .layer-front {
  padding: 0.1vw;
}
.icon-circle .layer-back,
.icon-circle .layer-front {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid #F5E8DA;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(242, 135, 5, 0.15);
}
.icon-circle .layer-back {
  color: #F28705;
  border-color: #F28705;
  transform: translate(3px, 3px);
  z-index: 1;
  opacity: 0.85;
}
.icon-circle .layer-front {
  color: #F5E8DA;
  z-index: 2;
}
.icon-circle:hover {
  transform: scale(1.2);
  color: #F28705;
}
.icon-circle:hover .layer-back {
  transform: translate(0px, 0px);
  background: rgba(1, 46, 64, 0.85);
}
.icon-circle:hover .layer-front {
  color: #F28705;
  box-shadow: 0 0 0 5px rgba(242, 135, 5, 0.3);
}
@media (min-width: 1200px) {
  .icon-circle {
    width: 120px;
    height: 120px;
    font-size: 3.5rem;
    border-width: 6px;
  }
}

.secondary-socials {
  position: absolute;
  display: flex;
  justify-content: space-around;
  width: 100%;
  bottom: clamp(-15%, -8vw, -5%);
  left: 0;
}

.hero-character-wrap {
  position: relative;
  cursor: pointer;
}
.hero-character-wrap .speech-bubble {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(15px) scale(0.8);
  transform-origin: right top;
  background: #F5E8DA;
  color: #012E40;
  padding: 15px 20px;
  border-radius: 15px;
  border: 3px solid #F28705;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
  width: -moz-max-content;
  width: max-content;
  max-width: 220px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(1, 46, 64, 0.4);
  z-index: 10;
}
.hero-character-wrap .speech-bubble::after {
  content: "";
  position: absolute;
  top: 15px;
  right: -14px;
  transform: none;
  border-width: 10px 0 10px 14px;
  border-style: solid;
  border-color: transparent transparent transparent #F28705;
}
.hero-character-wrap .speech-bubble::before {
  content: "";
  position: absolute;
  top: 18px;
  right: -10px;
  transform: none;
  border-width: 7px 0 7px 11px;
  border-style: solid;
  border-color: transparent transparent transparent #F5E8DA;
  z-index: 1;
}
@media (max-width: 450px) {
  .hero-character-wrap .speech-bubble {
    top: auto;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(15px) scale(0.8);
    transform-origin: bottom center;
    margin-bottom: 15px;
  }
  .hero-character-wrap .speech-bubble::after {
    top: auto;
    bottom: -12px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    border-width: 12px 12px 0;
    border-color: #F28705 transparent transparent transparent;
  }
  .hero-character-wrap .speech-bubble::before {
    top: auto;
    bottom: -7px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    border-width: 9px 9px 0;
    border-color: #F5E8DA transparent transparent transparent;
  }
}
.hero-character-wrap .speech-bubble p {
  font-family: "Rubik Dirt", cursive;
  font-size: 1.2rem;
  margin: 0 0 10px 0;
  color: #012E40;
}
.hero-character-wrap .speech-bubble .btn-wa {
  display: inline-block;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 20px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  font-size: 0.95rem;
  transition: transform 0.3s, filter 0.3s;
}
.hero-character-wrap .speech-bubble .btn-wa:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.hero-character-wrap.attention-active .speech-bubble {
  opacity: 1;
  visibility: visible;
  transform: translateX(0) scale(1) translateY(0);
  pointer-events: auto;
  animation: floatBubble 3s ease-in-out infinite 0.3s;
}
@media (max-width: 450px) {
  .hero-character-wrap.attention-active .speech-bubble {
    transform: translateX(-50%) scale(1) translateY(0);
    animation: floatBubbleMobile 3s ease-in-out infinite 0.3s;
  }
}

.banners-section {
  min-height: 25vh;
  background-color: rgba(1, 46, 64, 0.5);
  border-bottom: 2px solid #A59D92;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.banners-section .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.banners-section .hero-tagline {
  margin-top: 20px;
}
.banners-section .banners-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .banners-section .banners-title {
    flex-wrap: wrap;
  }
}
.banners-section .parallax-character-container {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  will-change: transform, opacity;
  position: relative;
  z-index: 999;
  transform: translate(var(--char-tx, 0px), var(--char-ty, 0px)) scale(var(--char-scale, 1));
}
.banners-section .parallax-character-container img {
  display: block;
  width: clamp(60px, 15vw, 150px);
  height: auto;
  pointer-events: auto;
  filter: drop-shadow(0 20px 40px rgba(1, 46, 64, 0.6));
  transition: filter 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.banners-section .parallax-character-container img:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 0 5px rgba(242, 135, 5, 0.6)) drop-shadow(0 0 10px rgba(2, 81, 89, 0.6)) hue-rotate(25deg) brightness(1.1);
}
.banners-section .parallax-character-container .speech-bubble {
  position: absolute;
  top: 0;
  right: 100%;
  transform: translateX(15px) scale(0.8);
  transform-origin: right top;
  background: #F5E8DA;
  color: #012E40;
  padding: 15px 20px;
  border-radius: 15px;
  border: 3px solid #F28705;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  pointer-events: none;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(1, 46, 64, 0.4);
  margin-bottom: 0;
  margin-right: 20px;
}
.banners-section .parallax-character-container .speech-bubble::after {
  content: "";
  position: absolute;
  top: 15px;
  right: -14px;
  transform: none;
  border-width: 10px 0 10px 14px;
  border-style: solid;
  border-color: transparent transparent transparent #F28705;
}
.banners-section .parallax-character-container .speech-bubble::before {
  content: "";
  position: absolute;
  top: 18px;
  right: -10px;
  transform: none;
  border-width: 7px 0 7px 11px;
  border-style: solid;
  border-color: transparent transparent transparent #F5E8DA;
  z-index: 1;
}
@media (max-width: 450px) {
  .banners-section .parallax-character-container .speech-bubble {
    top: auto;
    bottom: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(15px) scale(0.8);
    transform-origin: bottom center;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .banners-section .parallax-character-container .speech-bubble::after {
    top: auto;
    bottom: -12px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    border-width: 12px 12px 0;
    border-color: #F28705 transparent transparent transparent;
  }
  .banners-section .parallax-character-container .speech-bubble::before {
    top: auto;
    bottom: -7px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    border-width: 9px 9px 0;
    border-color: #F5E8DA transparent transparent transparent;
  }
}
.banners-section .parallax-character-container .speech-bubble p {
  font-family: "Rubik Dirt", cursive;
  font-size: 1.2rem;
  margin: 0 0 10px 0;
  color: #012E40;
}
.banners-section .parallax-character-container .speech-bubble .btn-wa {
  display: inline-block;
  background: #25D366;
  color: #fff;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 20px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  font-size: 0.95rem;
  transition: transform 0.3s, filter 0.3s;
}
.banners-section .parallax-character-container .speech-bubble .btn-wa:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}
@media (min-width: 451px) {
  .banners-section .parallax-character-container.attention-right .speech-bubble {
    right: auto;
    left: 100%;
    transform: translateX(-15px) scale(0.8);
    transform-origin: left top;
    margin-right: 0;
    margin-left: 20px;
  }
  .banners-section .parallax-character-container.attention-right .speech-bubble::after {
    right: auto;
    left: -14px;
    border-width: 10px 14px 10px 0;
    border-color: transparent #F28705 transparent transparent;
  }
  .banners-section .parallax-character-container.attention-right .speech-bubble::before {
    right: auto;
    left: -10px;
    border-width: 7px 11px 7px 0;
    border-color: transparent #F5E8DA transparent transparent;
  }
}
.banners-section .parallax-character-container.attention-active .speech-bubble {
  opacity: 1;
  visibility: visible;
  transform: translateX(0) scale(1) translateY(0);
  pointer-events: auto;
  animation: floatBubble 3s ease-in-out infinite 0.3s;
}
@media (max-width: 450px) {
  .banners-section .parallax-character-container.attention-active .speech-bubble {
    transform: translateX(-50%) scale(1) translateY(0);
    animation: floatBubbleMobile 3s ease-in-out infinite 0.3s;
  }
}

.error-code {
  font-size: clamp(5rem, 15vw, 10rem);
  line-height: 1;
}

.btn-error {
  display: inline-flex;
  gap: 12px;
  position: relative;
  text-decoration: none;
  padding: 1rem 2.5rem;
  width: auto;
  height: auto;
  border-radius: 8px;
  border: none;
  overflow: hidden;
  background-color: #F28705;
  color: #012E40;
  font-family: "Finger Paint", cursive;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0 4px 15px rgba(242, 135, 5, 0.3);
}
.btn-error .btn_er-layer-front, .btn-error .btn_er-layer-back {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
}
.btn-error:hover {
  background-color: rgb(192.032388664, 107.1255060729, 3.967611336);
  color: #012E40;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(242, 135, 5, 0.5);
}

.miu-footer {
  background-color: rgb(0.6076923077, 27.9538461538, 38.8923076923);
  color: #F5E8DA;
  border-top: 1px solid rgba(165, 157, 146, 0.2);
  font-size: 0.85rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.miu-footer .footer-legal {
  line-height: 1.6;
  opacity: 0.8;
}
.miu-footer .footer-link {
  color: #F5E8DA;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  flex-direction: column;
  line-height: 1.6;
  opacity: 0.8;
}
.miu-footer .footer-link .name-link {
  font-weight: normal;
  color: #F5E8DA;
  text-decoration: none;
}
.miu-footer .footer-link .name-link:hover {
  color: #F28705;
  transform: translateX(3px);
}
.miu-footer .footer-logo {
  max-width: 80px;
  height: auto;
  opacity: 0.8;
  border-radius: 12px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.miu-footer .footer-logo:hover {
  opacity: 1;
  transform: scale(1.05);
  filter: drop-shadow(0 0 5px rgba(242, 135, 5, 0.6)) drop-shadow(0 0 10px rgba(2, 81, 89, 0.6)) hue-rotate(25deg) brightness(1.1);
}

.privacy-link {
  color: #F5E8DA;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  display: inline-block;
}
.privacy-link:hover {
  color: #F28705;
  transform: translateX(3px);
}
.privacy-link.name-link {
  color: #F5E8DA;
}
.privacy-link.name-link:hover {
  color: #F28705;
  transform: translateX(3px);
}

#cc-main .section__toggle:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
#cc-main .section__toggle:disabled + .toggle__label {
  background-color: #A59D92 !important;
}
#cc-main .cm {
  border: 4px solid #F28705;
  background-color: #012E40;
  box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.5);
}

.conditions p,
.conditions li,
.privacy p,
.privacy li {
  font-family: "Finger Paint", cursive;
  line-height: 1.6;
  font-size: 1rem;
  color: rgba(245, 232, 218, 0.9);
}

.under-construction {
  width: 100%;
  padding: 20px 15px;
}

.svgrelative {
  position: relative;
}

.mainimagewrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

#XMLID_8953_ {
  transform-origin: 224px 139px;
  animation: 1s womanHlebalo infinite alternate ease-in-out;
}

#XMLID_8566_ {
  transform-origin: 211px 155px;
  animation: 1.5s womanMapHand infinite alternate ease-in-out;
}

#XMLID_9961_ {
  transform-origin: 226.302947998px 157.3000030518px;
  animation: 1s womanPointHand infinite alternate ease-in-out;
}

#XMLID_1691_ {
  transform-origin: 483.5px 127.3000030518px;
  animation: 1s painterTool infinite alternate ease-in-out;
}

#XMLID_1510_ {
  transform-origin: 424.3625183105px 270.3000183105px;
  animation: 1s painterTorso infinite alternate ease-in-out;
}

#XMLID_327_,
#XMLID_1737_,
#XMLID_1678_ {
  transform-origin: 155.8810067749px 134.6499977112px;
  animation: 1s painterRhand infinite alternate ease-in-out;
}

#XMLID_3327_ {
  transform-origin: 594.368225px 149.800003px;
  animation: 2s hammerWorkerleft infinite alternate ease-in-out;
}

#XMLID_1819_ {
  transform-origin: 560.059998px 153.600006px;
  animation: 2s hammerWorkerHandAndHammer infinite alternate ease-in-out;
}

#XMLID_2191_ {
  transform-origin: 614.3625488281px 201.1999969482px;
  animation: 2s hammerWorkerTorso infinite alternate ease-in-out;
}

#worker2_level {
  transform-origin: 333px 143px;
  animation: 1s levelMove infinite alternate ease-in-out;
}

#worker4_hammer {
  transform-origin: 608.4356079102px 173.299987793px;
  animation: 2s hammerHit infinite alternate ease-in-out;
}

@keyframes womanHlebalo {
  0% {
    transform: scale(1, 1);
  }
  20% {
    transform: scale(0.9, 0.2);
  }
  40% {
    transform: scale(1.05, 1);
  }
  80% {
    transform: scale(0.95, 0.2);
  }
  100% {
    transform: scale(1.05, 1);
  }
}
@keyframes womanMapHand {
  0% {
    transform: scale(1, 1) rotateZ(-28deg);
  }
  20% {
    transform: scale(0.99, 1) rotateZ(0deg);
  }
  40% {
    transform: scale(1.01, 1) rotateZ(-48deg);
  }
  80% {
    transform: scale(0.98, 1) rotateZ(0deg);
  }
  100% {
    transform: scale(1.01, 1) rotateZ(-28deg);
  }
}
@keyframes womanPointHand {
  0% {
    transform: scale(1, 1);
  }
  20% {
    transform: scale(0.9, 1);
  }
  40% {
    transform: scale(1.05, 1);
  }
  80% {
    transform: scale(0.95, 1);
  }
  100% {
    transform: scale(1.05, 1);
  }
}
@keyframes painterTorso {
  0% {
    transform: scaleY(1);
  }
  20% {
    transform: scaleY(0.98);
  }
  40% {
    transform: scaleY(0.99);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes painterTool {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(4px);
  }
  40% {
    transform: translateY(2px);
  }
  80% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(1px);
  }
}
@keyframes painterRhand {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(4px);
  }
  40% {
    transform: translateY(2px);
  }
  80% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(1px);
  }
}
@keyframes hammerWorkerleft {
  0% {
    transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.99);
  }
  20% {
    transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.98);
  }
  40% {
    transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.99);
  }
  80% {
    transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.98);
  }
  100% {
    transform: translate(-7px, -2px) rotateZ(-29deg) scaleX(0.99);
  }
}
@keyframes hammerWorkerHandAndHammer {
  0% {
    transform: rotateZ(0deg);
  }
  25% {
    transform: rotateZ(0deg);
  }
  50% {
    transform: rotateZ(0deg);
  }
  80% {
    transform: rotateZ(-30deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
@keyframes levelMove {
  0% {
    transform: rotateZ(-2deg);
  }
  50% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(2deg);
  }
}
@keyframes hammerWorkerTorso {
  0% {
    transform: translateY(0px) translateX(0px) rotateZ(2deg);
  }
  25% {
    transform: translateY(0px) translateX(0px) rotateZ(0deg);
  }
  50% {
    transform: translateY(0px) translateX(0px) rotateZ(1deg);
  }
  80% {
    transform: translateY(0px) translateX(0px) rotateZ(-7deg);
  }
  100% {
    transform: translateY(0px) translateX(0px) rotateZ(1deg);
  }
}
@keyframes hammerHit {
  0% {
    transform: translateY(1px) translateX(3px) rotateZ(0deg);
  }
  25% {
    transform: translateY(1px) translateX(1px) rotateZ(20deg);
  }
  50% {
    transform: translateY(1px) translateX(-1px) rotateZ(6deg);
  }
  80% {
    transform: translateY(1px) translateX(-1px) rotateZ(-20deg);
  }
  100% {
    transform: translateY(1px) translateX(-1px) rotateZ(10deg);
  }
}
.mtssectionproblems {
  height: 100vh;
  display: flex;
}

.mtssectionproblems .container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.mtssectionproblems .mtslogowrapper {
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 9%;
}

.mtssectionproblems .problemheading {
  font-family: "Futura New";
  font-size: 44px;
  font-weight: bold;
  line-height: 48px;
  letter-spacing: 0px;
  text-align: left;
  color: #000;
  margin-top: 2%;
  margin-bottom: 25px;
}

.problemphone {
  margin-bottom: 15%;
}

.probwrapper {
  width: 100%;
}

.mainimagewrapper svg {
  max-width: 490px;
  width: 100%;
  filter: drop-shadow(0 0 5px rgba(242, 135, 5, 0.6)) drop-shadow(0 0 10px rgba(2, 81, 89, 0.6)) hue-rotate(65deg) brightness(1.1);
  opacity: 0.7;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.mtssectionproblems .problemphone a {
  font-family: "Futura New";
  font-size: 30px;
  letter-spacing: -1px;
  text-align: left;
  color: #000;
  text-decoration: none;
}

.mtssectionproblems .problemphone p {
  font-size: 16px;
  color: #aaa;
}

.mtssectionproblems .mts2-footer__soc-icons {
  margin-right: 30px;
}

.mtssectionproblems .vk,
.mtssectionproblems .tw,
.mtssectionproblems .fb,
.mtssectionproblems .insta,
.mtssectionproblems .ok {
  fill: #ea212e;
  transition: 300ms all ease;
}

.mtssectionproblems .vk:hover,
.mtssectionproblems .tw:hover,
.mtssectionproblems .fb:hover,
.mtssectionproblems .insta:hover,
.mtssectionproblems .ok:hover {
  fill: #c30d14;
}

@media (min-width: 1200px) {
  .mtssectionproblems .container {
    max-width: 1290px;
  }
}
@media (max-width: 1200px) {
  .problemphone {
    margin-bottom: 4%;
  }
}
@media (max-width: 900px) {
  .probwrapper {
    padding: 0 6px;
    text-align: center;
  }
  .mtssectionproblems .problemphone a {
    font-size: 28px;
  }
  .mts2-footer__soc-block.d-flex.align-items-center {
    justify-content: center;
  }
  .mtssectionproblems .mtslogowrapper {
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 0%;
  }
  .problemphone {
    margin-bottom: 3%;
  }
  .mtssectionproblems .mtslogowrapper svg {
    width: 70%;
  }
  .mainimagewrapper svg {
    max-width: 490px;
    width: 86%;
    margin: auto;
    display: block;
    max-height: 260px;
  }
  .mtssectionproblems .mts2-footer__soc-icons {
    margin-right: 10px;
  }
  .mtssectionproblems .problemheading {
    font-family: "Futura New";
    font-size: 23px;
    font-weight: bold;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: center;
    color: #000;
    margin-top: 2%;
    margin-bottom: 25px;
  }
}/*# sourceMappingURL=main.css.map */
/* Skip Link pro přistupnost */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #FF5A26;
    color: #fff;
    padding: 8px;
    z-index: 1000;
    transition: top 0.2s;
}
.skip-link:focus {
    top: 0;
}