body {
  --color_white: #FFFFFF;
  --color_black: #222222;
  --color_grey: #DDDDDD;
  --color_grey_dark: #AFAFAF;
  --color_grey_light: #FAFAFA;
  --color_bg_alt: #FAFAFA;
  --color_dots: #FAFAFA;
  --color_grey_mid: #EAEAEA;
  --wrapper-width: 148.5rem;
  --padding-large: 12rem;
  --padding-big: 9rem;
  --padding-medium: 6rem;
  --padding-small: 4rem;
  --padding-mini: 2.8rem;
  --font-normalized: "Helvetica Neue", "Arial", sans-serif;
  --font-brand: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.theme--dark body {
  --color_white: #181818;
  --color_black: #DDDDDD;
  --color_grey: #333333;
  --color_grey_dark: #585858;
  --color_grey_light: #222222;
  --color_bg_alt: #121212;
  --color_dots: #1F1F1F;
  --color_grey_mid: #282828;
}
@media only screen and (max-width: 768px) {
  body {
    --padding-large: 8rem;
    --padding-mini: 1.6rem;
  }
}
@media only screen and (max-width: 520px) {
  body {
    --padding-large: 3rem;
    --padding-mini: 1rem;
  }
}

.theme-color--0 {
  --theme-color: #946E62;
}

.theme-color--1 {
  --theme-color: #418545;
}

.theme-color--2 {
  --theme-color: #976F41;
}

.theme-color--3 {
  --theme-color: #33846E;
}

.theme-color--4 {
  --theme-color: #408548;
}

.theme-color--5 {
  --theme-color: #A06C25;
}

.theme-color--6 {
  --theme-color: #488359;
}

.theme-color--7 {
  --theme-color: #98609f;
}

.theme-color--8 {
  --theme-color: #BF4240;
}

.theme-color--9 {
  --theme-color: #218291;
}

.theme-color--10 {
  --theme-color: #916E2C;
}

.theme-color--11 {
  --theme-color: #4078C0;
}

.theme-color--ttstats {
  --theme-color: #1E7EB0;
}

.theme-color--stylmar {
  --theme-color: #8B725E;
}

.theme-color--metaldrewno {
  --theme-color: #A66923;
}

.theme-color--bridge {
  --theme-color: #176EB0;
}

.theme-color--eco {
  --theme-color: #248918;
}

.theme-color--rently {
  --theme-color: #3976CF;
}

.theme-color--kmdalej {
  --theme-color: #448084;
}

.theme-color--gmail {
  --theme-color: #D93E25;
}

.theme-color--messenger {
  --theme-color: #A334FA;
}

.theme-color--linkedin {
  --theme-color: #037CC2;
}

.theme-color--beauty-by-milena {
  --theme-color: #7E6BB6;
}

.theme-color--dd3d {
  --theme-color: #3D854F;
}

.theme-color--eduquality {
  --theme-color: #117DBA;
}

.theme--dark .theme-color--0 {
  --theme-color: #9E776F;
}
.theme--dark .theme-color--1 {
  --theme-color: #71b779;
}
.theme--dark .theme-color--2 {
  --theme-color: #AE793F;
}
.theme--dark .theme-color--3 {
  --theme-color: #4db3a0;
}
.theme--dark .theme-color--4 {
  --theme-color: #63b66d;
}
.theme--dark .theme-color--5 {
  --theme-color: #A37E3C;
}
.theme--dark .theme-color--6 {
  --theme-color: #47935F;
}
.theme--dark .theme-color--7 {
  --theme-color: #A374A6;
}
.theme--dark .theme-color--8 {
  --theme-color: #DD473E;
}
.theme--dark .theme-color--9 {
  --theme-color: #2D8C99;
}
.theme--dark .theme-color--10 {
  --theme-color: #AA8849;
}
.theme--dark .theme-color--11 {
  --theme-color: #47a3d1;
}
.theme--dark .theme-color--ttstats {
  --theme-color: #339ecc;
}
.theme--dark .theme-color--stylmar {
  --theme-color: #A4876A;
}
.theme--dark .theme-color--metaldrewno {
  --theme-color: #b27f34;
}
.theme--dark .theme-color--bridge {
  --theme-color: #518ebd;
}
.theme--dark .theme-color--eco {
  --theme-color: #5eaa55;
}
.theme--dark .theme-color--rently {
  --theme-color: #3c82dd;
}
.theme--dark .theme-color--kmdalej {
  --theme-color: #54898A;
}
.theme--dark .theme-color--beauty-by-milena {
  --theme-color: #8676BB;
}
.theme--dark .theme-color--dd3d {
  --theme-color: #3F9052;
}
.theme--dark .theme-color--eduquality {
  --theme-color: #0A88C3;
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
}
@-webkit-keyframes slide-right {
  from {
    transform: translateX(4rem);
  }
}
@keyframes slide-right {
  from {
    transform: translateX(4rem);
  }
}
@-webkit-keyframes slide-left {
  from {
    transform: translateX(-4rem);
  }
}
@keyframes slide-left {
  from {
    transform: translateX(-4rem);
  }
}
@-webkit-keyframes slide-bottom {
  from {
    transform: translateY(4rem);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slide-bottom {
  from {
    transform: translateY(4rem);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-top {
  from {
    transform: translateY(-4rem);
  }
}
@keyframes slide-top {
  from {
    transform: translateY(-4rem);
  }
}
@-webkit-keyframes scale {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes scale {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@-webkit-keyframes draw-y {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes draw-y {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@-webkit-keyframes draw-x {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes draw-x {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.wait {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-name: appear;
          animation-name: appear;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

[data-in-viewport] {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1), ease;
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1), ease;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  [data-in-viewport] {
    opacity: 1;
  }
}
[data-in-viewport].inview {
  opacity: 1;
}

[data-in-viewport-delay="1"] {
  -webkit-animation-delay: calc(1 * 200ms);
          animation-delay: calc(1 * 200ms);
}

[data-in-viewport-delay="2"] {
  -webkit-animation-delay: calc(2 * 200ms);
          animation-delay: calc(2 * 200ms);
}

[data-in-viewport-delay="3"] {
  -webkit-animation-delay: calc(3 * 200ms);
          animation-delay: calc(3 * 200ms);
}

[data-in-viewport-delay="4"] {
  -webkit-animation-delay: calc(4 * 200ms);
          animation-delay: calc(4 * 200ms);
}

[data-in-viewport-delay="5"] {
  -webkit-animation-delay: calc(5 * 200ms);
          animation-delay: calc(5 * 200ms);
}

[data-in-viewport-delay="6"] {
  -webkit-animation-delay: calc(6 * 200ms);
          animation-delay: calc(6 * 200ms);
}

[data-in-viewport-delay="7"] {
  -webkit-animation-delay: calc(7 * 200ms);
          animation-delay: calc(7 * 200ms);
}

[data-in-viewport-delay="8"] {
  -webkit-animation-delay: calc(8 * 200ms);
          animation-delay: calc(8 * 200ms);
}

[data-in-viewport-delay="9"] {
  -webkit-animation-delay: calc(9 * 200ms);
          animation-delay: calc(9 * 200ms);
}

[data-in-viewport=fade].inview {
  -webkit-animation-name: fade;
          animation-name: fade;
}
@media only screen and (max-width: 768px) {
  [data-in-viewport=fade].inview {
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-in-viewport=right].inview {
  -webkit-animation-name: slide-right, fade;
          animation-name: slide-right, fade;
}
@media only screen and (max-width: 768px) {
  [data-in-viewport=right].inview {
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-in-viewport=left].inview {
  -webkit-animation-name: slide-left, fade;
          animation-name: slide-left, fade;
}
@media only screen and (max-width: 768px) {
  [data-in-viewport=left].inview {
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-in-viewport=bottom].inview {
  -webkit-animation-name: slide-bottom, fade;
          animation-name: slide-bottom, fade;
}
@media only screen and (max-width: 768px) {
  [data-in-viewport=bottom].inview {
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-in-viewport=bottom-only] {
  opacity: unset;
  transform: translateY(4rem);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@media only screen and (max-width: 768px) {
  [data-in-viewport=bottom-only] {
    transform: unset;
  }
}

[data-in-viewport=bottom-only].inview {
  -webkit-animation-name: slide-bottom;
          animation-name: slide-bottom;
}
@media only screen and (max-width: 768px) {
  [data-in-viewport=bottom-only].inview {
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-in-viewport=top].inview {
  -webkit-animation-name: slide-top, fade;
          animation-name: slide-top, fade;
}
@media only screen and (max-width: 768px) {
  [data-in-viewport=top].inview {
    -webkit-animation-name: none;
            animation-name: none;
  }
}

[data-in-viewport=scale] {
  opacity: unset;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  transform: scale(0.9);
}
@media only screen and (max-width: 768px) {
  [data-in-viewport=scale] {
    transform: unset;
  }
}

[data-in-viewport=scale].inview {
  -webkit-animation-name: scale;
          animation-name: scale;
}
@media only screen and (max-width: 768px) {
  [data-in-viewport=scale].inview {
    -webkit-animation-name: none;
            animation-name: none;
  }
}

@-webkit-keyframes Bubble {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}

@keyframes Bubble {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes Spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes Spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.about__avatar {
  max-width: 29rem;
  width: 100%;
  margin: 1.75rem auto;
  flex-shrink: 0;
  display: flex;
  border-radius: 50%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .about__avatar {
    max-width: 27rem;
  }
}
@media only screen and (max-width: 520px) {
  .about__avatar {
    max-width: 22rem;
  }
}
.about__avatar-image {
  display: flex;
  overflow: hidden;
  border-radius: 50%;
  background-color: #f8f7f6;
  z-index: 1;
  width: 100%;
  position: relative;
  box-shadow: 0 0 0 1px var(--color_grey);
}
.theme--dark .about__avatar-image {
  filter: brightness(0.98) saturate(0.95);
  background-color: #dcd6d0;
}
.theme--dark .about__avatar:hover .dot::before, .theme--dark .about__avatar:hover .dot::after {
  transition: box-shadow 1000ms ease-out, background-color 1000ms ease-out;
  box-shadow: 0 0 0 1px #aaaaaa, 0 0 1rem #FAFAFA, 0 0 2.5rem #d7d2cc, 0 0 5rem 1rem #d7d2cc;
  background-color: #d7d2cc;
  transition-delay: 3000ms;
}
.theme--dark .about__avatar:hover .dot-1::before {
  transition-delay: 200ms;
}
.theme--dark .about__avatar:hover .dot-2::before {
  transition-delay: 700ms;
}
.theme--dark .about__avatar:hover .dot-3::after {
  transition-delay: 1100ms;
}
.theme--dark .about__avatar:hover .dot-4::after {
  transition-delay: 400ms;
}
.theme--dark .about__avatar:hover .dot-5::before {
  transition-delay: 0ms;
}
.theme--dark .about__avatar:hover .dot-5::after {
  transition-delay: 1300ms;
}
.theme--dark .about__avatar:hover .dot-6::before {
  transition-delay: 900ms;
}

.about__dots {
  z-index: 1;
  width: calc(100% + 5rem);
  height: calc(100% + 5rem);
  top: -2.5rem;
  left: -2.5rem;
  border-radius: 50%;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  box-shadow: 0 0 0 1px var(--color_grey);
  background-color: var(--color_white);
}
@media only screen and (max-width: 520px) {
  .about__dots {
    width: calc(100% + 4rem);
    height: calc(100% + 4rem);
    top: -2rem;
    left: -2rem;
  }
}
.about__dots .dot {
  height: 100%;
  width: 2px;
  position: absolute;
  left: calc(50% - 1px);
  top: 0;
  -webkit-animation: Spin linear infinite;
          animation: Spin linear infinite;
  transform-origin: center;
}
.about__dots .dot::before, .about__dots .dot::after {
  content: "";
  padding: 0.8rem;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  box-shadow: 0 0 0 1px var(--color_grey);
  background-color: var(--color_dots);
}
@media only screen and (max-width: 520px) {
  .about__dots .dot::before, .about__dots .dot::after {
    padding: 0.65rem;
  }
}
.about__dots .dot::after {
  bottom: 0;
  top: auto;
  transform: translate3d(-50%, 50%, 0);
}
.about__dots .dot-1 {
  -webkit-animation-duration: 65s;
          animation-duration: 65s;
  -webkit-animation-delay: -20s;
          animation-delay: -20s;
}
.about__dots .dot-1::after {
  display: none;
}
.about__dots .dot-2 {
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
}
.about__dots .dot-2::after {
  display: none;
}
.about__dots .dot-3 {
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.about__dots .dot-3::before {
  display: none;
}
.about__dots .dot-4 {
  -webkit-animation-duration: 60s;
          animation-duration: 60s;
  -webkit-animation-delay: -21s;
          animation-delay: -21s;
  animation-direction: reverse;
}
.about__dots .dot-4::before {
  display: none;
}
.about__dots .dot-5 {
  -webkit-animation-duration: 60s;
          animation-duration: 60s;
  -webkit-animation-delay: -34s;
          animation-delay: -34s;
  animation-direction: reverse;
}
.about__dots .dot-6 {
  -webkit-animation-duration: 30s;
          animation-duration: 30s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  animation-direction: reverse;
}
.about__dots .dot-6::after {
  display: none;
}

@-webkit-keyframes HeadMoves {
  0% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(4deg);
  }
}

@keyframes HeadMoves {
  0% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(4deg);
  }
}
#Head {
  -webkit-animation: HeadMoves 4s ease-in-out alternate infinite -2s;
          animation: HeadMoves 4s ease-in-out alternate infinite -2s;
  transform-origin: 1127.2px 890.3px;
}

@-webkit-keyframes MouthMoves {
  0%, 40%, 80%, 100% {
    transform: rotate(0);
  }
  60%, 70% {
    transform: rotate(-3deg);
  }
}

@keyframes MouthMoves {
  0%, 40%, 80%, 100% {
    transform: rotate(0);
  }
  60%, 70% {
    transform: rotate(-3deg);
  }
}
#Mouth {
  -webkit-animation: MouthMoves 15s ease-in-out infinite;
          animation: MouthMoves 15s ease-in-out infinite;
  transform-origin: 776.8px 905.1px;
}

@-webkit-keyframes EyeMoves {
  0%, 40%, 80%, 100% {
    transform: translate3d(0, 0, 0);
  }
  60%, 70% {
    transform: translate3d(6px, 0, 0);
  }
}

@keyframes EyeMoves {
  0%, 40%, 80%, 100% {
    transform: translate3d(0, 0, 0);
  }
  60%, 70% {
    transform: translate3d(6px, 0, 0);
  }
}
#Eye,
#Eye1 {
  -webkit-animation: EyeMoves 15s ease-in-out infinite;
          animation: EyeMoves 15s ease-in-out infinite;
}

@-webkit-keyframes EyebrowMoves {
  0%, 40%, 80%, 100% {
    transform: rotate(0);
  }
  60%, 70% {
    transform: rotate(5.4deg);
  }
}

@keyframes EyebrowMoves {
  0%, 40%, 80%, 100% {
    transform: rotate(0);
  }
  60%, 70% {
    transform: rotate(5.4deg);
  }
}
#Eyebrow {
  -webkit-animation: EyebrowMoves 15s ease-in-out infinite;
          animation: EyebrowMoves 15s ease-in-out infinite;
  transform-origin: 991.4px 642.1px;
}

@-webkit-keyframes Eyebrow1Moves {
  0%, 40%, 80%, 100% {
    transform: rotate(0);
  }
  60%, 70% {
    transform: rotate(-4.8deg);
  }
}

@keyframes Eyebrow1Moves {
  0%, 40%, 80%, 100% {
    transform: rotate(0);
  }
  60%, 70% {
    transform: rotate(-4.8deg);
  }
}
#Eyebrow1 {
  -webkit-animation: Eyebrow1Moves 15s ease-in-out infinite;
          animation: Eyebrow1Moves 15s ease-in-out infinite;
  transform-origin: 620.9px 643.5px;
}

@-webkit-keyframes EyelidMoves {
  0%, 30.5%, 31.5%, 32.5%, 95.5%, 96.5%, 100% {
    transform: scaleY(0);
  }
  31%, 32%, 96% {
    transform: scaleY(1);
  }
}

@keyframes EyelidMoves {
  0%, 30.5%, 31.5%, 32.5%, 95.5%, 96.5%, 100% {
    transform: scaleY(0);
  }
  31%, 32%, 96% {
    transform: scaleY(1);
  }
}
#Eyelid,
#Eyelid1 {
  -webkit-animation: EyelidMoves 20s ease-in-out infinite;
          animation: EyelidMoves 20s ease-in-out infinite;
  transform-origin: 695.3px 677.2px;
}

@-webkit-keyframes EyelashMoves {
  0%, 30.5%, 31.5%, 32.5%, 95.5%, 96.5%, 100% {
    transform: scaleY(1) scaleX(1);
  }
  31%, 32%, 96% {
    transform: scaleY(-0.7) scaleX(0.9);
  }
}

@keyframes EyelashMoves {
  0%, 30.5%, 31.5%, 32.5%, 95.5%, 96.5%, 100% {
    transform: scaleY(1) scaleX(1);
  }
  31%, 32%, 96% {
    transform: scaleY(-0.7) scaleX(0.9);
  }
}
#Eyelash,
#Eyelash1 {
  -webkit-animation: EyelashMoves 20s ease-in-out infinite;
          animation: EyelashMoves 20s ease-in-out infinite;
}

#Eyelash {
  transform-origin: 730px 700px;
}

#Eyelash1 {
  transform-origin: 880px 700px;
}

@-webkit-keyframes ShoulderMoves {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}

@keyframes ShoulderMoves {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-3deg);
  }
}
#Shoulder {
  -webkit-animation: ShoulderMoves 4s ease-in-out alternate infinite;
          animation: ShoulderMoves 4s ease-in-out alternate infinite;
  transform-origin: 714px 1214.9px;
}

@-webkit-keyframes Shoulder1Moves {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3deg);
  }
}

@keyframes Shoulder1Moves {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3deg);
  }
}
#Shoulder1 {
  -webkit-animation: Shoulder1Moves 4s ease-in-out alternate infinite;
          animation: Shoulder1Moves 4s ease-in-out alternate infinite;
  transform-origin: 1155px 1157.4px;
}

