/*
Web made by Ondis

          ______
     ____|_[]__|_
    |  _        _|
    '-(O)======(o)'
*/

.reveal,
.reveal-left,
.reveal-right,
.reveal-scale {
  opacity: 1;
  transform: none !important;
}
@media (prefers-reduced-motion: no-preference) {
  .work-tile,
  .social-card,
  .sale-option,
  .work-group {
    transition:
      box-shadow 0.28s ease,
      border-color 0.28s ease,
      translate 0.28s ease;
  }
  .btn,
  .work-jumps a {
    transition:
      background 0.25s ease,
      box-shadow 0.25s ease,
      translate 0.25s ease;
  }
  .work-icon svg,
  .btn-icon,
  .work-link > span,
  .sale-option b {
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  }
  .sluzby-card-img {
    transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1);
  }
  .work-group[open] .work-group-body {
    animation: work-open 0.32s ease both;
  }
  .sale-dialog[open] {
    animation: dialog-enter 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }
  .sale-dialog[open]::backdrop {
    animation: backdrop-enter 0.25s ease both;
  }
  .btn:active,
  .work-jumps a:active {
    translate: 0 1px;
  }
  @media (hover: hover) and (pointer: fine) {
    .work-tile:hover,
    .social-card:hover,
    .sale-option:hover {
      translate: 0 -5px;
      box-shadow: 0 14px 30px #35270914;
    }
    .work-tile:hover .work-icon svg {
      transform: rotate(-7deg) scale(1.12);
    }
    .work-tile:hover .work-link > span,
    .sale-option:hover b {
      transform: translateX(5px);
    }
    .btn:hover,
    .work-jumps a:hover {
      translate: 0 -3px;
      box-shadow: 0 8px 22px #35270920;
    }
    .btn:hover .btn-icon {
      transform: rotate(-6deg);
    }
    .sluzby-card:hover .sluzby-card-img {
      transform: scale(1.055);
    }
    .work-group:hover {
      border-color: var(--gold);
    }
  }
}
@keyframes work-open {
  from {
    opacity: 0.45;
    translate: 0 -7px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes dialog-enter {
  from {
    opacity: 0;
    translate: 0 16px;
    scale: 0.98;
  }
  to {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
}
@keyframes backdrop-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body {
  overflow-anchor: none;
}
.motion-pending {
  opacity: 0;
}
.reveal.motion-pending,
.reveal-left.motion-pending,
.reveal-right.motion-pending,
.reveal-scale.motion-pending {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .motion-pending {
    opacity: 1 !important;
  }
}