@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  --orange: #F87A55;
  --yellow: #F7C517;
  --blue: #3355FF;
  --light: #FFF4D9;
  --dark: #222529;
}

html :where(.wp-block) {
  max-width: none;
  overflow-x: hidden;
}

/* Loader styling */
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10002;
  opacity: 1;
  transition: transform 0.7s cubic-bezier(0.12, 0.02, 0.99, 0.07);
}

svg.loader-bg {
  position: absolute;
  transform: translateY(0);
  left: -50%;
  right: -50%;
  bottom: -50%;
  top: -50%;
  margin: auto;
  width: 200vw;
  height: 200vh;
  transition: transform 0.6s cubic-bezier(0.12, 0.02, 0.99, 0.07);
}

.loader.translate-up {
  transform: translateY(-250vh);
}

svg.logo-loader {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 30%;
  height: auto;
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--dark);
}

#project-header,
#project-content {
  color: var(--light);
}

.noise {
  animation: noise 1.2s steps(3) infinite both;
  background: url(../img/noise.png);
  height: 200%;
  left: -50%;
  pointer-events: none;
  position: absolute;
  top: -50%;
  width: 200%;
  will-change: auto;
  z-index: 99998;
  opacity: .2;
  mix-blend-mode: darken;
}

@keyframes noise {
  0% {
    transform: translate3d(1%, -1%, 0)
  }

  10% {
    transform: translate3d(-5%, -2%, 0)
  }

  20% {
    transform: translate3d(10%, 5%, 0)
  }

  30% {
    transform: translate3d(5%, -11%, 0)
  }

  40% {
    transform: translate3d(-12%, -5%, 0)
  }

  50% {
    transform: translate3d(10%, 9%, 0)
  }

  60% {
    transform: translate3d(15%, 0, 0)
  }

  70% {
    transform: translate3d(-10%, 8%, 0)
  }

  80% {
    transform: translate3d(10%, 2%, 0)
  }

  90% {
    transform: translate3d(1%, 5%, 0)
  }

  to {
    transform: translate3d(0, 8%, 0)
  }
}

.hero {
  cursor: none;
  position: relative;
  padding-top: 1rem;
}

.o-scroll {
  position: relative;
  overflow: hidden;
  background-color: var(--light);
  backface-visibility: hidden;
  transition: background-color .1s ease-in, color .1s ease-in, transform 0.7s cubic-bezier(0.12, 0.02, 0.99, 0.07);
  will-change: background-color, color, transform;
}

.single .o-scroll {
  background: blueviolet;
}

.o-scroll.loaded {
  transform: translateY(0);
}

.hero-cursor {
  width: 180px;
  height: 180px;
  color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' width='24' height='24' stroke-width='0.5'%3E%3Cpath d='M10 18l6 -6l-6 -6v12'%3E%3C/path%3E%3C/svg%3E ");
  border-radius: 50%;
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
  font-size: 12px;
  color: white;
  font-weight: 200;
  background-size: 65px 65px;
  background-position: center;
  background-repeat: no-repeat;
  backdrop-filter: invert(80%);
  clip-path: circle(36% at 50% 50%);
}

.hero-cursor svg {
  animation: spin360 10s linear infinite;
  transition: 0.3s;
}

.hero-cursor.onmenu {
  background: none;
  backdrop-filter: invert(100%);
}

.hero-cursor.onmenu svg {
  opacity: 0;
}

@keyframes spin360 {
  to {
    transform: rotate(360deg)
  }
}

.hero-container {
  background-color: var(--blue);
  border-radius: 3rem;
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  min-height: calc(100vh - 2.5rem);
}

.hero-container .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  font-size: 18px;
  position: relative;
  z-index: 9;
  height: 5rem;
}

.hero-container .header .nav-link {
  color: white;
}

.hero-container .caption {
  font-size: 113px;
  font-weight: 900;
  line-height: 89px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: fit-content;
  position: relative;
  z-index: 3;
  pointer-events: none;
  padding-top: 3%;
  margin-top: 5%;
}

.hero-container .lines {
  position: absolute;
  width: 130%;
  height: 100%;
  left: -30%;
  top: 0;
}

.hero-container .line {
  background-color: var(--yellow);
  width: 100%;
  height: 50%;
  border-radius: 0 5rem 5rem 0;
}

.hero-container .line:nth-child(2) {
  width: 90%;
  margin-left: -4rem;
  margin-top: -2px;
}

.hero-container .caption-txt {
  padding: 1rem 3rem 5rem 3rem;
  position: relative;
}

.hero-container .caption span {
  color: var(--blue);
}

.hero-container .hero-image img {
  position: absolute;
  bottom: -12%;
  right: 0rem;
  z-index: 5;
  height: 85%;
}

.hero-marquee {
  position: absolute;
  width: 100%;
  bottom: 1rem;
}

.hero-container .hero-marquee h1 {
  font-weight: 100;
  font-style: italic;
  font-size: 130px;
  white-space: nowrap;
  color: white;
  pointer-events: none;
  text-transform: lowercase;
}

.hero-container .marquee-wrap {
  display: flex;
  align-items: center;
  position: relative;
}

.hero-container .marquee-h1 {
  display: flex;
  align-items: center;
  width: 100%;
}

.hero-container .star {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='91' height='91' viewBox='0 0 91 91' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.5 0L51.0338 39.9662L91 45.5L51.0338 51.0338L45.5 91L39.9662 51.0338L0 45.5L39.9662 39.9662L45.5 0Z' fill='%23F7C517'/%3E%3C/svg%3E%0A");
  position: absolute;
  background-size: cover;
}

.hero-container .star:nth-child(1) {
  width: 3rem;
  height: 3rem;
  top: 20%;
  right: 20%;
}

.hero-container .star:nth-child(2) {
  width: 5rem;
  height: 5rem;
  top: 50%;
  right: 28%;
}

.hero-container .star:nth-child(3) {
  width: 2rem;
  height: 2rem;
  top: 13%;
  right: 29%;
}

.hero-container .star:nth-child(4) {
  width: 3rem;
  height: 3rem;
  top: 63%;
  right: 36%;
}

.logo a {
  color: white;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 600;
  overflow: hidden;
  width: 157px;
  display: flex;
}

.logo a .logo-window {
  display: flex;
  transition: .6s;
  color: var(--light);
}

.logo a:hover .logo-window {
  transform: translateX(-157px);
}

.modal .btn-close,
.btn-close:hover {
  position: absolute;
  right: 0;
  z-index: 5;
  font-size: 25px;
  border-radius: 100%;
  opacity: 1;
  background-size: cover;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23F7C517'/%3E%3Cline x1='8.64645' y1='25.6464' x2='25.6464' y2='8.64645' stroke='black'/%3E%3Cline y1='-0.5' x2='24.0416' y2='-0.5' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 26 26)' stroke='black'/%3E%3C/svg%3E%0A");
  box-shadow: 0 0 12px 0 black;
}

.modal-body {
  padding: 0;
}

.modal-content {
  overflow: hidden;
}

.about {
  margin: 10rem 0;
}

.section-title {
  font-size: 113px;
  line-height: 89px;
  font-weight: 700;
  width: 80%;
}

.about .text {
  font-size: 32px;
  line-height: 43px;
  font-weight: 600;
}

.about .text {
  margin-top: 2rem;
}

.btn-orange,
.btn-orange:hover {
  background-color: var(--orange);
}