.animated-logo {
  width: 100%;
  height: auto;
}
.animated-logo path {
  -webkit-animation-name: logo-stroke, logo-stroke-width;
          animation-name: logo-stroke, logo-stroke-width;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  stroke-dasharray: var(--length);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
          animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
  stroke-dashoffset: 0;
  -webkit-animation-duration: calc((var(--length-1) + var(--length-2) + var(--length-space)) * 12ms);
          animation-duration: calc((var(--length-1) + var(--length-2) + var(--length-space)) * 12ms);
  stroke-width: 4;
}
@media only screen and (max-width: 768px) {
  .animated-logo path {
    stroke-width: 3.5;
  }
}
@media only screen and (max-width: 520px) {
  .animated-logo path {
    stroke-width: 3;
  }
}
.animated-logo path:nth-of-type(1) {
  --length: var(--length-1);
  -webkit-animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0), ease-in-out;
          animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0), ease-in-out;
}
.animated-logo path:nth-of-type(2) {
  --length: var(--length-2);
  stroke-dashoffset: var(--length-half);
  -webkit-animation-name: logo-stroke-delayed, logo-stroke-width;
          animation-name: logo-stroke-delayed, logo-stroke-width;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1), ease-in-out;
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1), ease-in-out;
}
@-webkit-keyframes logo-stroke {
  0% {
    stroke-dashoffset: var(--length);
  }
  64.298%, 100% {
    stroke-dashoffset: 0;
  }
}
@keyframes logo-stroke {
  0% {
    stroke-dashoffset: var(--length);
  }
  64.298%, 100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes logo-stroke-delayed {
  0%, 64.298% {
    stroke-dashoffset: var(--length);
  }
  100% {
    stroke-dashoffset: var(--length-half);
  }
}
@keyframes logo-stroke-delayed {
  0%, 64.298% {
    stroke-dashoffset: var(--length);
  }
  100% {
    stroke-dashoffset: var(--length-half);
  }
}
@-webkit-keyframes logo-stroke-width {
  from {
    stroke-width: 1;
  }
}
@keyframes logo-stroke-width {
  from {
    stroke-width: 1;
  }
}

:root {
  font-size: 0.5208333333vw;
}
@media only screen and (max-width: 1280px) {
  :root {
    font-size: 0.6734006734vw;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    font-size: 1.3020833333vw;
  }
}
@media only screen and (max-width: 520px) {
  :root {
    font-size: 2.6666666667vw;
  }
}

body {
  font-family: var(--font-normalized);
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color_black);
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 1.4rem;
  }
}

