/* [project]/apps/web/src/app/(site)/landing.module.css [app-client] (css) */
.landing-module__DczCZa__wall {
  aspect-ratio: 6 / 5;
  width: 100%;
  position: relative;
}

.landing-module__DczCZa__piece {
  box-sizing: border-box;
  transform: rotate(var(--tilt, 0deg));
  background: #2a2622;
  border: 5px solid #2a2622;
  transition: transform .35s, box-shadow .35s;
  animation: .7s cubic-bezier(.22, 1, .36, 1) both landing-module__DczCZa__rise;
  position: absolute;
  box-shadow: 0 14px 34px rgba(20, 16, 10, .22), 0 3px 8px rgba(20, 16, 10, .16);
}

.landing-module__DczCZa__piece:hover {
  transform: translateY(-6px) rotate(var(--tilt, 0deg));
  box-shadow: 0 24px 48px rgba(20, 16, 10, .28), 0 4px 10px rgba(20, 16, 10, .18);
}

.landing-module__DczCZa__mat {
  box-sizing: border-box;
  background: #fbfaf7;
  width: 100%;
  height: 100%;
  padding: 9%;
}

.landing-module__DczCZa__art {
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06);
}

.landing-module__DczCZa__piece:first-of-type {
  aspect-ratio: 3 / 4;
  --tilt: -1.2deg;
  width: 38%;
  animation-delay: 50ms;
  top: 8%;
  left: 6%;
}

.landing-module__DczCZa__piece:nth-of-type(2) {
  aspect-ratio: 4 / 3;
  --tilt: .8deg;
  width: 44%;
  animation-delay: .15s;
  top: 0%;
  left: 50%;
}

.landing-module__DczCZa__piece:nth-of-type(3) {
  aspect-ratio: 1;
  --tilt: -.6deg;
  width: 30%;
  animation-delay: .25s;
  top: 46%;
  left: 56%;
}

.landing-module__DczCZa__piece:nth-of-type(4) {
  aspect-ratio: 3 / 4;
  --tilt: 1.4deg;
  width: 24%;
  animation-delay: .35s;
  top: 58%;
  left: 8%;
}

.landing-module__DczCZa__piece:nth-of-type(5) {
  aspect-ratio: 1;
  --tilt: -1.8deg;
  width: 18%;
  animation-delay: .45s;
  top: 72%;
  left: 36%;
}

.landing-module__DczCZa__artWash {
  background: radial-gradient(60% 50% at 30% 30%, rgba(232, 168, 196, .75), rgba(0, 0, 0, 0) 70%), radial-gradient(55% 60% at 72% 38%, rgba(150, 170, 220, .7), rgba(0, 0, 0, 0) 70%), radial-gradient(70% 55% at 48% 82%, rgba(168, 205, 170, .7), rgba(0, 0, 0, 0) 70%), #faf7f2;
}

.landing-module__DczCZa__artDuo {
  background: radial-gradient(circle at 50% 44%, #2a2622 0, #2a2622 25%, rgba(0, 0, 0, 0) 26%), linear-gradient(#9690e8, #efeefb);
}

.landing-module__DczCZa__artSun {
  background: radial-gradient(90% 60% at 50% 104%, #e8b46a 0, #e8b46a 42%, rgba(232, 180, 106, 0) 43%), radial-gradient(120% 80% at 50% 118%, #d98a5f 0, #d98a5f 30%, rgba(217, 138, 95, 0) 31%), linear-gradient(#f6e7d3, #f0d9c0);
}

.landing-module__DczCZa__artBloom {
  background: linear-gradient(#4f6e44, #4f6e44) 50% 92% / 4% 34% no-repeat, radial-gradient(46% 52% at 50% 38%, #6f8f5e 0, #6f8f5e 45%, rgba(0, 0, 0, 0) 46%), #f2efe7;
}

.landing-module__DczCZa__artLines {
  background: repeating-linear-gradient(90deg, #1a1a1a 0, #1a1a1a 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 16px), #f4f1ea;
}

@keyframes landing-module__DczCZa__rise {
  from {
    opacity: 0;
    transform: translateY(18px) rotate(var(--tilt, 0deg));
  }

  to {
    opacity: 1;
    transform: rotate(var(--tilt, 0deg));
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-module__DczCZa__piece {
    transition: none;
    animation: none;
  }
}

/*# sourceMappingURL=apps_web_src_app_%28site%29_landing_module_5d093d63.css.map*/