.btn {
  border-radius: 3rem;
  padding: 2% 10%;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.btn-yellow,
.btn-yellow:hover {
  background: var(--yellow);
}

button.watchmyvideo {
  margin-top: 3rem;
}

.about .buttons {
  display: flex;
  margin-top: 2rem;
}

.about .buttons .btn {
  margin-right: 1rem;
}

.doodles {
  animation: doodles 2s infinite steps(1, end);
  width: 100%;
  position: relative;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@keyframes doodles {
  0% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='313' height='369' viewBox='0 0 313 369' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 234.88C21.9627 209.339 22.7961 207.867 49.3472 176.891C96.2143 122.212 143.027 63.8449 198.339 17.2566C202.139 14.0554 222.786 -8.16695 231.46 7.59165C246.844 35.5388 214.477 93.362 203.769 113.688C185.068 149.185 155.699 192.496 131.227 224.672C123.719 234.544 115.777 244.133 107.119 253.015C88.3354 272.287 103.035 244.098 105.599 238.898C132.351 184.652 166.769 125.381 210.284 82.8477C218.56 74.759 228.645 63.8827 240.148 65.1468C248.123 66.0232 250.193 79.177 249.813 87.1914C248.942 105.555 242.664 123.386 236.564 140.729C221.713 182.953 203.422 215.265 178.249 251.712C170.696 262.648 162.424 273.139 153.381 282.879C150.684 285.783 135.677 299.89 141.001 283.313C145.799 268.374 165.864 231.992 172.059 222.066C192.188 189.816 225.092 130.772 266.862 121.507C295.878 115.071 303.533 142.636 307.259 164.076C316.866 219.346 300.063 277.501 280.871 328.706C277.233 338.412 272.639 347.753 267.839 356.94C262.132 367.863 257.62 373.669 260.889 356.614C271.505 301.24 294.197 247.401 310.843 193.831' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  10% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='390' height='374' viewBox='0 0 390 374' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3534 41.9053C29.8314 100.645 38.6317 161.764 44.2395 221.955C46.6037 247.331 51.1873 278.824 43.4794 303.727C41.9152 308.78 38.9251 313.119 37.1809 318.061C36.4548 320.118 36.7508 319.956 39.6786 320.124C46.522 320.519 59.1048 319.527 64.5467 319.147C118.627 315.374 172.218 311.654 226.461 311.654C236.027 311.654 265.251 315.873 271.202 305.573C275.997 297.275 276.186 275.521 276.415 269.737C277.052 253.626 277.261 205.44 277.283 190.028C277.329 159.197 276.024 128.521 275.437 97.7228C275.184 84.4062 275.329 71.0785 275.329 57.7601C275.329 52.2845 276.887 47.3015 270.768 45.3803C253.57 39.9811 234.024 39.6732 216.253 38.4302C186.363 36.3395 155.891 33.8464 125.903 34.4122C98.6777 34.9259 71.5054 41.6871 45.3255 48.5295C34.8934 51.2561 18.6024 51.8689 8.83772 57.1085C2.59791 60.4567 10.5818 84.2847 11.2268 87.2978C19.3522 125.257 27.5595 162.986 32.5113 201.539C37.95 243.883 38.9978 288.278 36.4207 330.984C35.9864 338.181 33.9198 342.282 43.3708 341.192C66.6097 338.51 89.4282 330.724 112.22 325.771C164.53 314.405 215.395 311.654 268.596 311.654C282.125 311.654 296.816 313.176 310.296 311.437C317.261 310.538 314.408 288.297 314.423 284.723C314.608 239.716 316.332 194.126 313.337 149.197C311.827 126.557 304.672 105.159 302.803 82.7368C302.036 73.5363 302.587 63.2158 299.437 54.3936C294.828 41.4891 267.303 45.8665 257.954 45.8147C203.225 45.5115 148.488 45.8147 93.7586 45.8147C78.9134 45.8147 64.0724 45.9402 49.2349 45.3803C33.6065 44.7905 31.5 46.9837 30.2308 63.6242C26.6718 110.288 28.1734 158.273 30.0137 205.014C31.8411 251.43 31.1965 298.004 30.991 344.45C30.9592 351.639 29.4707 359.374 29.4707 366.386C29.4707 367.697 32.2003 367.892 32.5113 367.906C45.3085 368.494 59.406 364.895 71.7139 362.693C130.67 352.146 189.14 341.239 249.049 339.02C264.69 338.441 280.876 333.173 295.962 329.246C319.572 323.101 310.513 277.33 310.513 260.072C310.513 181.591 295.531 107.979 272.397 33.4349C270.742 28.1033 269.537 17.1412 263.492 16.3856C222.199 11.2239 182.087 18.1319 140.889 18.4488C117.219 18.6309 93.5393 18.4488 69.8678 18.4488C52.8607 18.4488 42.3843 31.5622 36.6379 47.5522C28.6802 69.6953 31.0949 96.2197 30.991 119.225C30.8372 153.302 31.7173 187.466 30.1222 221.521C27.78 271.528 10.8705 318.766 5.79707 368.232C5.42378 371.871 4.63771 372.291 9.59788 372.358C21.504 372.519 42.3501 368.447 50.9724 366.82C123.218 353.185 194.185 333.458 266.641 320.885C287.864 317.202 308.429 315.563 329.843 315.563C346.67 315.563 367.886 319.224 384.358 315.563C400.329 312.014 357.043 242.963 354.385 238.679C329.377 198.371 314.339 150.959 310.948 103.478C309.115 77.8148 312.181 51.9092 310.079 26.2677C307.905 -0.25296 287.193 4.82984 264.143 3.89718C199.796 1.29352 134.464 0.984635 70.085 3.02842C56.5984 3.45657 43.3293 5.55506 30.0137 7.5894C15.8677 9.75058 17.0729 12.9011 18.1768 27.1364C20.2652 54.0646 25.0727 80.6387 27.7332 107.496C31.5202 145.727 30.991 184.239 30.991 222.607C30.991 258.585 30.7633 294.572 30.991 330.549C31.0369 337.804 30.0717 347.937 32.9457 354.875C36.5397 363.55 56.2057 360.323 62.4834 360.087C151.776 356.735 240.019 341.363 329.517 338.911C351.219 338.317 317.313 192.208 315.291 179.82C310.136 148.222 305.228 116.541 304.649 84.4743C304.314 65.8818 306.006 46.8291 303.563 28.3309C302.978 23.9031 302.273 18.9275 297.373 17.5801C281.321 13.1657 261.911 14.8139 245.574 14.648C189.693 14.0807 133.788 14.5394 77.9038 14.5394C65.9584 14.5394 54.013 14.5394 42.0676 14.5394C33.3181 14.5394 20.8567 12.27 12.3127 14.5394C2.90089 17.0395 3.34082 45.9272 2.97361 51.2444C0.287999 90.1321 2.87051 129.435 4.60253 168.309C6.81873 218.051 7.53458 267.625 7.53458 317.41C7.53458 327.488 2.22163 355.981 11.0096 365.083C14.9989 369.214 24.8554 369.121 29.4707 369.426C76.0082 372.503 123.295 370.295 169.883 370.295C211.62 370.295 253.356 370.295 295.093 370.295C299.636 370.295 308.232 372.414 311.382 367.689C330.041 339.701 340.533 305.493 342.44 272.126C344.244 240.553 338.048 210.08 328.106 180.255C319.793 155.316 305.586 131.963 299.328 106.41C293.737 83.5817 295.303 58.0597 286.622 36.0412C284.239 29.9951 281.969 22.652 274.894 20.8379C245.054 13.1865 208.082 19.9082 178.137 21.3809C128.682 23.8131 79.3949 24.313 29.9051 24.313C23.9734 24.313 15.5454 22.2648 13.5073 29.5255C6.08361 55.9723 9.42383 88.001 9.48929 115.098C9.62201 170.044 11.9394 226.131 16.5479 280.922C18.3561 302.418 22.4083 323.854 27.0816 344.884' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  20% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='422' height='430' viewBox='0 0 422 430' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.6253 370.02C58.1119 269.748 54.2712 168.259 66.584 67.9099C67.5519 60.0218 68.9641 46.1876 69.0817 64.0005C69.2235 85.4855 68.8645 102.939 69.0817 125.031C69.1453 131.506 69.4784 184.687 72.1223 195.4C77.8515 218.614 96.5884 153.825 103.723 131.003C117.06 88.344 120.413 74.8633 132.284 33.3769C135.211 23.1468 141.997 -6.69596 144.12 3.73058C149.229 28.8107 145.315 54.9117 145.315 80.5069C145.315 126.623 145.315 172.74 145.315 218.856C145.315 240.024 145.056 298.628 145.858 323.976C146.126 332.459 146.145 341.006 147.487 349.387C147.806 351.38 149.08 355.632 150.745 354.491C163.792 345.544 163.15 271.9 163.559 265.335C165.589 232.755 166.983 188.514 167.903 155.437C168.275 142.046 170.666 101.995 168.771 115.257C166.288 132.639 166.482 150.299 165.296 167.817C162.568 208.152 158.395 267.826 156.609 307.252C154.876 345.499 148.788 455.826 166.165 421.711C182.7 389.25 190.039 345.98 198.092 311.27C211.802 252.174 219.643 192.367 231.322 132.958C233.954 119.571 233.362 140.177 233.385 140.885C234.661 179.578 233.665 164.918 235.774 213.318C236.15 221.941 237.456 357.982 251.086 358.292C259.865 358.491 267.478 292.836 267.592 292.049C274.585 244.079 280.551 192.956 277.8 144.36C276.583 122.856 268.304 124.253 248.263 124.813C175.154 126.858 101.521 133.114 28.9017 141.646C8.67504 144.022 -14.7396 147.511 19.5626 149.139C90.3897 152.499 161.481 152.254 232.191 158.043C239.696 158.658 247.494 158.593 254.561 161.193C256.172 161.785 252.707 164.428 251.086 164.993C228.157 172.99 204.001 176.904 180.5 183.02C160.574 188.206 99.2084 204.31 77.7692 210.386C68.2226 213.091 40.1619 219.519 49.969 221.028C57.8765 222.245 65.968 221.308 73.9684 221.354C195.28 222.053 40.1543 220.543 207.431 221.788C259.084 222.173 323.719 222.623 376.187 224.829C390.542 225.433 405.503 223.391 419.19 227.761C423.609 229.172 411.628 233.555 407.136 234.711C379.921 241.716 233.726 267.651 226.327 269.027C191.553 275.492 156.714 281.638 122.076 288.791C105.516 292.211 88.4564 294.413 72.7739 300.737C53.5167 308.502 114.126 305.333 134.89 305.406C179.341 305.564 231.58 305.433 275.954 305.732C295.031 305.861 314.128 305.455 333.184 306.384C351.571 307.279 370.173 308.262 341.654 317.243C275.341 338.125 205.719 347.966 138.799 366.762C136.459 367.419 120.731 371.274 132.935 371.975C148.186 372.85 163.487 372.001 178.762 371.975C219.78 371.905 260.698 370.941 301.691 370.02' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  30% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='362' height='322' viewBox='0 0 362 322' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M99.9039 296.654C137.545 237.571 188.949 188.876 227.285 130.287C233.994 120.035 239.105 109.533 243.574 98.1433C246.233 91.3675 247.523 87.6069 250.524 80.9854C252.069 77.5794 257.642 67.8436 255.628 70.9947C218.941 128.4 79.7605 278.812 127.595 230.303C167.875 189.456 201.515 141.121 233.91 94.0167C242.701 81.2325 253.511 64.5495 262.361 51.0133C263.119 49.8536 265.447 46.4108 264.642 47.5382C258.397 56.281 252.401 65.199 246.289 74.0353C210.522 125.747 175.831 178.169 143.559 232.149C138.882 239.972 134.22 247.81 129.876 255.823C128.854 257.708 125.44 262.435 127.487 261.795C130.407 260.883 131.534 257.197 133.351 254.737C142.71 242.064 172.451 199.11 177.658 191.535C203.223 154.337 220.873 128.159 245.638 90.7589C255.27 76.2125 278.758 30.8648 275.936 48.0812C274.282 58.1674 266.38 77.4794 263.773 83.9174C247.033 125.259 227.548 165.352 208.498 205.652C203.993 215.183 188.305 241.833 196.119 234.755C209.318 222.798 217.369 206.167 227.828 191.752C254.221 155.376 334.565 47.1233 306.994 82.6143C256.609 147.471 207.985 213.823 156.156 277.541C114.016 329.347 234.667 169.481 272.786 114.65C276.117 109.859 336.194 22.3898 291.465 90.8675C271.239 121.831 251.49 150.788 230.217 181.218C220.417 195.238 210.708 209.33 200.462 223.027C181.809 247.965 191.007 231.203 199.811 215.643C231.619 159.423 264.919 103.625 299.501 49.0586C304.016 41.9343 290.59 63.3884 285.818 70.3431C244.507 130.55 200.867 189.091 157.459 247.787C140.463 270.768 122.926 293.365 106.637 316.853C96.9981 330.75 126.822 289.706 136.609 275.913C183.868 209.306 322.46 7.26185 276.696 74.9041C261.971 96.6677 248.681 115.778 233.041 137.237C224.372 149.132 215.55 160.915 206.652 172.639C200.056 181.331 193.424 190 186.562 198.485C184.694 200.795 180.17 207.955 180.481 205C180.916 200.864 184.723 197.841 186.997 194.358C192.76 185.531 198.713 176.83 204.589 168.078C227.934 133.306 251.668 98.7808 274.741 63.8274C275.718 62.3475 290.408 40.5647 278.216 56.2258C257.047 83.4189 236.548 111.127 215.666 138.54C191.916 169.717 143.018 233.764 118.148 266.03C110.054 276.531 102.004 287.068 93.714 297.414C92.6577 298.733 89.1969 302.406 90.1304 300.998C95.3923 293.061 101.116 285.439 106.745 277.759C161.351 203.253 220.198 131.561 272.135 55.1399C299.318 15.1412 218.182 135.418 190.906 175.354C175.861 197.383 160.903 219.472 145.839 241.488C141.587 247.703 153.983 228.818 158.219 222.593C185.492 182.509 201.111 160.488 231.086 118.668C257.349 82.0264 340.479 -24.1038 308.84 8.00983C301.579 15.3791 252.385 74.8414 251.067 76.4244C236.781 93.5931 197.971 147.174 206.652 126.595C215.811 104.885 230.959 84.583 242.597 64.0446' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M58.8552 58.1805C126.662 101.233 191.687 148.046 257.8 193.598C262.893 197.107 267.79 200.955 273.221 203.914C279.761 207.478 276.869 199.606 275.827 197.182C265.082 172.191 245.974 152.302 224.027 136.694C184.354 108.479 137.283 86.8662 91.8679 69.6915C87.2517 67.9458 77.2105 61.503 77.4248 66.4337C77.7133 73.0679 87.0543 75.6135 92.3023 79.6822C106.401 90.6125 121.05 100.813 135.414 111.392C188.336 150.369 240.56 190.857 294.94 227.805C342.295 259.98 288.173 206.032 286.578 204.457C239.071 157.55 186.428 113.062 130.528 76.4244C74.3198 39.5855 115.553 93.3902 128.681 109.003C176.725 166.135 232.677 216.536 289.293 264.944C334.956 303.988 316.148 281.715 293.854 261.252C255.838 226.359 215.018 194.195 172.445 165.038C168.055 162.031 163.516 154.841 158.654 157.002C154.42 158.883 165.017 163.761 168.536 166.775C177.663 174.595 187.068 182.09 196.553 189.471C219.368 207.225 251.305 237.659 280.605 245.18C282.224 245.596 282.064 241.506 281.04 240.185C269.547 225.37 233.987 198.897 223.919 191.426C191.018 167.01 158.193 144.698 122.709 124.206C102.025 112.261 51.6561 88.5383 103.162 130.722C154.594 172.845 211.411 209.54 268.551 243.334C281.618 251.062 294.543 259.189 308.405 265.379C330.572 275.276 319.234 259.326 311.88 249.958C291.18 223.589 62.7609 -3.34994 49.9504 12.788C45.9697 17.8027 53.9916 25.1333 57.6606 30.3803C82.1244 65.3662 120.829 102.686 150.075 130.722C171.677 151.431 193.819 171.584 216.317 191.317C217.48 192.338 275.534 242.645 291.465 249.958C293.571 250.925 291.195 245.019 289.727 243.226C273.977 223.989 231.434 186.939 217.729 175.028C178.586 141.009 137.912 105.005 93.6054 77.5103C36.1046 41.8272 200.771 160.858 259.321 194.792C290.591 212.917 285.377 205.111 262.036 187.191C224.519 158.389 184.534 129.384 142.256 107.917C136.947 105.221 130.62 100.118 125.206 102.596C121.581 104.255 126.923 110.691 129.442 113.781C137.625 123.82 147.172 132.709 156.807 141.364C208.177 187.507 265.467 228.383 323.826 265.162C334.278 271.749 365.955 288.372 358.359 278.627C351.276 269.541 342.141 262.221 333.382 254.737C297.855 224.377 261.312 198.391 223.05 171.336C182.101 142.381 140.12 111.512 96.8633 85.7635C95.2599 84.8091 92.1973 82.2789 91.5421 84.026C90.6383 86.4362 93.3207 88.9499 94.9085 90.9761C100.317 97.8779 106.205 104.418 112.392 110.632C122.944 121.229 133.75 131.601 145.079 141.364C157.336 151.926 169.87 162.221 183.087 171.553C190.13 176.526 197.541 187.008 205.675 184.15C211.92 181.956 199.51 172.29 195.141 167.318C174.949 144.338 142.115 115.799 119.125 96.4058C105.718 85.0964 65.4975 52.5151 75.5787 66.8681C93.9167 92.9763 122.464 115.428 146.274 135.826C156.78 144.826 167.465 153.623 178.309 162.214C185.062 167.564 191.933 172.781 199.051 177.634C201.512 179.313 206.272 184.655 206.978 181.761C207.845 178.208 202.66 175.83 200.137 173.182C185.015 157.31 162.643 137.73 147.143 124.315C112.958 94.7283 78.089 64.3871 40.8285 38.6335C37.8853 36.5992 33.802 31.2169 31.2722 33.7467C28.8084 36.2105 34.5629 39.9761 36.9191 42.5429C45.5389 51.9334 54.7023 60.8273 64.0677 69.4743C121.055 122.09 182.049 170.461 243.249 218.032C256.207 228.104 269.237 238.094 282.56 247.678C286.029 250.173 306.258 266.596 295.265 250.936C274.081 220.756 242.458 194.899 215.231 170.902C200.321 157.76 185.1 144.973 169.839 132.242C151.306 116.782 134.248 98.7272 112.827 87.6096C101.332 81.6441 129.227 107.738 138.564 116.713C184.301 160.68 232.236 202.53 281.257 242.791C332.15 284.591 282.648 239.172 279.845 236.71C237.674 199.677 193.009 165.515 147.685 132.459C130.588 119.989 113.252 107.848 95.8859 95.7542C83.206 86.9241 70.5573 78.035 57.552 69.6915C52.7667 66.6215 48.25 61.4206 42.566 61.5469C39.2823 61.6199 45.5619 67.485 47.7785 69.9087C63.431 87.0236 99.8535 119.979 114.673 132.676C129.853 145.683 145.36 158.317 161.151 170.576C172.882 179.682 184.691 188.75 197.205 196.747C200.543 198.88 208.039 204.711 208.39 200.765C208.898 195.047 201.944 191.214 198.073 186.974C183.103 170.576 138.367 127.898 125.749 115.953C87.0382 79.305 48.5385 39.8134 6.51261 6.8153C-11.5873 -7.39647 35.3543 42.843 51.9051 58.8321C113.781 118.608 178.554 175.749 245.964 229.217C258.89 239.47 271.91 249.655 285.601 258.863C288.375 260.729 295.975 265.442 295.048 262.23C293.256 256.016 286.996 252.06 282.343 247.569C240.7 207.386 193.549 172.767 147.143 138.432C118.978 117.594 88.3435 91.8855 57.552 74.0353C33.1619 59.8961 102.331 108.349 125.641 124.206C192.338 169.577 262.046 209.268 330.559 251.696' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  40% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='311' height='341' viewBox='0 0 311 341' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.76111 23.1318C55.1913 41.1182 112.07 49.992 168.562 49.846C175.711 49.8276 192.16 50.9249 195.277 41.1585C198.499 31.0613 190.586 20.2361 182.897 14.77C154.323 -5.54167 103.131 0.720732 75.6054 19.6567C61.5394 29.3333 52.1335 45.922 56.4927 63.5289C65.9561 101.751 113.051 105.537 144.454 108.27C185.227 111.818 226.69 112.028 267.6 111.853C275.593 111.819 298.37 111.73 291.274 108.053C273.152 98.6621 246.041 98.9438 226.986 98.1706C201.416 97.1329 167.415 96.9 141.957 99.0393C125.293 100.44 103.024 101.384 88.8539 113.374C77.8274 122.704 81.5863 139.749 92.9805 146.712C112.935 158.906 144.526 156.995 166.39 157.572C194.908 158.325 226.314 160.557 254.569 154.966C255.076 154.865 270.125 150.766 259.13 147.364C249.708 144.449 223.965 144.3 216.995 144.323C174.544 144.467 131.008 146.094 89.3969 155.183C66.1678 160.256 25.7139 169.835 15.2268 196.449C7.12926 216.998 34.1303 224.68 46.9364 227.181C99.2655 237.401 156.068 236.029 209.177 235.651C271.662 235.207 199.188 230.434 195.928 230.33C174.617 229.651 153.278 229.17 131.966 229.787C113.955 230.309 56.2781 230.42 34.0137 244.447C30.1732 246.867 28.1482 254.059 30.8644 257.696C39.4996 269.257 84.4883 280.322 91.8946 282.021C155.347 296.578 223.871 305.428 289.102 303.306C294.388 303.134 299.692 302.528 304.848 301.351C315.838 298.842 303.221 296.513 300.939 296.138C267.747 290.693 231.432 292.692 198.1 292.881C165.529 293.065 119.283 288.078 87.9852 301.785C62.1933 313.081 104.219 330.299 111.116 331.866C141.923 338.868 175.025 337.644 206.353 337.839C227.6 337.971 252.584 340.144 273.899 336.753C284.581 335.053 252.352 334.581 241.538 334.364C200.068 333.529 158.564 333.929 117.088 333.929' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  50% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='334' height='330' viewBox='0 0 334 330' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M157.681 283.156C126.801 233.404 61.7376 216.303 42.3534 159.575C38.6544 148.75 25.5932 113.179 39.7471 104.192C60.3733 91.096 93.3212 84.6397 116.849 81.2786C129.884 79.4164 163.384 83.3065 165.391 101.369C166.581 112.074 161.991 122.242 161.59 132.861C161.307 140.358 166.511 126.851 166.803 126.345C178.714 105.669 190.672 84.8623 203.725 64.8808C218.138 42.8164 234.283 20.9475 259.108 41.2072C302.42 76.554 291.739 144.977 267.253 188.353C251.824 215.683 230.343 236.45 209.372 259.265C205.633 263.333 164.778 307.625 163.871 306.504C146.139 284.6 130.66 261.346 111.745 240.261C91.7192 217.937 71.019 199.126 59.9457 170.652C45.8271 134.347 32.0101 81.9118 71.8911 55.3245C89.7656 43.4081 119.256 49.6798 136.505 58.5823C161.455 71.4598 162.704 90.5992 165.065 116.572C165.101 116.965 165.062 128.359 166.368 128.3C172.103 128.039 180.108 104.385 181.572 101.369C193.96 75.8368 211.036 40.496 238.692 27.6329C255.361 19.8801 279.103 26.9597 287.994 42.8361C298.751 62.0441 298.365 86.5681 298.093 107.884C297.699 138.836 291.319 167.231 277.352 194.977C256.881 235.643 223.143 264.86 191.345 296.404C188.637 299.09 177.943 313.535 172.45 310.956C167.128 308.458 154.544 292.386 153.554 291.192C136.774 270.933 120.892 249.955 103.166 230.487C78.874 203.809 60.2333 180.28 51.9097 143.829C46.297 119.249 43.2001 78.658 67.1129 61.8401C81.1764 51.9494 116.572 45.0719 131.401 56.1932C143.749 65.4543 154.316 79.14 161.156 92.8982C164.129 98.8789 166.324 105.515 168.54 111.794C168.968 113.007 171.867 127.832 174.513 118.961C180.115 100.178 182.595 80.4225 187.979 61.5144C191.568 48.9061 195.152 33.2309 206.005 24.5922C221.858 11.9751 252.335 7.52468 269.533 19.4883C287.519 31.9999 306.295 50.5849 318.183 69.0074C329.506 86.5537 328.468 108.666 324.265 128.3C318.5 155.228 304.476 179.962 291.035 203.665C276.756 228.845 261.05 252.748 240.973 273.708C224.716 290.679 207.027 305.784 187.11 318.232C168.28 330 162.33 324.443 144.106 309.436C115.126 285.569 87.3507 259.522 61.466 232.334C48.0514 218.243 35.6194 203.296 28.2361 185.095C10.9355 142.447 22.1096 96.7107 46.6972 59.4511C61.4279 37.1283 73.3142 27.7654 100.994 29.479C136.564 31.6809 169.611 53.9763 180.92 87.9028C184.277 97.9742 186.558 108.167 188.739 118.526C190.133 125.151 188.956 104.989 188.956 98.2193C188.956 63.5813 193.389 23.0942 235.217 18.6195C273.281 14.5476 301.552 46.4611 316.663 78.3465C335.759 118.638 326.914 176.696 298.745 210.397C267.909 247.291 218.501 266.615 180.16 294.558C179.841 294.791 142.492 328.309 142.043 328.114C135.989 325.482 129.868 300.869 128.143 296.839C116.931 270.65 103.296 246.679 86.2256 223.863C75.2204 209.154 60.8909 195.291 52.9957 178.471C42.82 156.792 41.9993 130.774 45.0682 107.45C47.8687 86.1667 55.733 48.482 81.3388 43.922C109.492 38.9085 148.697 42.7091 166.368 68.573C177.43 84.7627 182.609 104.204 183.092 123.522C183.172 126.728 186.52 118.052 187.653 115.051C198.35 86.7197 209.691 58.4781 224.466 31.9767C232.279 17.9629 248.824 0.488533 267.47 6.99991C314.603 23.4591 333.965 74.1276 332.301 119.83C330.617 166.067 309.226 204.892 274.528 234.723C246.932 258.449 213.894 272.846 191.997 302.594C183.382 314.297 179.929 329.107 164.414 320.295C133.349 302.653 105.262 274.254 79.8185 249.817C39.463 211.059 5.63765 170.901 2.60779 112.88C0.480023 72.1328 17.1096 47.3229 55.8191 36.2118C84.2329 28.056 113.815 25.9479 134.767 49.3518C156.985 74.1691 167.459 101.708 177.011 132.752C177.609 134.697 177.545 131.654 177.988 129.82C180.392 119.861 181.868 114.434 185.264 103.649C194.834 73.2585 205.474 34.7835 232.828 15.1445C256.812 -2.07467 282.854 -5.59733 300.591 21.0086C330.793 66.311 318.406 122.869 289.84 164.896C251.158 221.808 180.491 253.818 157.681 322.25' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  60% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='356' height='371' viewBox='0 0 356 371' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M200.82 32.9959C174.165 33.4305 150.339 35.279 130.234 55.1492C108.399 76.7284 95.2179 109.562 87.8818 138.767C68.7615 214.884 115.354 306.884 198.648 316.645C280.922 326.286 312.975 242.086 313.65 174.929C313.882 151.808 313.819 126.148 301.813 105.537C289.452 84.3173 265.859 71.0556 244.258 61.2304C204.518 43.1552 145.527 26.7848 102.868 44.7241C39.7607 71.2625 25.4808 155.682 45.0956 213.48C61.7051 262.423 105.347 321.019 160.423 329.025C193.52 333.835 226.859 317.081 253.597 299.487C286.597 277.773 317.816 248.302 327.659 208.702C343.896 143.373 299.791 97.9359 252.728 58.8414C209.672 23.0753 132.2 -15.2064 82.5607 28.5435C31.8891 73.2032 5.25842 156.039 24.0282 221.733C41.3321 282.296 99.0677 307.524 156.948 313.821C186.559 317.043 217.735 313.083 243.824 297.749C274.612 279.654 290.192 247.573 299.424 214.349C308.668 181.082 312.803 144.851 311.804 110.315C311.012 82.951 301.449 64.8998 279.008 48.7421C237.889 19.1361 181.267 4.45283 131.754 19.5302C73.2077 37.3582 42.9684 90.4026 36.5166 149.083C30.4537 204.227 47.7458 264.876 83.4295 307.957C95.514 322.547 111.526 329.059 129.799 332.5C164.118 338.962 203.173 339.633 236.874 329.676C338.689 299.594 395.991 148.676 316.148 68.8321C283.599 36.2834 242.6 12.9598 196.259 8.99648C117.394 2.25148 62.4682 50.2427 41.6206 125.084C31.5743 161.149 29.7526 200.195 32.4986 237.371C34.9578 270.664 41.4511 306.51 61.8191 334.02C101.901 388.156 189.846 370.141 241.326 345.097C263.126 334.491 282.558 319.687 291.497 296.446C299.209 276.394 300.522 252.528 299.75 231.289C297.544 170.63 258.068 118.289 212.114 81.6462C168.182 46.6158 108.969 33.0911 56.3894 59.9273C24.6651 76.1192 7.07248 104.386 3.1781 139.201C-1.09862 177.435 2.04558 225.991 28.1548 256.483C66.5453 301.319 148.392 328.79 206.141 317.296C285.62 301.478 303.457 211.836 302.682 143.762C301.924 77.231 254.333 37.0949 194.63 16.4895C165.404 6.40246 134.259 1.17425 103.302 2.58941C91.6832 3.12057 82.0003 3.83063 71.4841 8.99648C57.2802 15.9738 55.0931 27.2675 46.3987 38.86' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  70% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='342' height='350' viewBox='0 0 342 350' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M77.9005 321.835C137.139 321.835 197.328 325.14 256.43 320.315C270.225 319.189 283.931 318.084 297.696 316.406C303.41 315.709 303.703 315.003 304.211 308.804C306.465 281.351 307.303 254.319 313.225 227.249C314.933 219.44 343.826 137.322 333.641 132.229C329.912 130.365 281.45 208.181 276.194 218.236C270.743 228.665 266.039 239.4 258.602 248.643C251.511 257.455 249.326 252.65 246.222 242.778C231.971 197.453 225.974 149.902 216.684 103.452C214.996 95.0118 211.203 119.839 209.734 128.32C204.999 155.664 203.02 183.288 199.201 210.743C198.269 217.441 199.89 233.17 193.771 230.29C189.855 228.447 189.064 222.976 187.364 218.996C179.124 199.712 172.232 179.837 164.776 160.247C158.05 142.574 152.078 122.706 141.754 106.601C141.02 105.456 138.679 103.651 138.062 104.863C136.461 108.009 135.571 119.04 135.456 120.718C133.672 146.633 134.296 172.962 135.021 198.906C135.315 209.42 140.498 227.416 138.17 237.892C137.802 239.548 135.822 235.414 134.913 233.982C131.527 228.649 120.852 211.028 118.949 207.92C105.813 186.46 92.3081 165.219 79.7466 143.414C75.8792 136.701 71.9454 127.067 65.4121 122.239C57.6449 116.498 61.9603 154.074 62.0457 154.817C66.3082 191.926 77.3756 227.816 82.8958 264.715C83.3141 267.511 84.7213 275.646 83.3302 273.185C76.5177 261.132 70.3925 248.439 64.0004 236.154C50.6122 210.424 41.5447 183.223 29.2501 157.097C27.3863 153.137 27.2724 157.51 27.1868 160.247C26.2511 190.19 32.4231 219.327 43.3674 247.122C53.7422 273.471 71.9668 296.307 80.2896 323.356C82.1863 329.52 88.9265 326.725 93.9725 325.962C123.036 321.567 151.637 318.458 181.065 318.034C220.765 317.463 260.628 319.343 300.302 317.926C308.647 317.628 309.097 256.421 309.858 249.294C311.579 233.181 316.479 218.203 319.415 202.381C322.951 183.327 323.436 163.663 325.17 144.392C326.15 133.507 327.173 122.6 328.971 111.813C330.393 103.28 317.917 125.178 313.225 132.446C298.021 155.998 284.44 180.169 272.068 205.313C264.907 219.865 256.269 234.952 252.303 250.814C251.07 255.746 252.095 270.159 249.48 265.801C242.975 254.959 242.57 233.215 239.489 221.494C232.459 194.75 223.972 168.214 215.164 142.003C211.147 130.049 205.227 118.55 202.241 106.275C202.046 105.474 201.047 95.8238 201.047 102.366C201.047 122.202 201.047 142.039 201.047 161.876C201.047 179.866 201.047 197.857 201.047 215.847C201.047 219.759 204.218 229.093 200.612 227.575C191.954 223.93 182.545 199.613 178.893 192.825C167.936 172.457 156.832 152.162 145.881 131.795C141.289 123.255 137.987 114.085 133.067 105.732C130.164 100.804 126.495 93.3418 128.288 105.081C133.798 141.143 142.02 176.769 147.184 212.915C147.274 213.543 150.661 232.747 147.184 230.073C136.339 221.731 128.071 207.032 119.601 196.517C101.189 173.661 85.2164 150.969 69.2129 126.582C67.5125 123.991 65.2743 118.92 62.4801 117.243C61.2679 116.516 61.9496 120.1 62.2629 121.478C65.7551 136.844 70.7051 152.146 75.9458 166.979C84.9212 192.385 96.651 217.569 108.307 241.91C114.104 254.014 100.943 249.32 95.2756 243.756C73.9897 222.857 56.6596 197.084 39.8924 172.518C37.1264 168.465 21.2801 137.857 27.2954 155.903C41.3302 198.007 65.0255 235.689 85.7193 274.705C97.6381 297.177 104.846 318.844 111.891 343.228C114.15 351.05 118.171 347.371 124.488 344.64C144.532 335.972 165.163 329.39 186.386 324.224C221.601 315.654 256.24 312.536 292.266 312.062C304.623 311.899 309.202 302.495 312.465 291.429C324.579 250.336 322.452 205.668 333.098 163.939C333.923 160.705 344.157 120.844 338.527 126.474C321.465 143.536 309.828 169.001 298.239 189.676C284.023 215.036 272.379 243.011 255.996 267.104C249.913 276.049 245.067 264.273 242.313 258.633C228.91 231.189 221.686 200.612 214.512 171.106C209.847 151.918 205.04 132.426 201.915 112.899C201.262 108.818 202.39 101.301 200.069 97.5876C199.463 96.6169 199.099 99.7066 198.983 100.845C198.347 107.106 197.397 122.115 197.137 126.582C195.644 152.266 195.907 178.31 192.033 203.793C190.898 211.26 189.644 224.929 185.409 231.81C184.736 232.904 183.397 230.067 182.911 228.878C177.87 216.528 174.283 203.562 169.554 191.087C159.623 164.891 149.102 137.803 136.542 112.682C135.024 109.646 133.47 106.836 132.632 112.899C128.715 141.238 130.677 170.925 130.677 199.449C130.677 212.589 130.677 225.729 130.677 238.869C130.677 240.928 132.208 251.677 127.202 246.471C117.438 236.315 110.271 221.973 102.66 210.309C87.1379 186.519 73.1661 162.037 59.005 137.442C52.0743 125.404 52.963 125.791 58.5707 139.179C72.5351 172.519 93.8414 207.895 97.9905 244.407C98.1888 246.152 99.1791 249.981 96.0358 247.231C92.3499 244.006 84.4214 233.367 82.6786 231.05C69.4143 213.415 57.3953 195.009 45.8651 176.21C43.1608 171.801 40.1329 167.448 37.9377 162.744C31.4623 148.868 44.7713 192.65 49.6659 207.159C61.8889 243.392 77.353 278.439 90.0631 314.451C91.4409 318.355 92.5451 325.492 95.0584 328.785C96.7917 331.056 101.869 331.48 103.746 331.609C124.497 333.036 145.823 330.247 166.296 327.374C192.334 323.719 217.21 317.14 243.399 314.994C259.339 313.687 275.333 313.233 290.963 310.107' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M320.283 22.7659C313.747 28.2924 308.634 39.0378 300.085 38.6208C294.107 38.3292 306.506 28.4858 310.293 23.8519C315.901 16.9887 331.348 -4.02494 328.319 4.30488C324.639 14.4251 317.373 23.9028 312.03 33.191C306.126 43.4551 311.437 32.8961 312.465 30.5848' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M226.458 5.17365C224 11.77 222.666 23.3661 217.987 28.6301C213.735 33.4139 221.386 3.308 219.833 9.51743C217.698 18.061 214.522 26.4976 211.363 34.7114C210.636 36.6006 212.416 24.9198 212.775 22.766' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M122.859 20.8112C123.119 21.6194 135.173 57.7751 136.542 53.1724C138.408 46.8958 138.324 27.0795 138.496 33.6254C138.611 37.9701 139.198 50.8518 138.062 46.6567C135.073 35.6191 130.818 25.6252 126.768 14.9471' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M54.4441 79.4523C54.0966 79.2121 27.3538 61.4309 37.8291 70.9819C39.5734 72.5723 59.187 85.4013 57.2675 77.4976C56.6949 75.1399 47.4556 59.4995 49.3401 66.0952C52.5272 77.25 59.6669 85.8739 66.1723 95.0899' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M21.2141 104.863C17.6236 105.644 -7.36312 110.08 6.01091 113.551C16.9343 116.386 45.1406 118.546 17.3047 118.546' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  80% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='329' height='371' viewBox='0 0 329 371' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M201.891 2.10719C181.835 55.3605 152.523 105.411 123.721 154.301C109.433 178.555 99.6093 202.958 88.8596 228.785C82.8916 243.124 79.8597 258.18 73.9627 272.554C71.2317 279.211 82.6156 272.401 83.9452 271.786C105.217 261.949 125.352 249.449 144.915 236.618C189.746 207.212 229.294 171.245 272.536 139.711C285.101 130.548 298.992 117.709 314.923 115.139C318.239 114.604 321.932 113.933 325.059 112.682C331.904 109.944 310.31 112.674 302.944 112.989C229.703 116.119 161.704 106.78 91.4704 86.4203C87.807 85.3583 42.9373 71.3768 39.101 79.8166C36.3858 85.79 57.0476 108.577 59.5266 111.607C83.1032 140.423 111.273 165.81 137.543 192.081C175.475 230.012 213.239 268.121 251.343 305.88C260.678 315.131 270.092 325.269 280.983 332.756C290.274 339.144 290.944 328.838 290.965 320.931C291.054 288.607 282.426 256.395 274.84 225.253C265.513 186.965 256.65 148.428 245.814 110.532C239.21 87.4337 231.981 64.0523 222.624 41.8833C218.87 32.9883 213.33 24.8484 210.031 15.7754C209.593 14.5713 208.301 5.28494 205.731 5.63944C195.696 7.0235 180.457 34.0802 176.398 40.194C158.269 67.5009 145.076 97.2892 130.786 126.657C119.565 149.718 106.998 172.209 97.1527 195.92C85.6184 223.698 80.6914 253.597 71.1984 282.076C69.8888 286.005 65.7461 296.392 69.3555 294.362C84.0349 286.105 97.4364 272.197 110.975 262.265C155.002 229.965 201.644 201.484 245.353 168.737C267.976 151.789 291.622 139.726 315.691 125.429C317.773 124.192 326.563 120.016 327.363 117.136C327.909 115.171 324.492 114.06 322.602 113.296C313.655 109.681 301.794 106.869 292.808 105.003C237.623 93.5458 180.81 83.9992 124.796 77.3594C94.2983 73.7441 63.8515 68.7783 33.7259 77.5129C33.1786 77.6716 21.7312 80.1829 22.0541 82.1202C23.546 91.0714 42.0595 104.864 47.2405 110.071C114.899 178.07 182.9 245.73 250.729 313.559C264.909 327.739 279.089 341.919 293.269 356.1C297.314 360.145 307.896 373.211 305.709 367.925C280.633 307.326 245.7 251.367 224.621 188.855C216.801 165.665 214.587 142.568 210.645 118.671C207.422 99.1311 202.522 79.9639 198.359 60.6196C194.972 44.8771 194.51 29.2131 192.523 13.3182C191.893 8.27574 191.367 1.75995 186.687 9.32526C169.271 37.4816 154.583 67.6406 139.079 96.8635C128.776 116.282 118.786 135.378 111.896 156.297C101.949 186.498 91.9147 216.895 83.3309 247.521C79.9309 259.652 74.1256 272.655 71.9662 284.994C71.6623 286.73 75.3755 283.822 76.7271 282.69C83.7936 276.772 90.6253 270.579 97.6134 264.568C124.146 241.748 151.284 219.621 177.319 196.227C200.087 175.769 221.575 153.802 246.121 135.411C266.592 120.074 290.155 99.8888 316.459 96.4028C351.351 91.7785 246.748 107.469 211.567 108.535C170.734 109.773 131.246 101.06 91.3168 93.9455C78.4456 91.6521 57.2313 86.5705 44.169 91.9491C39.2053 93.993 49.6034 101.345 53.3836 105.157C78.0575 130.034 102.938 154.711 127.714 179.487C164.777 216.55 201.84 253.613 238.903 290.676C247.591 299.364 256.783 311.139 267.315 317.859C277.102 324.104 273.772 310.978 272.69 305.727C266.328 274.868 258.426 244.081 250.575 213.581C241.289 177.509 229.722 142.003 221.088 105.771C216.431 86.2254 213.827 66.1422 207.727 46.9513C204.342 36.2996 200.048 25.0554 195.134 15.0076C190.481 5.49216 183.264 19.188 180.391 23.3007C130.157 95.2149 96.5855 177.89 81.9487 263.954C80.4865 272.551 79.6816 275.152 89.781 268.101C118.645 247.947 143.93 223.078 170.716 200.374C201.068 174.646 236.1 155.855 271.922 138.79C283.838 133.113 299.151 128.21 308.934 118.978C309.26 118.67 316.533 111.79 315.998 111.3C309.925 105.733 278.315 107.895 272.076 107.307C208.87 101.348 146.709 86.651 83.638 80.738C59.3649 78.4624 30.4185 77.5039 6.38937 83.3488C-2.53903 85.5206 4.08436 90.1005 9.15373 94.4063C30.9399 112.911 55.0075 128.848 78.2629 145.393C137.621 187.625 198.751 229.659 251.036 280.694C269.408 298.627 289.033 316.436 305.709 335.981C308.059 338.735 312.798 347.408 313.234 343.813C315.392 326.008 303.009 299.196 298.644 282.844C283.293 225.34 270.549 166.485 251.496 110.071C241.822 81.4255 229.134 53.4916 220.167 24.6828C219.813 23.5455 217.64 10.7074 215.406 10.7074C206.996 10.7074 190.507 31.511 186.227 36.201C150.161 75.7231 127.289 131.242 111.282 181.791C102.927 208.175 97.8372 235.753 90.2418 262.418C90.0209 263.194 84.6847 278.853 85.7881 279.158C94.9478 281.692 121.982 254.196 126.793 250.132C187.541 198.813 244.059 139.794 322.141 116.828' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  90% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='308' height='273' viewBox='0 0 308 273' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5799 162.417C28.8117 133.038 40.0517 108.543 69.6873 96.8262C107.816 81.7522 157.672 68.9711 199.241 72.0666C235.238 74.7473 271.077 96.5118 288.505 128.319C292.893 136.327 299.2 142.658 303.817 150.472C311.659 163.743 290.691 175.156 281.555 180.661C221.855 216.634 148.12 227.166 83.3702 196.733C69.0348 189.996 55.7829 181.035 43.516 171.105C37.306 166.078 24.9541 163.831 20.4939 157.205C2.43096 130.368 60.4717 95.7075 76.9631 86.4011C102.63 71.9166 131.862 66.927 161.015 66.6369C190.222 66.3463 218.304 67.5653 246.805 74.4557C260.925 77.8694 283.104 81.5492 291.22 95.4144C300.147 110.665 303.057 129.361 303.057 146.78C303.057 163.196 299.162 170.029 283.293 178.055C219.044 210.549 140.796 193.975 75.66 173.06C59.083 167.737 38.2749 161.4 26.1409 147.866C23.7238 145.17 21.8098 141.075 20.9283 137.549C19.8256 133.138 26.5175 144.724 29.1815 148.409C49.9097 177.075 84.4723 181.041 117.36 185.439C144.549 189.075 171.46 189.783 198.806 189.783C223.384 189.783 247.292 189.3 268.741 175.666C293.113 160.174 295.538 140.178 295.238 112.898C294.968 88.337 288.612 80.4652 264.397 75.2159C216.136 64.7536 169.165 60.8549 119.967 64.7908C87.8464 67.3604 51.72 72.681 25.0549 92.591C12.0535 102.299 -1.8939 121.878 2.79304 139.287C10.999 169.766 64.736 181.972 89.9944 188.48C130.838 199.004 172.601 201.835 214.661 201.511C243.435 201.29 257.608 195.452 277.211 175.449C282.338 170.218 288.268 165.478 293.283 160.463' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M132.998 76.4104C110.476 93.9271 98.104 131.349 112.039 158.291C119.616 172.938 133.505 185.161 149.83 188.263C162.333 190.638 177.777 191.526 190.119 187.828C209.45 182.037 215.169 164.072 218.136 146.128C221.051 128.5 226.177 97.4569 214.661 81.623C201.996 64.2091 165.763 69.6309 149.287 75.2159C117.281 86.0654 100.84 119.304 102.591 151.992C103.954 177.43 114.55 191.304 139.731 196.19C156.481 199.44 176.492 196.372 189.033 184.028C208.255 165.106 204.971 128.364 202.064 103.993C200.609 91.794 198.644 73.1603 184.037 70.1119C154.798 64.0098 124.463 84.9197 109.65 108.772C99.251 125.516 95.4744 153.277 104.329 171.539C114.344 192.195 139.817 198.742 160.798 199.122C218.475 200.166 245.61 139.231 222.914 90.7449C205.066 52.6148 130.553 62.2724 104.329 83.2519C81.5348 101.487 71.7473 132.825 73.4881 161.331C75.8368 199.79 106.767 225.598 142.337 234.524C174.615 242.624 217.452 242.647 240.072 214.108C252.547 198.369 256.221 177.697 258.316 158.399C260.171 141.313 262.139 121.248 254.407 105.188C239.648 74.5345 197.716 60.7388 167.314 54.04C126.983 45.1534 89.7348 56.4567 75.0085 98.6723C66.2067 123.904 68.043 161.016 83.696 183.159C101.157 207.86 140.687 225.438 171.006 224.533C208.455 223.415 217.01 169.951 218.788 141.35C221.141 103.487 198.852 71.3916 166.011 53.9314C141.019 40.6446 107.391 63.415 94.3383 84.555C70.0833 123.838 83.2615 170.965 117.36 198.036C139.621 215.71 184.82 249.182 210.1 218.778C226.779 198.718 222.914 169.111 222.914 144.825' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M156.454 127.233C156.454 134.831 157.1 144.076 165.359 147.431C175.423 151.52 172.089 132.263 169.051 134.943C164.742 138.745 164.662 150.881 165.793 140.698C166.233 136.738 166.87 120.578 160.581 131.359C155.498 140.072 165.931 139.027 170.572 134.943C178.117 128.303 166.638 127.865 163.622 132.445C158.749 139.844 167.531 142.87 167.531 133.314C167.531 125.923 165.239 113.55 156.454 113.55' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M54.8098 33.407C59.9171 42.8768 64.9456 52.2095 71.9677 60.447C73.8299 62.6315 82.2381 71.7842 78.7006 61.4244C77.3792 57.5544 60.4986 22.9428 67.1896 41.0086C70.0821 48.8183 73.3115 58.8478 79.2436 65.008C82.2215 68.1004 78.2328 56.2422 76.0943 52.5196C73.9 48.6999 65.5645 38.7188 67.081 42.8547C69.6183 49.7747 75.7565 53.4608 80.2209 58.8181' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M136.907 21.6788C136.94 21.769 143.478 42.543 146.898 44.918C154.515 50.2076 153.142 27.2984 154.282 18.0952C154.91 13.0279 155.962 -2.02061 156.889 3.00054C158.306 10.6799 158.855 18.5388 160.255 26.2398C163.329 43.1436 161.302 17.9312 160.364 14.2944C158.115 5.57913 158.409 32.225 158.409 41.2258' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M217.05 25.5882C216.193 27.9264 208.713 47.8249 209.883 44.918C212.272 38.9815 214.607 33.023 217.05 27.1085C217.05 27.1082 225.475 2.72108 222.806 20.1585C219.58 41.2327 214.664 62.0105 211.729 83.1433C209.724 97.5814 216.878 63.5024 217.05 62.7275' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M285.465 39.2711C277.159 49.8209 268.347 59.9464 259.836 70.3292C249.994 82.3365 272.927 55.1258 275.365 52.7368C285.833 42.4825 269.872 58.9347 268.632 60.0127C256.045 70.9583 273.398 55.0829 275.691 52.954' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M84.1304 191.738C77.3711 199.781 70.53 207.711 64.149 216.063C62.1793 218.641 60.2789 221.276 58.5021 223.99C56.0227 227.778 54.8873 230.231 59.3709 225.402C70.8587 213.031 81.0882 199.344 91.5148 186.091C94.7436 181.987 104.497 167.82 93.5781 184.679C79.839 205.894 39.112 269.854 52.8552 248.641C62.2703 234.109 72.2075 219.127 82.1757 205.421' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M144.726 209.33C144.726 223.158 144.627 236.986 144.726 250.813C144.763 255.889 140.864 267.856 145.595 266.016C150.903 263.952 151.593 230.056 152.328 223.99C152.749 220.514 152.545 241.115 152.545 242.669C152.545 258.806 152.545 232.612 152.545 228.877' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M209.231 221.058C210.779 234.712 215.369 275.52 215.638 261.781C215.772 254.987 214.579 244.76 213.792 238.651C212.702 230.185 211.768 205.945 208.145 213.674C205.776 218.728 208.319 224.859 209.014 230.397C210.588 242.941 212.039 256.333 215.638 268.514C219.039 280.024 213.214 244.615 211.186 232.787' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M238.552 187.828C251.985 198.64 265.33 209.534 278.623 220.515C282.861 224.016 263.916 205.42 261.682 203.249C259.351 200.983 257.085 198.641 254.624 196.516C249.165 191.801 254.191 198.555 255.275 199.991C267.622 216.342 282.182 227.31 297.193 240.605' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }

  100% {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='313' height='369' viewBox='0 0 313 369' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 234.88C21.9627 209.339 22.7961 207.867 49.3472 176.891C96.2143 122.212 143.027 63.8449 198.339 17.2566C202.139 14.0554 222.786 -8.16695 231.46 7.59165C246.844 35.5388 214.477 93.362 203.769 113.688C185.068 149.185 155.699 192.496 131.227 224.672C123.719 234.544 115.777 244.133 107.119 253.015C88.3354 272.287 103.035 244.098 105.599 238.898C132.351 184.652 166.769 125.381 210.284 82.8477C218.56 74.759 228.645 63.8827 240.148 65.1468C248.123 66.0232 250.193 79.177 249.813 87.1914C248.942 105.555 242.664 123.386 236.564 140.729C221.713 182.953 203.422 215.265 178.249 251.712C170.696 262.648 162.424 273.139 153.381 282.879C150.684 285.783 135.677 299.89 141.001 283.313C145.799 268.374 165.864 231.992 172.059 222.066C192.188 189.816 225.092 130.772 266.862 121.507C295.878 115.071 303.533 142.636 307.259 164.076C316.866 219.346 300.063 277.501 280.871 328.706C277.233 338.412 272.639 347.753 267.839 356.94C262.132 367.863 257.62 373.669 260.889 356.614C271.505 301.24 294.197 247.401 310.843 193.831' stroke='%23F87A55' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }
}

.stripes-wrapper {
  margin-top: 15rem;
  min-height: 70vh;
  min-height: calc(var(--vh, 1vh) * 70);
}

.stripes-block {
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1
}

.stripes-block-item {
  font-size: 10vw;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  white-space: nowrap;
  max-width: 300vw;
  overflow: hidden;
}

.stripes-block-item i {
  font-weight: 100;
  font-style: normal;
}

.stripes-block-item span {
  display: block;
  padding: 1rem 20px;
  white-space: nowrap;
  border: 10px var(--dark) solid;
}

.stripes-block-item.one span {
  background-color: var(--orange);
}

.stripes-block-item.two span {
  background-color: var(--yellow);
}

.stripes-block-item.three span {
  background-color: var(--blue);
}

.stripes-block-item.one {
  top: 33%;
  transform: translateX(-50vw) rotate(10deg);
}

.stripes-block-item.two {
  top: 45%;
  transform: translateX(-50vw) rotate(-6deg);
}

.stripes-block-item.three {
  top: 55%;
  transform: translateX(-50vw);
}

.services .text,
.contact-form .text {
  margin-top: 2rem;
  font-size: 32px;
  line-height: 43px;
  font-weight: 600;
  padding-top: 5vh;
}

.services .accordion {
  --bs-accordion-bg: none;
  --bs-accordion-border-color: var(--dark);
  --bs-accordion-active-bg: none;
  --bs-accordion-active-color: var(--dark);
}

.accordion .price {
  display: flex;
  justify-content: end;
  font-size: larger;
  font-weight: 700;
  align-items: center;
  margin-top: 1rem;
}

.accordion .price span {
  font-weight: 300;
  font-size: 15px;
  margin-right: 5px;
}

.accordion-header button {
  font-size: 40px;
  text-transform: lowercase;
  font-weight: 700;
  padding: 2rem 0;
}

.accordion-body .features-list {
  display: flex;
  flex-wrap: wrap;
}

.accordion-body .features-list .feature {
  border: 1px solid var(--dark);
  border-radius: 2rem;
  padding: 1% 2%;
  font-size: small;
  margin-right: 3px;
  margin-bottom: 3px;
  white-space: nowrap;
}

.accordion-button:focus {
  box-shadow: none;
}

section.services {
  margin-bottom: 30rem;
}

/***************************************************
 * Generated by SVG Artista on 10/27/2024, 1:14:19 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 132.76564025878906px;
    stroke-dasharray: 132.76564025878906px;
  }

  100% {
    stroke-dashoffset: 265.5312805175781px;
    stroke-dasharray: 132.76564025878906px;
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.loader-anima-1 {
  animation: animate-svg-stroke-1 1s cubic-bezier(0.77, 0, 0.175, 1) 0s both,
    animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 115.39732360839844px;
    stroke-dasharray: 115.39732360839844px;
  }

  100% {
    stroke-dashoffset: 230.79464721679688px;
    stroke-dasharray: 115.39732360839844px;
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.loader-anima-2 {
  animation: animate-svg-stroke-2 1s cubic-bezier(0.77, 0, 0.175, 1) 0.12s both,
    animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 132.89659118652344px;
    stroke-dasharray: 132.89659118652344px;
  }

  100% {
    stroke-dashoffset: 265.7931823730469px;
    stroke-dasharray: 132.89659118652344px;
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.loader-anima-3 {
  animation: animate-svg-stroke-3 1s cubic-bezier(0.77, 0, 0.175, 1) 0.24s both,
    animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 130.2989044189453px;
    stroke-dasharray: 130.2989044189453px;
  }

  100% {
    stroke-dashoffset: 260.5978088378906px;
    stroke-dasharray: 130.2989044189453px;
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.loader-anima-4 {
  animation: animate-svg-stroke-4 1s cubic-bezier(0.77, 0, 0.175, 1) 0.36s both,
    animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 118.02178955078125px;
    stroke-dasharray: 118.02178955078125px;
  }

  100% {
    stroke-dashoffset: 236.0435791015625px;
    stroke-dasharray: 118.02178955078125px;
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.loader-anima-5 {
  animation: animate-svg-stroke-5 1s cubic-bezier(0.77, 0, 0.175, 1) 0.48s both,
    animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 141.78802490234375px;
    stroke-dasharray: 141.78802490234375px;
  }

  100% {
    stroke-dashoffset: 283.5760498046875px;
    stroke-dasharray: 141.78802490234375px;
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.loader-anima-6 {
  animation: animate-svg-stroke-6 1s cubic-bezier(0.77, 0, 0.175, 1) 0.6s both,
    animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 65.91056823730469px;
    stroke-dasharray: 65.91056823730469px;
  }

  100% {
    stroke-dashoffset: 131.82113647460938px;
    stroke-dasharray: 65.91056823730469px;
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.loader-anima-7 {
  animation: animate-svg-stroke-7 1s cubic-bezier(0.77, 0, 0.175, 1) 0.72s both,
    animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 96.07097625732422px;
    stroke-dasharray: 96.07097625732422px;
  }

  100% {
    stroke-dashoffset: 192.14195251464844px;
    stroke-dasharray: 96.07097625732422px;
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.loader-anima-8 {
  animation: animate-svg-stroke-8 1s cubic-bezier(0.77, 0, 0.175, 1) 0.84s both,
    animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

.projects .section-title {
  color: var(--light)
}

section.projects {
  margin-bottom: 20rem;
}

.projects-block-scroller {
  display: flex;
}


.project-item {
  margin-right: 1rem;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  width: 20%;
}

.project-explanation .text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.project-lines {
  margin-top: 3rem;
  transform: rotate(-1deg) translateX(-10vw);
}

.projects-wrapper {
  margin-bottom: 1rem;
}

.project-item img {
  border-radius: 1rem;
  width: 100%;
  filter: grayscale(1);
  transition: 0.3s;
  outline: 2px solid white;
  outline-offset: -10px;
}

.project-item:hover img {
  filter: none;
  outline-offset: 0;
  outline-color: transparent;
}

.project-explanation {
  position: absolute;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  background-color: var(--yellow);
  color: var(--dark);
  padding: 1rem;
  z-index: 40;
  width: 25vw;
  will-change: transform;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: fit-content;
  transition: clip-path .3s ease-in, opacity .3s ease-in;
  clip-path: polygon(100% 100%, 100% 100%, 100% 100%, 100% 100%);
}

.project-explanation.show {  
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.project-explanation>* {
  transition: 0.3s;
  transform: scale(0);
}

.project-explanation.show>* {
  transform: scale(1);
}

.project-explanation h3 {
  line-height: 1;
  font-weight: 700;
  letter-spacing: -2px;
  position: relative;
  margin-bottom: 1rem;
}

.project-explanation h3:after {
  content: '';
  position: absolute;
  width: 85%;
  height: 1px;
  background: var(--dark);
  bottom: -8px;
  left: 0;
}

.project-explanation p {
  line-height: 1;
  opacity: 0.7;
  font-size: .9rem;
}


.circle-cursor {
  position: fixed;
  border: 1px solid var(--blue);
  width: 0px;
  height: 0px;
  border-radius: 100px;
  pointer-events: none;
  z-index: 100;
}

section.contacts {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
}

.contacts .section-title {
  color: var(--light);
}

.contacts .buttons-stack {
  display: flex;
  flex-wrap: wrap;
}

.contacts .buttons-stack .btn:nth-child(even) {
  background: var(--yellow);
}

.contacts .buttons-stack .btn:nth-child(odd) {
  background: var(--blue);
  color: white;
  border-color: black;
}

.contacts .buttons-stack .btn {
  margin: .3rem;
  border: 2px solid;
  display: flex;
  align-items: center;
}

.contacts .buttons-stack .btn img {
  width: 25px;
  height: 25px;
  margin-right: .5rem;
}

.footer {
  height: 10vh;
  height: calc(var(--vh, 1vh) * 10);
  background-color: var(--dark);
  padding: 2rem 0;
  color: var(--light);
}

.footer .menu {
  list-style: none;
  display: flex;
  justify-content: end;
  padding: 0;
}

.footer .menu a {
  color: var(--light);
  margin-left: 1rem;
}

iframe.giphy-embed {
  pointer-events: none;
  display: block;
}

.header.independent-header .navbar {
  width: fit-content;
}

.header.independent-header {
  background-color: var(--blue);
  padding: 1rem;
  margin-bottom: 5rem;
}

.single .header.independent-header {
  background: var(--dark);
}

.header.independent-header .logo {
  width: fit-content;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.header.independent-header a.nav-link {
  color: white;
}

.project-content {
  margin-bottom: 10rem;
}

.project-header .section-title,
.other-projects .section-title {
  margin-bottom: 5rem;
  color: var(--light);
}

.project-content .text {
  font-size: 20px;
  line-height: 1;
  color: var(--light);
  margin-top: 2rem;
  font-weight: 200;
}

.project-content .text strong {
  font-weight: 700;
}

.project-content .stack {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 1rem;
}

.project-content .stack li {
  border: 1px solid var(--light);
  border-radius: 2rem;
  padding: .5rem 1rem;
  margin-bottom: .5rem;
  font-size: 1rem;
}

ul.project-images {
  padding: 0;
  list-style: none;
}

.other-projects {
  margin-bottom: 20rem;
}

ul.project-images li:last-child {
  position: relative;
  aspect-ratio: 4/3;
}

ul.project-images iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

nav.project-navigation a {
  text-decoration: none;
  color: var(--light);
}

nav.project-navigation svg {
  width: 50px;
  height: 50px;
  stroke-width: 0.5;
  transition: .3s;
}

nav.project-navigation a:hover svg {
  fill: var(--light);
  stroke: var(--dark);
  transform: scale(1.3);
}

nav.project-navigation {
  display: flex;
  justify-content: space-between;
}

nav.project-navigation span {
  font-size: 12px;
}

.wpforms-container input[type=date],
.wpforms-container input[type=datetime],
.wpforms-container input[type=datetime-local],
.wpforms-container input[type=email],
.wpforms-container input[type=month],
.wpforms-container input[type=number],
.wpforms-container input[type=password],
.wpforms-container input[type=range],
.wpforms-container input[type=search],
.wpforms-container input[type=tel],
.wpforms-container input[type=text],
.wpforms-container input[type=time],
.wpforms-container input[type=url],
.wpforms-container input[type=week],
.wpforms-container select,
.wpforms-container textarea,
.wp-core-ui div.wpforms-container input[type=date],
.wp-core-ui div.wpforms-container input[type=datetime],
.wp-core-ui div.wpforms-container input[type=datetime-local],
.wp-core-ui div.wpforms-container input[type=email],
.wp-core-ui div.wpforms-container input[type=month],
.wp-core-ui div.wpforms-container input[type=number],
.wp-core-ui div.wpforms-container input[type=password],
.wp-core-ui div.wpforms-container input[type=range],
.wp-core-ui div.wpforms-container input[type=search],
.wp-core-ui div.wpforms-container input[type=tel],
.wp-core-ui div.wpforms-container input[type=text],
.wp-core-ui div.wpforms-container input[type=time],
.wp-core-ui div.wpforms-container input[type=url],
.wp-core-ui div.wpforms-container input[type=week],
.wp-core-ui div.wpforms-container select,
.wp-core-ui div.wpforms-container textarea {
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid;
  padding: 1rem .5rem;
  max-width: 100%;
  font-size: 1.5rem;
}

.wpforms-container input.wpforms-field-medium,
.wpforms-container select.wpforms-field-medium,
.wpforms-container .wpforms-field-row.wpforms-field-medium,
.wp-core-ui div.wpforms-container input.wpforms-field-medium,
.wp-core-ui div.wpforms-container select.wpforms-field-medium,
.wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
  max-width: 100%;
}

::placeholder {
  color: black;
  opacity: 0.5;
  font-style: italic;
  font-weight: 200;
}

:focus-visible {
  outline: none;
}

.wpforms-submit {
  background: var(--blue);
  color: white;
  text-transform: lowercase;
  border-radius: 3rem;
  padding: 2% 10%;
  font-size: 18px;
  font-weight: 600;
  border: 2px solid var(--dark);
  display: flex;
  align-items: center;
  margin: auto;
}

section.contact-form {
  margin-bottom: 20rem;
}

.wpforms-confirmation-container {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.fixed-menu-container {
  position: fixed;
  width: fit-content;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: var(--dark);
  z-index: 10000;
  right: 0;
  transition: .6s;
  padding: 2rem 3rem;
  max-width: 40vw;
}

.fixed-menu-container.hidden {
  right: -100vw;
}

.fixed-menu-container .menu {
  padding-left: 0;
  min-width: 26vw;
  display: flex;
  flex-direction: column;
}

.fixed-menu-container .menu a {
  text-decoration: none;
  color: var(--light);
  font-size: 10vh;
  display: flex;
  align-items: center;
}

.fixed-menu-container .logo {
  width: fit-content;
  margin: 0 auto 3rem auto;
}

.fixed-menu-container .socials a {
  color: var(--light);
  padding: 2px 5px;
  font-size: 13px;
  font-weight: 300;
  border: 1px solid;
  margin: 2px;
  display: flex;
  align-items: center;
}

.fixed-menu-container .socials {
  display: flex;
  flex-wrap: wrap;
  bottom: 1rem;
  justify-content: center;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 70%;
  position: absolute;
}

.fixed-menu-container .socials a svg {
  width: 16px;
  height: 16px;
}

.fixed-menu-container span.link-mark {
  width: 30px;
  display: block;
  height: 30px;
  background: var(--light);
  opacity: 0;
  transform: scale(0);
  border-radius: 100%;
  margin-right: 1rem;
  transition: .2s cubic-bezier(0.4, 0, 1, 1);
}

.fixed-menu-container .menu a:hover span.link-mark,
.fixed-menu-container .menu .current_page_item span.link-mark {
  opacity: 1;
  transform: scale(1);
}

#fixed-menubtn {
  position: fixed;
  width: 80px;
  height: 80px;
  background: var(--blue);
  z-index: 10001;
  border-radius: 100%;
  right: 1rem;
  top: 1rem;
  transition: .4s ease;
  clip-path: circle(0.0% at 50% 50%);
}

#fixed-menubtn.visible {
  clip-path: circle(50.0% at 50% 50%);
}

h2.section-title a {
  color: inherit;
  text-decoration: none;
  position: relative;
  display: block;
  width: fit-content;
  margin-bottom: 10rem;
  border: 3px solid var(--dark);
  padding: 3rem 3rem;
  border-radius: 6rem;
  margin-left: 3rem;
}

.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0.75rem 1.25rem;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: var(--light);
  background: var(--dark);
}

.cookiealert.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 1000ms;
}

.cookiealert a {
  text-decoration: underline
}

.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
  border: none;
  border-radius: 1rem;
  padding: 5px 16px;
}

.contact-wrap {
  z-index: 100;
  pointer-events: none;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: fixed;
  inset: 0 0 10vh;
}

.contact-list {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  font-size: 1.4vw;
}

.contact-item {
  justify-content: center;
  align-items: center;
  width: 4em;
  transition: width .5s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.contact-item.hover {
  width: 5.5em;
}

.contact-item.sibling-close {
  width: 5em;
}

.contact-item.sibling-far {
  width: 4.5em;
}

.contact-item__link {
  z-index: 1;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  display: flex;
  position: relative;
}

.contact-item__tooltip {
  z-index: 0;
  background-color: var(--light);
  opacity: 0;
  white-space: nowrap;
  border-radius: .25em;
  padding: .4em .5em;
  font-size: 1em;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1), opacity .5s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: 0;
  transform: translate(0, -80%);
  font-weight: 400;
}

img.image {
  object-fit: cover;
  width: 100%;
}

.contact-item:hover .contact-item__tooltip {
  opacity: 1;
  transform: translate(0px, -140%);
}

a.all-projects-link {
  color: var(--light);
  font-size: larger;
  text-decoration: none;
  z-index: 0;
  position: relative;
  display: block;
}

.seo-post-content,
.seo-post-content .wpforms-container input[type=date],
.seo-post-content .wpforms-container input[type=datetime],
.seo-post-content .wpforms-container input[type=datetime-local],
.seo-post-content .wpforms-container input[type=email],
.seo-post-content .wpforms-container input[type=month],
.seo-post-content .wpforms-container input[type=number],
.seo-post-content .wpforms-container input[type=password],
.seo-post-content .wpforms-container input[type=range],
.seo-post-content .wpforms-container input[type=search],
.seo-post-content .wpforms-container input[type=tel],
.seo-post-content .wpforms-container input[type=text],
.seo-post-content .wpforms-container input[type=time],
.seo-post-content .wpforms-container input[type=url],
.seo-post-content .wpforms-container input[type=week],
.seo-post-content .wpforms-container select,
.seo-post-content .wpforms-container textarea,
.wp-core-ui div.seo-post-content .wpforms-container input[type=date],
.wp-core-ui div.seo-post-content .wpforms-container input[type=datetime],
.wp-core-ui div.seo-post-content .wpforms-container input[type=datetime-local],
.wp-core-ui div.seo-post-content .wpforms-container input[type=email],
.wp-core-ui div.seo-post-content .wpforms-container input[type=month],
.wp-core-ui div.seo-post-content .wpforms-container input[type=number],
.wp-core-ui div.seo-post-content .wpforms-container input[type=password],
.wp-core-ui div.seo-post-content .wpforms-container input[type=range],
.wp-core-ui div.seo-post-content .wpforms-container input[type=search],
.wp-core-ui div.seo-post-content .wpforms-container input[type=tel],
.wp-core-ui div.seo-post-content .wpforms-container input[type=text],
.wp-core-ui div.seo-post-content .wpforms-container input[type=time],
.wp-core-ui div.seo-post-content .wpforms-container input[type=url],
.wp-core-ui div.seo-post-content .wpforms-container input[type=week],
.wp-core-ui div.seo-post-content .wpforms-container select,
.wp-core-ui div.seo-post-content .wpforms-container textarea,
.seo-post-content .wpforms-container ::placeholder {
  color: var(--light)
}

.c-scrollbar,
.c-scrollbar_thumb {
  width: 4px;
}

section.archive-section {
  margin-top: 10%;
}

h1.entry-title {
  margin-bottom: 5%;
}

.archive .project-item {
  width: 100%;
}

section.archive-section .row {
  row-gap: 1rem;
}

@media only screen and (max-width: 768px) {
  .o-scroll {
    margin: 0;
  }

  .hero {
    padding: 0;
  }

  .hero-container {
    min-height: 90vh;
    min-height: calc(var(--vh, 1vh) * 90);
    border-radius: 1rem
  }

  .hero-container .caption {
    font-size: 4rem;
    line-height: 3.5rem;
    width: 100%;
    top: 13%;
    position: absolute;
    padding: 3rem 0;
  }

  .hero-container .line:nth-child(2) {
    margin: 0;
    width: 100%;
  }

  .hero-container .caption-txt {
    padding: .3rem;
  }

  .hero-container .hero-marquee h1 {
    font-size: 5rem;
    line-height: 5rem;
  }

  .stars {
    display: none;
  }

  .section-title {
    font-size: 3rem;
    width: 100%;
    font-size: 2.8rem;
    line-height: 2.5rem;
    width: 100%;
    letter-spacing: -3px;
    margin-top: 8rem;
  }

  .about {
    margin: 3rem 0;
  }

  .about .text {
    margin: auto;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 4rem;
  }

  .about .buttons {
    justify-content: center;
  }

  .about .buttons .btn {
    margin-right: 3px;
    white-space: nowrap;
  }

  .about .text p,
  .services .text {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 2rem;
  }

  .btn {
    font-size: 1rem;
    padding: 3% 3%;
    display: flex;
  }

  .stripes-wrapper {
    margin-top: 7rem;
    min-height: 13vh;
  }


  .accordion-header button {
    font-size: 2rem;
    padding: 1rem 0;
  }

  .accordion-body .features-list .feature {
    font-size: 12px;
  }

  .stripes-block-item span {
    border-width: 3px;
  }

  section.services {
    margin-bottom: 6rem;
  }

  .project-item img {
    width: 200px;
    border-radius: 4px;
    outline-width: 1px;
    outline-offset: -6px;
  }

  section.projects {
    margin-bottom: 5rem;
  }

  .contacts .buttons-stack {
    justify-content: center;
  }

  svg.loader-bg {
    height: 250vh;
    width: auto;
    right: -50%;
    left: -188vh;
  }

  svg.logo-loader {

    width: 100%;
  }

  .logo a {
    font-size: 1.5rem;
    width: 120px;
  }

  .hero-container .header {
    padding: 1rem;
    height: 3rem;
  }

  .giphy-embed {
    margin-bottom: 1rem;
  }

  .projects-block-scroller {
    transform: translateX(-50vw);
  }

  .projects-block-scroller.flex-row-reverse {
    transform: translateX(50vw);
  }

  .project-content {
    margin-bottom: 5rem;
  }

  .fixed-menu-container {
    max-width: 100%;
    width: 100vw;
  }

  .fixed-menu-container .menu a {
    font-size: 3rem;
  }

  #fixed-menubtn {
    width: 50px;
    height: 50px;
  }

  .fixed-menu-container .socials {
    max-width: 100%;
    bottom: 20%;
  }

  .contact-wrap {
    display: none;
  }

  .hero-container .hero-image img {
    height: 60%;
  }

  .hero-marquee {
    bottom: 15%;
  }

  .entry-project.project-item img {
    width: 100%;
  }

  section.contacts {
    height: auto;
    padding-bottom: 2rem;
  }

  .footer {
    height: auto;
  }

  .contacts .buttons-stack .btn {
    width: 47%;
    justify-content: center;
  }

  .project-item {

    width: 50%;
  }
}