.h1,
.h2 {
  font-weight: 400;
  font-family: var(--font-brand);
}

.h1 {
  font-size: 7.2rem;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .h1 {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 520px) {
  .h1 {
    font-size: 4.6rem;
  }
}

.h2 {
  font-size: 4rem;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .h2 {
    font-size: 3.2rem;
    line-height: 1.31;
  }
}

.smallcaps {
  font-family: var(--font-brand);
  text-transform: uppercase;
  display: inline-flex;
  line-height: 1;
  font-size: 1.5rem;
}
@media only screen and (max-width: 520px) {
  .smallcaps {
    font-size: 1.3rem;
  }
}

.h1,
.h2,
.smallcaps {
  margin-bottom: var(--padding-mini);
}

b,
.smallcaps {
  font-weight: 500;
  color: var(--theme-color);
}

.wrapper {
  padding: var(--padding-large);
  max-width: var(--wrapper-width, 148.5rem);
  margin: 0 auto;
}
@media only screen and (max-width: 520px) {
  .wrapper {
    padding: var(--padding-medium) var(--padding-large);
  }
}

img,
video,
svg {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

::-moz-selection {
  background-color: var(--theme-color, #585858);
  color: #FFFFFF;
}

::selection {
  background-color: var(--theme-color, #585858);
  color: #FFFFFF;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  outline-color: var(--theme-color, var(--color_black));
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

.icon {
  width: 2.4rem;
  height: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .icon {
    width: 2rem;
    height: 2rem;
  }
}

.back__link {
  display: flex;
  align-items: center;
}
.back__link svg {
  margin-right: var(--padding-mini);
}

@-webkit-keyframes uwu-left {
  from {
    transform: translateX(-5%);
  }
}

@keyframes uwu-left {
  from {
    transform: translateX(-5%);
  }
}
@-webkit-keyframes uwu-right {
  from {
    transform: translateX(5%);
  }
}
@keyframes uwu-right {
  from {
    transform: translateX(5%);
  }
}
.uwu svg {
  max-width: 60rem;
  margin: 0 auto;
}
.uwu svg path {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  fill: var(--color_black);
}
.uwu svg path:nth-of-type(1) {
  -webkit-animation-name: uwu-left;
          animation-name: uwu-left;
}
.uwu svg path:nth-of-type(2) {
  -webkit-animation-name: uwu-right;
          animation-name: uwu-right;
}

.footer {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "info info resume" "social social resume";
  -moz-column-gap: var(--padding-medium);
       column-gap: var(--padding-medium);
}
@media only screen and (max-width: 768px) {
  .footer {
    grid-template-columns: 1fr;
    grid-template-areas: "info" "social";
    gap: var(--padding-small);
  }
}
@media only screen and (max-width: 520px) {
  .footer {
    gap: 2rem;
  }
}
.footer__button {
  display: flex;
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
}
.footer__button:not(:last-of-type) {
  margin-right: var(--padding-medium);
}
@media only screen and (max-width: 520px) {
  .footer__button:not(:last-of-type) {
    margin-bottom: var(--padding-mini);
    margin-right: unset;
  }
}
.footer__button svg path {
  transition: fill 300ms ease;
}
.footer__button:hover svg path {
  fill: var(--theme-color);
}
.footer__button .icon-box__icon {
  margin-right: 2rem;
  display: flex;
}
.footer__button:nth-of-type(1) {
  -webkit-animation-delay: calc(1 * 200ms + 200ms);
          animation-delay: calc(1 * 200ms + 200ms);
}
.footer__button:nth-of-type(2) {
  -webkit-animation-delay: calc(2 * 200ms + 200ms);
          animation-delay: calc(2 * 200ms + 200ms);
}
.footer__button:nth-of-type(3) {
  -webkit-animation-delay: calc(3 * 200ms + 200ms);
          animation-delay: calc(3 * 200ms + 200ms);
}
.footer__button:nth-of-type(4) {
  -webkit-animation-delay: calc(4 * 200ms + 200ms);
          animation-delay: calc(4 * 200ms + 200ms);
}
.footer__button:nth-of-type(5) {
  -webkit-animation-delay: calc(5 * 200ms + 200ms);
          animation-delay: calc(5 * 200ms + 200ms);
}
.footer__copyright {
  font-family: var(--font-brand);
  font-size: 1.5rem;
  font-variant: small-caps;
  text-transform: uppercase;
  position: relative;
}
.footer__copyright::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color_grey);
  z-index: 20;
  transform-origin: center center;
  -webkit-animation-name: draw-x;
          animation-name: draw-x;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.preloader-visible .footer__copyright::before {
  -webkit-animation-name: none;
          animation-name: none;
}
@media only screen and (min-width: 769px) {
  .preloader-visible .footer__copyright::before {
    transform: scaleX(0);
  }
}
@media only screen and (max-width: 768px) {
  .footer__copyright::before {
    -webkit-animation-name: none;
            animation-name: none;
  }
}
@media only screen and (max-width: 768px) {
  .footer__copyright {
    font-size: 1.2rem;
    margin-top: -4rem;
  }
}
@media only screen and (max-width: 520px) {
  .footer__copyright {
    margin-top: unset;
  }
}
.footer__copyright .wrapper {
  padding-top: var(--padding-small);
  padding-bottom: var(--padding-small);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .footer__copyright .wrapper {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
}
@media only screen and (max-width: 520px) {
  .footer__copyright .wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.footer__info {
  grid-area: info;
  max-width: 70rem;
}
@media only screen and (max-width: 520px) {
  .footer__info .h1 {
    margin-bottom: 2rem;
  }
}
.footer__socials {
  grid-area: social;
  margin-top: var(--padding-mini);
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .footer__socials {
    align-content: flex-start;
    margin-top: unset;
  }
}
@media only screen and (max-width: 520px) {
  .footer__socials {
    flex-direction: column;
  }
}
.footer__resume {
  grid-area: resume;
  display: grid;
  align-items: center;
  justify-content: center;
  font-family: var(--font-brand);
  text-transform: uppercase;
}
.footer__resume.inview::after {
  -webkit-animation-name: draw-y;
          animation-name: draw-y;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}
@media only screen and (max-width: 768px) {
  .footer__resume.inview::after {
    -webkit-animation-name: none;
            animation-name: none;
  }
}
@media only screen and (max-width: 768px) {
  .footer__resume {
    justify-content: center;
    margin-top: 2rem;
    display: none;
  }
}
.footer__resume::after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background-color: var(--color_grey);
  position: absolute;
  right: 30.65rem;
  top: 0;
  z-index: -1;
  transform-origin: top center;
  -webkit-animation-name: draw-y;
          animation-name: draw-y;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: none;
          animation-name: none;
  transform-origin: top center;
}
.preloader-visible .footer__resume::after {
  -webkit-animation-name: none;
          animation-name: none;
}
@media only screen and (min-width: 769px) {
  .preloader-visible .footer__resume::after {
    transform: scaleY(0);
  }
}
@media only screen and (max-width: 768px) {
  .footer__resume::after {
    height: 1px;
    width: 100%;
    right: 0;
    top: unset;
    bottom: 15rem;
  }
}
@media only screen and (max-width: 520px) {
  .footer__resume::after {
    bottom: 13rem;
  }
}
.footer__resume-link {
  box-shadow: 0 0 0 1px var(--color_grey);
  border-radius: 50%;
  height: 18rem;
  width: 18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-brand);
  font-size: 1.5rem;
  text-transform: uppercase;
  background-color: var(--color_white);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .footer__resume-link {
    height: 14rem;
    width: 14rem;
  }
}
@media only screen and (max-width: 768px) {
  .footer__resume-link {
    font-size: 1.4rem;
  }
}
.footer__resume-link::before {
  content: "";
  box-shadow: 0 0 0 1px var(--color_grey);
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: var(--color_white);
  transition: transform 500ms ease, background-color 500ms ease;
  pointer-events: none;
}
.footer__resume-link:hover::before {
  background-color: var(--color_grey_light);
  transform: scale(0.8);
}
.footer__resume svg {
  height: 2.4rem;
  width: 2.4rem;
  margin-bottom: 1rem;
}
.footer__next {
  width: 100%;
  position: relative;
  color: var(--theme-color);
}
.footer__next::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--theme-color);
  z-index: -1;
  opacity: 0.06;
}
.footer__next:hover .wrapper::after {
  opacity: 0.05;
}
.footer__next .wrapper {
  position: relative;
}
.footer__next .wrapper > * {
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  .footer__next .wrapper .h1 {
    line-height: 1.2;
  }
}
.footer__next .wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--theme-color);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease;
}
@media only screen and (max-width: 768px) {
  .footer__next .wrapper::after {
    display: none;
  }
}
.footer__next + .footer__copyright {
  margin-top: unset;
}

