/* Kreminis šilkas — banguojantis fonas ir plaukiojančios šviesos klostės.
   .admin-workspace__body negali gauti transform, kitaip mokėjimo langas nutrūksta nuo ekrano. */

.silk {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background: #f4efe6;
}
.vk-body,
body.public-site,
body.admin-body,
body.auth-body,
body.ob {
  background: transparent !important;
  isolation: isolate;
}
.vk-body { overflow-x: clip; }

.silk__still,
.silk__wave {
  position: absolute;
  left: -16%;
  top: -14%;
  width: 132%;
  height: 128%;
}
.silk__still {
  background: url("../img/silk/cream.png") center / cover no-repeat;
  animation: silkDrift 16s ease-in-out infinite alternate;
}
.silk.is-live .silk__still { opacity: 0; }
.silk__wave { display: block; }

.silk__fold {
  position: absolute;
  left: -30%;
  width: 160%;
  height: 28%;
  background: linear-gradient(180deg, transparent, rgba(255, 252, 247, 0.78), transparent);
  filter: blur(8px);
  mix-blend-mode: soft-light;
}
.silk__fold--a { top: 12%; animation: silkFold 11s ease-in-out infinite alternate; }
.silk__fold--b {
  top: 54%;
  height: 22%;
  animation: silkFold 15s ease-in-out infinite alternate-reverse;
  opacity: 0.9;
}
.silk__mote {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(ellipse at 35% 35%, rgba(255, 252, 247, 0.98) 0%, rgba(226, 206, 186, 0.42) 46%, rgba(244, 239, 230, 0) 72%);
  box-shadow: 0 16px 36px rgba(168, 140, 112, 0.16);
  filter: blur(0.4px);
  opacity: 0.9;
  animation: silkMote 14s ease-in-out infinite alternate;
}
.silk__mote--1 { width: 120px; height: 64px; top: 10%; left: 6%; animation-duration: 13s; }
.silk__mote--2 { width: 180px; height: 86px; top: 24%; right: 4%; animation-duration: 18s; animation-delay: -4s; }
.silk__mote--3 { width: 78px; height: 78px; bottom: 16%; left: 14%; animation-duration: 16s; animation-delay: -7s; }
.silk__mote--4 { width: 150px; height: 58px; bottom: 28%; right: 12%; animation-duration: 20s; }
.silk__mote--5 { width: 56px; height: 56px; top: 58%; left: 40%; animation-duration: 12s; animation-delay: -2s; opacity: 0.65; }
.silk__mote--6 { width: 100px; height: 44px; top: 6%; left: 54%; animation-duration: 15s; animation-delay: -6s; }
.silk__light {
  position: absolute;
  width: 52vw;
  height: 52vw;
  max-width: 720px;
  max-height: 720px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 252, 246, 0.7), rgba(255, 252, 246, 0) 68%);
  mix-blend-mode: soft-light;
  left: 0;
  top: 0;
  transform: translate3d(28vw, 12vh, 0);
  will-change: transform;
}
.silk__veil {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 90% 70% at 50% 40%, rgba(244, 239, 230, 0.18), rgba(244, 239, 230, 0.02) 72%);
}

.vk-hero,
.vk-auth { background: transparent; }
.vk-section--alt { background: rgba(235, 228, 216, 0.34); }
.vk-feat,
.vk-plan,
.vk-invite,
.vk-suite__back,
.public-site .info-tile,
.public-site .card {
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease, border-color 0.25s;
}
.vk-feat:hover,
.vk-plan:hover,
.public-site .info-tile:hover,
.public-site .card:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 44px -24px rgba(11, 61, 46, 0.38);
}
.vk-invite {
  transform: translate3d(calc(var(--sx, 0) * -16px), calc(var(--sy, 0) * -10px + var(--float, 0px)), 0);
}
.vk-suite__back {
  transform: translate3d(calc(var(--sx, 0) * 18px), calc(var(--sy, 0) * 12px + var(--float, 0px) * -0.6), 0);
}
.hero-v2__ornament img {
  transform: translate3d(calc(var(--sx, 0) * -10px), calc(var(--sy, 0) * -8px + var(--float, 0px)), 0);
}

.public-site .page-grain { opacity: 0.07; }
.admin-body .admin-ambient { background: transparent; }
.admin-body .admin-workspace {
  background:
    radial-gradient(ellipse 55% 32% at 100% 0%, rgba(122, 101, 80, 0.06), transparent 55%),
    rgba(244, 239, 230, 0.86);
}
.admin-body .silk__veil {
  background: linear-gradient(180deg, rgba(244, 239, 230, 0.46), rgba(244, 239, 230, 0.28));
}
.auth-body .silk__veil,
.ob .silk__veil {
  background: radial-gradient(ellipse 75% 62% at 50% 46%, rgba(244, 239, 230, 0.3), rgba(244, 239, 230, 0.08));
}

@keyframes silkDrift {
  from { transform: translate3d(-2.2%, -1.4%, 0) scale(1.05); }
  to { transform: translate3d(2.4%, 1.8%, 0) scale(1.12); }
}
@keyframes silkFold {
  from { transform: translate3d(-6%, -2%, 0) rotate(-2deg); }
  to { transform: translate3d(7%, 10%, 0) rotate(1.6deg); }
}
@keyframes silkMote {
  from { transform: translate3d(-12px, 16px, 0) scale(0.9) rotate(-8deg); }
  to { transform: translate3d(48px, -58px, 0) scale(1.16) rotate(9deg); }
}

@media (prefers-reduced-motion: reduce) {
  .silk__still,
  .silk__fold,
  .silk__mote { animation: none; }
  .silk__wave { display: none; }
  .vk-invite,
  .vk-suite__back,
  .hero-v2__ornament img { transform: none; }
}
@media print {
  .silk { display: none !important; }
}