.menu {
  max-width: var(--wrapper-width, 148.5rem);
  margin: var(--padding-medium) auto 0;
  padding: 0 var(--padding-large);
  min-height: 6rem;
  display: flex;
  align-items: center;
  position: relative;
  --bg-time: 700ms;
  --bg-delay: 350ms;
  --total-delay: 400ms;
  --opacity-in: 500ms;
  --opacity-out: 400ms;
}
@media only screen and (max-width: 768px) {
  .menu {
    margin: 0;
    position: fixed;
    z-index: 1;
    padding: var(--padding-large) calc(var(--padding-large) - 1rem);
    visibility: hidden;
    height: 100%;
    width: 100%;
  }
}
.menu-animating .menu {
  transition: visibility 0ms calc(var(--opacity-out) + var(--bg-time) + var(--bg-delay));
}
@media only screen and (max-width: 768px) {
  .menu::before, .menu::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color_white);
    transform-origin: right center;
    transform: scaleX(0);
    transition: transform var(--bg-time) cubic-bezier(0.65, 0, 0.35, 1) var(--total-delay);
  }
  .menu::after {
    transition-delay: calc(var(--total-delay) + var(--bg-delay));
    background-color: var(--color_grey);
    z-index: -2;
  }
}
@media only screen and (max-width: 768px) {
  .menu-visible .menu {
    visibility: visible;
    transition-delay: 0ms;
  }
}
.menu-visible .menu::before {
  transition-delay: var(--bg-delay);
}
.menu-visible .menu::after {
  transition-delay: 0ms;
}
.menu-visible .menu::before, .menu-visible .menu::after {
  transform: scaleX(1);
  transform-origin: left center;
}
@media only screen and (max-width: 768px) {
  .menu__content {
    opacity: 0;
    transition: opacity var(--opacity-out) ease;
    width: 100%;
  }
  .menu-visible .menu__content {
    opacity: 1;
    transition: opacity var(--opacity-in) ease calc(var(--bg-time) + var(--bg-delay));
  }
}
@media only screen and (max-width: 768px) {
  .menu__content::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    background-color: var(--color_grey);
    z-index: -1;
    transform-origin: top center;
    -webkit-animation-name: draw-y;
            animation-name: draw-y;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-name: none;
            animation-name: none;
    -webkit-animation-delay: calc(var(--bg-time) + var(--bg-delay) + var(--opacity-in));
            animation-delay: calc(var(--bg-time) + var(--bg-delay) + var(--opacity-in));
  }
  .preloader-visible .menu__content::before {
    -webkit-animation-name: none;
            animation-name: none;
  }
}
@media only screen and (max-width: 768px) and (min-width: 769px) {
  .preloader-visible .menu__content::before {
    transform: scaleY(0);
  }
}
@media only screen and (max-width: 768px) {
  .menu-visible .menu__content::before, .menu-animating .menu__content::before {
    -webkit-animation-name: draw-y;
            animation-name: draw-y;
  }
}
@media only screen and (max-width: 520px) {
  .menu__content::before {
    left: 8rem;
    transform-origin: center;
  }
}
.menu__nav {
  list-style: none;
  display: flex;
  margin-left: calc(var(--padding-medium) + 6rem);
}
@media only screen and (max-width: 768px) {
  .menu__nav {
    flex-direction: column;
    margin: unset;
    align-items: center;
    background-color: var(--color_white);
    padding: 2rem 0;
  }
}
@media only screen and (max-width: 520px) {
  .menu__nav {
    align-items: flex-start;
  }
}
.menu__item:not(:last-of-type) {
  margin-right: var(--padding-small);
}
@media only screen and (max-width: 768px) {
  .menu__item:not(:last-of-type) {
    margin-right: unset;
  }
}
@media only screen and (max-width: 768px) {
  .menu-visible .menu__item, .menu-animating .menu__item {
    -webkit-animation-name: slide-bottom, fade;
            animation-name: slide-bottom, fade;
    -webkit-animation-delay: calc(var(--bg-time) + var(--bg-delay));
            animation-delay: calc(var(--bg-time) + var(--bg-delay));
  }
}
@media only screen and (max-width: 520px) {
  .menu-visible .menu__item, .menu-animating .menu__item {
    -webkit-animation-name: slide-right, fade;
            animation-name: slide-right, fade;
  }
}
.menu__item:nth-of-type(2) {
  -webkit-animation-delay: calc(1 * 200ms);
          animation-delay: calc(1 * 200ms);
}
@media only screen and (max-width: 768px) {
  .menu__item:nth-of-type(2) {
    -webkit-animation-delay: calc(1 * 100ms + (var(--bg-time) + var(--bg-delay)));
            animation-delay: calc(1 * 100ms + (var(--bg-time) + var(--bg-delay)));
  }
}
.menu__item:nth-of-type(3) {
  -webkit-animation-delay: calc(2 * 200ms);
          animation-delay: calc(2 * 200ms);
}
@media only screen and (max-width: 768px) {
  .menu__item:nth-of-type(3) {
    -webkit-animation-delay: calc(2 * 100ms + (var(--bg-time) + var(--bg-delay)));
            animation-delay: calc(2 * 100ms + (var(--bg-time) + var(--bg-delay)));
  }
}
.menu__item:nth-of-type(4) {
  -webkit-animation-delay: calc(3 * 200ms);
          animation-delay: calc(3 * 200ms);
}
@media only screen and (max-width: 768px) {
  .menu__item:nth-of-type(4) {
    -webkit-animation-delay: calc(3 * 100ms + (var(--bg-time) + var(--bg-delay)));
            animation-delay: calc(3 * 100ms + (var(--bg-time) + var(--bg-delay)));
  }
}
.menu__item:nth-of-type(5) {
  -webkit-animation-delay: calc(4 * 200ms);
          animation-delay: calc(4 * 200ms);
}
@media only screen and (max-width: 768px) {
  .menu__item:nth-of-type(5) {
    -webkit-animation-delay: calc(4 * 100ms + (var(--bg-time) + var(--bg-delay)));
            animation-delay: calc(4 * 100ms + (var(--bg-time) + var(--bg-delay)));
  }
}
.menu__item--mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .menu__item--mobile {
    display: block;
  }
}
.menu__link {
  font-size: 1.5rem;
  font-family: var(--font-brand);
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  position: relative;
  border: none;
  background-color: transparent;
  color: var(--color_black);
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .menu__link {
    font-size: 6rem;
    text-transform: unset;
    padding: 0 1rem;
    margin-left: -0.03em;
    font-family: var(--font-normalized);
    transition: color 300ms ease;
  }
}
@media only screen and (max-width: 520px) {
  .menu__link {
    font-size: 4.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .menu__link:hover {
    color: var(--theme-color);
  }
}
.menu__link::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  bottom: 0;
  left: 1rem;
  width: calc(100% - 2rem);
  height: 1px;
  background-color: var(--theme-color);
  transform-origin: right center;
  transform: scaleX(0);
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
}
@media only screen and (max-width: 768px) {
  .menu__link::after {
    display: none;
  }
}
.menu__link:hover::after {
  transform-origin: left center;
  transform: scaleX(1);
}

.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}

.burger {
  border: none;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  color: inherit;
  z-index: 1;
  left: calc(var(--padding-large) - 1rem);
  top: 5rem;
  outline-color: var(--theme-color);
}
@media only screen and (max-width: 768px) {
  .burger {
    display: flex;
  }
}
@media only screen and (max-width: 520px) {
  .burger {
    top: 2rem;
  }
}
.burger svg {
  width: 2.4rem;
  height: 2.4rem;
}
@media only screen and (max-width: 520px) {
  .burger svg {
    width: 2rem;
    height: 2rem;
  }
}

.logo {
  width: 8.5rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 1rem;
  margin: -1rem;
  position: absolute;
  top: 7.6rem;
  left: 33.8rem;
  z-index: 1;
}
@media only screen and (max-width: 1280px) {
  .logo {
    left: var(--padding-large);
  }
}
@media only screen and (max-width: 768px) {
  .logo {
    position: absolute;
    left: calc(50% - 2.75rem);
    top: 5.65rem;
    width: 7.5rem;
    opacity: 0;
  }
}
@media only screen and (max-width: 520px) {
  .logo {
    left: calc(50% - 2.25rem);
    width: 6.5rem;
    top: 3rem;
  }
}
.logo--subpage {
  position: static;
  margin-left: auto;
}
.logo:not(.inview) svg path {
  -webkit-animation-name: none;
          animation-name: none;
}
@media only screen and (max-width: 768px) {
  .logo.inview {
    opacity: 1;
  }
}
.logo.inview svg path {
  transition: stroke 300ms ease;
}
.logo:hover svg path {
  stroke: var(--theme-color);
}

.switch {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
  position: absolute;
  right: 33.8rem;
  top: 6rem;
  margin-left: auto;
  cursor: pointer;
  color: inherit;
  outline-color: var(--theme-color);
}
@media only screen and (max-width: 1280px) {
  .switch {
    right: var(--padding-large);
  }
}
@media only screen and (max-width: 768px) {
  .switch {
    height: 4rem;
    width: 4rem;
    top: 5rem;
    right: calc(var(--padding-large) - 1rem);
  }
}
@media only screen and (max-width: 520px) {
  .switch {
    top: 2rem;
  }
}
.switch::after {
  content: "";
  width: calc(var(--padding-large) + 3rem);
  height: 1px;
  left: calc(100% - 3rem);
  bottom: 50%;
  display: block;
  position: absolute;
  background-color: var(--color_grey);
  z-index: -2;
  transform-origin: center center;
  -webkit-animation-name: draw-x;
          animation-name: draw-x;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  transform-origin: left center;
}
.preloader-visible .switch::after {
  -webkit-animation-name: none;
          animation-name: none;
}
@media only screen and (min-width: 769px) {
  .preloader-visible .switch::after {
    transform: scaleX(0);
  }
}
@media only screen and (max-width: 768px) {
  .switch::after {
    -webkit-animation-name: none;
            animation-name: none;
    display: none;
  }
}
.switch::before {
  content: "";
  box-shadow: 0 0 0 1px var(--color_grey);
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: var(--color_white);
  transition: transform 500ms ease;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .switch::before {
    box-shadow: none;
  }
}
.switch:active::before {
  transform: scale(0.9);
  transition-duration: 100ms;
}
@media only screen and (min-width: 769px) {
  .switch:hover svg path {
    fill: var(--theme-color);
  }
}
.switch svg {
  position: absolute;
  left: calc(50% - 1.2rem);
  top: calc(50% - 1.2rem);
  width: 2.4rem;
  height: 2.4rem;
  transition: opacity 300ms ease, transform 300ms ease;
}
@media only screen and (max-width: 520px) {
  .switch svg {
    left: calc(50% - 1rem);
    top: calc(50% - 1rem);
    width: 2rem;
    height: 2rem;
  }
}
.switch svg:first-of-type {
  opacity: 1;
  transform: rotate(0deg);
}
.theme--dark .switch svg:first-of-type {
  opacity: 0;
  transform: rotate(-45deg);
}
.switch svg:last-of-type {
  opacity: 0;
  transform: rotate(45deg);
}
.theme--dark .switch svg:last-of-type {
  opacity: 1;
  transform: rotate(0deg);
}
.switch svg path {
  transition: fill 300ms ease;
}

.section--projects .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--padding-big) var(--padding-medium);
}
@media only screen and (max-width: 768px) {
  .section--projects .wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--padding-medium) var(--padding-small);
  }
}
@media only screen and (max-width: 520px) {
  .section--projects .wrapper {
    grid-template-columns: 1fr;
  }
}
.section--border {
  position: relative;
}
.section--border::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color_grey);
  z-index: 20;
  transform-origin: center center;
  -webkit-animation-name: draw-x;
          animation-name: draw-x;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.preloader-visible .section--border::before {
  -webkit-animation-name: none;
          animation-name: none;
}
@media only screen and (min-width: 769px) {
  .preloader-visible .section--border::before {
    transform: scaleX(0);
  }
}
@media only screen and (max-width: 768px) {
  .section--border::before {
    -webkit-animation-name: none;
            animation-name: none;
  }
}
.section--bg-alt {
  background-color: var(--color_bg_alt);
}

.about {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "info info avatar";
  gap: var(--padding-medium);
  position: relative;
  padding-top: 23rem;
}
@media only screen and (max-width: 768px) {
  .about {
    grid-template-columns: 1fr;
    grid-template-areas: "avatar" "info";
    padding-top: 16rem;
  }
}
@media only screen and (max-width: 520px) {
  .about {
    padding-top: 10rem;
    gap: var(--padding-small);
  }
}
.about::after {
  content: "";
  right: 30.65rem;
  bottom: 0;
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 29rem - 1.75rem - 2.5rem - 23rem);
  background-color: var(--color_grey);
  transform-origin: top center;
  -webkit-animation-name: draw-y;
          animation-name: draw-y;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.preloader-visible .about::after {
  -webkit-animation-name: none;
          animation-name: none;
}
@media only screen and (min-width: 769px) {
  .preloader-visible .about::after {
    transform: scaleY(0);
  }
}
@media only screen and (max-width: 768px) {
  .about::after {
    width: 100%;
    left: 0;
    right: unset;
    top: 31.4rem;
    -webkit-animation-name: none;
            animation-name: none;
    bottom: unset;
    height: 1px;
  }
}
@media only screen and (max-width: 520px) {
  .about::after {
    top: 22.6rem;
  }
}
.about__avatar {
  grid-area: avatar;
  align-self: flex-start;
}
.about__info {
  grid-area: info;
}
@media only screen and (max-width: 768px) {
  .about__info {
    --padding-mini: 2rem;
    text-align: center;
  }
}
@media only screen and (max-width: 520px) {
  .about__info {
    text-align: left;
  }
}
.about__info h1 {
  margin-left: -0.03em;
}
@media only screen and (max-width: 768px) {
  .about__info h1 br {
    display: none;
  }
}
.about__info > p {
  max-width: 56rem;
}
@media only screen and (max-width: 768px) {
  .about__info > p {
    margin: 0 auto;
    max-width: 53rem;
  }
}
@media only screen and (max-width: 520px) {
  .about__info > p {
    margin: unset;
    max-width: unset;
  }
}
.about .icon-box {
  margin-top: var(--padding-mini);
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .about .icon-box {
    justify-content: center;
  }
}
@media only screen and (max-width: 520px) {
  .about .icon-box {
    justify-content: flex-start;
  }
}

.project__card {
  position: relative;
}
@media only screen and (min-width: 769px) {
  .project__card:nth-of-type(3n + 2) {
    -webkit-animation-delay: calc(1 * 200ms);
            animation-delay: calc(1 * 200ms);
  }
  .project__card:nth-of-type(3n + 3) {
    -webkit-animation-delay: calc(2 * 200ms);
            animation-delay: calc(2 * 200ms);
  }
}
@media only screen and (max-width: 768px) {
  .project__card:nth-of-type(2n + 2) {
    -webkit-animation-delay: 200ms;
            animation-delay: 200ms;
  }
}
.project__card a::before {
  content: "";
  padding-top: calc(var(--aspect-y, 1) * 100% + 2rem);
  background-color: var(--theme-color);
  display: block;
  position: absolute;
  left: -1rem;
  top: -1rem;
  width: calc(100% + 2rem);
  opacity: 0;
  pointer-events: none;
  border-radius: 2rem;
  transform: scale(0.98);
  transition: transform 300ms ease, opacity 300ms ease;
}
@media only screen and (max-width: 768px) {
  .section--logos .project__card a::before {
    padding-top: calc(var(--aspect-y, 1) * 70% + 2rem);
  }
}
@media only screen and (max-width: 768px) {
  .project__card a::before {
    display: none;
  }
}
.project__card a:hover::before {
  opacity: 0.15;
  transform: scale(1);
}
.theme--dark .project__card a:hover::before {
  opacity: 0.2;
}
.project__media {
  box-shadow: 0 0 0 1px var(--color_grey);
  border-radius: 1.2rem;
  overflow: hidden;
  padding-top: calc(var(--aspect-y, 1) * 100%);
  position: relative;
  z-index: 1;
  background-color: var(--color_grey_light);
}
@media only screen and (max-width: 768px) {
  .section--logos .project__media {
    padding-top: calc(var(--aspect-y, 1) * 70%);
  }
}
.project__media img,
.project__media video {
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  -o-object-fit: cover;
     object-fit: cover;
  max-width: unset;
  max-height: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.theme--dark .project__media img,
.theme--dark .project__media video {
  filter: brightness(0.95) saturate(0.95);
}
.project__media video {
  -o-object-position: 50% 15%;
     object-position: 50% 15%;
}
.project__media + .project__info {
  margin-top: var(--padding-small);
}
@media only screen and (max-width: 768px) {
  .project__media + .project__info {
    margin-top: calc(var(--padding-mini) * 2);
  }
}
@media only screen and (max-width: 520px) {
  .project__media + .project__info {
    margin-top: 2.4rem;
  }
}
.project__info {
  max-width: 81rem;
}
.project__slider .project__media {
  background-color: var(--color_grey_light);
}
.project__slider {
  position: relative;
}
.project__slider .swiper {
  width: calc(100% + 2 * var(--padding-large));
  height: auto;
  margin: var(--padding-small) calc(var(--padding-large) * -1) 0;
  padding: 2px var(--padding-large);
}
.project__slider .swiper-slide {
  --size: 37.5rem;
  height: var(--size);
  width: calc(var(--aspect-x, 1) * var(--size));
}
@media only screen and (max-width: 768px) {
  .project__slider .swiper-slide {
    --size: 27.4rem;
  }
}
@media only screen and (max-width: 520px) {
  .project__slider .swiper-slide {
    --size: 17.7rem;
  }
}
.project__slider .swiper-slide:not(:last-of-type) {
  padding-right: var(--padding-medium);
  width: calc(var(--aspect-x, 1) * var(--size) + var(--padding-medium));
}
@media only screen and (max-width: 768px) {
  .project__slider .swiper-slide:not(:last-of-type) {
    --padding-medium: var(--padding-small);
  }
}
@media only screen and (max-width: 520px) {
  .project__slider .swiper-slide:not(:last-of-type) {
    --padding-medium: 2rem;
  }
}
.project__slider .swiper-container {
  position: relative;
}
.project__slider .swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease;
}
.project__slider .swiper-button-next,
.project__slider .swiper-button-prev {
  height: 6rem;
  width: 6rem;
  margin: 0;
  top: 0;
  left: 0;
  color: var(--color_black);
  border-radius: 50%;
  transition: opacity 300ms ease;
  position: relative;
  outline-color: var(--theme-color);
}
.project__slider .swiper-button-next::after,
.project__slider .swiper-button-prev::after {
  font-size: 1.6rem;
}
.project__slider .swiper-button-next::before,
.project__slider .swiper-button-prev::before {
  content: "";
  box-shadow: 0 0 0 1px var(--color_grey);
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: var(--color_white);
  transition: transform 500ms ease;
}
.project__slider .swiper-button-next:active::before,
.project__slider .swiper-button-prev:active::before {
  transform: scale(0.9);
  transition-duration: 100ms;
}
.project__slider .swiper-button-next {
  padding-left: 0.15em;
}
.project__slider .swiper-button-prev {
  padding-right: 0.15em;
}
.project__controls {
  position: absolute;
  right: 0;
  bottom: calc(100% + var(--padding-small));
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .project__controls {
    display: none;
  }
}
.project__header {
  position: relative;
  min-height: 71.4rem;
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--theme-color);
}
.project__header::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color_grey);
  z-index: 20;
  transform-origin: center center;
  -webkit-animation-name: draw-x;
          animation-name: draw-x;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.preloader-visible .project__header::before {
  -webkit-animation-name: none;
          animation-name: none;
}
@media only screen and (min-width: 769px) {
  .preloader-visible .project__header::before {
    transform: scaleX(0);
  }
}
@media only screen and (max-width: 768px) {
  .project__header::before {
    -webkit-animation-name: none;
            animation-name: none;
  }
}
@media only screen and (max-width: 768px) {
  .project__header {
    min-height: 50rem;
  }
}
.project__header::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--theme-color);
  z-index: -1;
  opacity: 0.06;
}
.project__header .wrapper {
  height: 100%;
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.project__header .project__info {
  margin-top: auto;
  max-width: unset;
}
@media only screen and (max-width: 768px) {
  .project__header .project__info .h1 {
    line-height: 1.2;
  }
}
.project__header .project__info p {
  max-width: 64rem;
}
@media only screen and (max-width: 520px) {
  .project__header .project__info {
    --padding-mini: 2rem;
  }
}
.project__nav {
  display: flex;
  align-items: center;
  margin-top: -4.4rem;
}
@media only screen and (max-width: 768px) {
  .project__nav {
    margin-top: -2.4rem;
  }
}
@media only screen and (max-width: 520px) {
  .project__nav {
    margin-top: -3rem;
  }
}

.flexible-gallery__media {
  min-width: 0;
  box-shadow: 0 0 0 1px var(--color_grey);
  border-radius: 1.2rem;
  overflow: hidden;
  padding-top: calc(var(--aspect-y, 1) * 100%);
  position: relative;
  z-index: 1;
  background-color: var(--color_grey_light);
}
.flexible-gallery__media img,
.flexible-gallery__media video {
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  -o-object-fit: cover;
     object-fit: cover;
  max-width: unset;
  max-height: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.theme--dark .flexible-gallery__media img,
.theme--dark .flexible-gallery__media video {
  filter: brightness(0.95) saturate(0.95);
}
.flexible-gallery__media-group:nth-of-type(1) {
  grid-area: image1;
}
.flexible-gallery__media-group:nth-of-type(2) {
  grid-area: image2;
}
.flexible-gallery__media-group:nth-of-type(3) {
  grid-area: image3;
}
.flexible-gallery__desc {
  grid-area: desc;
  min-width: 0;
  padding-top: var(--padding-small);
}
@media only screen and (max-width: 768px) {
  .flexible-gallery__desc {
    padding-top: 2.4rem;
  }
}
.flexible-gallery__group {
  display: grid;
  -moz-column-gap: var(--padding-medium);
       column-gap: var(--padding-medium);
}
@media only screen and (max-width: 768px) {
  .flexible-gallery__group {
    -moz-column-gap: var(--padding-small);
         column-gap: var(--padding-small);
  }
}
@media only screen and (max-width: 520px) {
  .flexible-gallery__group {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
.flexible-gallery__group--fullscreen {
  grid-template-areas: "image1" "desc";
}
.flexible-gallery__group--fullscreen .flexible-gallery__media {
  padding-top: calc(var(--aspect-y, 0.5625) * 100%);
}
.flexible-gallery__group--fullscreen .flexible-gallery__desc {
  max-width: 50%;
}
@media only screen and (max-width: 768px) {
  .flexible-gallery__group--fullscreen .flexible-gallery__desc {
    max-width: 75%;
  }
}
@media only screen and (max-width: 520px) {
  .flexible-gallery__group--fullscreen .flexible-gallery__desc {
    max-width: unset;
  }
}
.flexible-gallery__group--double {
  grid-template-areas: "image1 image2" "desc blank";
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 768px) {
  .flexible-gallery__group--double {
    grid-template-areas: "image1 image2" "desc desc";
  }
}
@media only screen and (max-width: 520px) {
  .flexible-gallery__group--double {
    grid-template-areas: "image1" "image2" "desc";
    grid-template-columns: 1fr;
  }
}
.flexible-gallery__group--double .flexible-gallery__media {
  padding-top: 100%;
}
@media only screen and (max-width: 520px) {
  .flexible-gallery__group--double .flexible-gallery__media-group:not(:first-of-type) {
    margin-top: 2rem;
  }
}
.flexible-gallery__group--triple {
  grid-template-areas: "image1 image2 image3" "desc desc desc";
  grid-template-columns: repeat(3, 1fr);
}
.flexible-gallery__group--triple .flexible-gallery__media {
  padding-top: calc(var(--aspect-y, 2) * 100%);
}
.flexible-gallery__group--triple .flexible-gallery__desc {
  max-width: 59.2rem;
}
@media only screen and (max-width: 768px) {
  .flexible-gallery__group--triple .flexible-gallery__desc {
    max-width: unset;
  }
}
.flexible-gallery__group--side-big {
  grid-template-areas: "image1 image1 desc";
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 520px) {
  .flexible-gallery__group--side-big {
    grid-template-areas: "image1" "desc";
    grid-template-columns: 1fr;
  }
}
.flexible-gallery__group--side-big.flexible-gallery__group--reversed {
  grid-template-areas: "desc image1 image1";
}
@media only screen and (max-width: 520px) {
  .flexible-gallery__group--side-big.flexible-gallery__group--reversed {
    grid-template-areas: "image1" "desc";
  }
}
.flexible-gallery__group--side-small {
  grid-template-areas: "image1 desc";
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 520px) {
  .flexible-gallery__group--side-small {
    grid-template-areas: "image1" "desc";
    grid-template-columns: 1fr;
  }
}
.flexible-gallery__group--side-small.flexible-gallery__group--reversed {
  grid-template-areas: "desc image1";
}
@media only screen and (max-width: 520px) {
  .flexible-gallery__group--side-small.flexible-gallery__group--reversed {
    grid-template-areas: "image1" "desc";
  }
}
.flexible-gallery__group + .flexible-gallery__group {
  margin-top: var(--padding-large);
}
@media only screen and (max-width: 520px) {
  .flexible-gallery__group + .flexible-gallery__group {
    margin-top: var(--padding-medium);
  }
}
.flexible-gallery__caption {
  color: var(--color_grey_dark);
  font-size: 1.2rem;
  margin-top: 1rem;
  display: inline-flex;
}

.preloader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color_white);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.preloader svg {
  width: 8.5rem;
  flex-shrink: 0;
  -webkit-animation-name: preloader-scale, preloader-opacity;
          animation-name: preloader-scale, preloader-opacity;
  -webkit-animation-delay: 0s, 2s;
          animation-delay: 0s, 2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 4s, 2s;
          animation-duration: 4s, 2s;
  -webkit-animation-timing-function: cubic-bezier(0.64, 0, 0.78, 0), cubic-bezier(0.32, 0, 0.67, 0);
          animation-timing-function: cubic-bezier(0.64, 0, 0.78, 0), cubic-bezier(0.32, 0, 0.67, 0);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
@-webkit-keyframes preloader-opacity {
  to {
    opacity: 0;
  }
}
@keyframes preloader-opacity {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes preloader-scale {
  to {
    transform: scale(1.5);
  }
}
@keyframes preloader-scale {
  to {
    transform: scale(1.5);
  }
}

.pride {
  --pride-gradient-y: linear-gradient(to top, #ba68c8 0%, #64b5f6 25%, #9ccc65 45%, #ffca28 65%, #ff9026 85%, #ef5350 100%);
  --pride-gradient-x: linear-gradient(to left, #ba68c8 0%, #64b5f6 25%, #9ccc65 45%, #ffca28 65%, #ff9026 85%, #ef5350 100%);
}
.pride .menu::after {
  background-image: var(--pride-gradient-y);
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text) {
  .pride .theme-color--0 .smallcaps {
    background: var(--pride-gradient-x);
    color: transparent;
    -webkit-background-clip: text;
            background-clip: text;
  }
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) or (-webkit-background-clip: text) {
  .pride .menu__item:nth-of-type(1) .menu__link {
    --theme-color: #ba68c8;
  }
  .pride .menu__item:nth-of-type(2) .menu__link {
    --theme-color: #64b5f6;
  }
  .pride .menu__item:nth-of-type(3) .menu__link {
    --theme-color: #9ccc65;
  }
  .pride .menu__item:nth-of-type(4) .menu__link {
    --theme-color: #ff9026;
  }
  .pride .switch {
    --theme-color: #ffca28;
  }
  .pride .logo {
    --theme-color: #ba68c8;
  }
  .pride .logo:hover {
    -webkit-animation: rainbow 3s ease-in-out infinite;
            animation: rainbow 3s ease-in-out infinite;
  }
  .pride .logo svg path {
    transition: stroke 600ms linear;
  }
  @-webkit-keyframes rainbow {
    0% {
      --theme-color: #f399df;
    }
    25% {
      --theme-color: #64b5f6;
    }
    50% {
      --theme-color: #9ccc65;
    }
    75% {
      --theme-color: #ffca28;
    }
    100% {
      --theme-color: #ff9026;
    }
  }
  @keyframes rainbow {
    0% {
      --theme-color: #f399df;
    }
    25% {
      --theme-color: #64b5f6;
    }
    50% {
      --theme-color: #9ccc65;
    }
    75% {
      --theme-color: #ffca28;
    }
    100% {
      --theme-color: #ff9026;
    }
  }
  .pride .about__avatar-image {
    background-image: var(--pride-gradient-y);
  }
}

*,
*:after,
*:before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html.menu-visible {
  overflow: hidden;
}
html.menu-animating, html.menu-visible {
  scroll-behavior: unset;
}

body {
  background-color: var(--color_white);
}

.overall::after, .overall::before {
  content: "";
  width: 1px;
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: var(--color_grey);
  z-index: 1000;
  transform-origin: top center;
  -webkit-animation-name: draw-y;
          animation-name: draw-y;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.preloader-visible .overall::after, .preloader-visible .overall::before {
  -webkit-animation-name: none;
          animation-name: none;
}
@media only screen and (min-width: 769px) {
  .preloader-visible .overall::after, .preloader-visible .overall::before {
    transform: scaleY(0);
  }
}
@media only screen and (max-width: 1280px) {
  .overall::after, .overall::before {
    display: none;
  }
}
.overall::before {
  left: calc(50% - var(--wrapper-width) / 2);
}
.overall::after {
  right: calc(50% - var(--wrapper-width) / 2);
}

.icon-box {
  display: flex;
}
.icon-box__icon {
  flex-shrink: 0;
  margin-right: 3rem;
}
@media only screen and (max-width: 520px) {
  .icon-box__icon {
    margin-right: 2rem;
  }
}
.icon-box__icon svg {
  width: 2.4rem;
  height: 2.4rem;
  color: var(--color_black);
}
@media only screen and (max-width: 768px) {
  .icon-box__icon svg {
    width: 2rem;
    height: 2rem;
  }
}

@-webkit-keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-lazy-load] {
  opacity: 0;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
          animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
[data-lazy-load].loaded {
  -webkit-animation-name: appear;
          animation-name: appear;
  opacity: 1;
}/*# sourceMappingURL=style.css.map */