/* ChairoLand Motion v9 — No Page Transition
   CSS отвечает только за визуальный слой.
   Движение выполняет GSAP.
*/

:root {
  --motion-accent: #d66527;
  --motion-accent-soft: rgba(214, 101, 39, .18);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--motion-accent);
  outline-offset: 3px;
}

.motion-text-link {
  transform-origin: center center;
  will-change: transform;
}

a.motion-text-link {
  box-shadow: none !important;
}

.motion-real-button {
  position: relative;
  will-change: transform, box-shadow;
}

.motion-focus-card {
  position: relative;
  z-index: 1;
  box-shadow: none;
  will-change: transform, opacity;
}

.motion-focus-card .motion-stretched-link {
  position: static !important;
}

.motion-focus-card .motion-stretched-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
}

.motion-focus-card .motion-stretched-link {
  z-index: 3;
}

.motion-focus-card:hover {
  box-shadow: none !important;
  filter: none !important;
}

.motion-podium {
  will-change: opacity, transform, filter;
}

.motion-podium img {
  animation: none !important;
}

.motion-podium > * {
  animation: none !important;
}

@media (hover: none) {
  .motion-focus-card {
    transform: none !important;
  }
}

.motion-focus-card,
.motion-text-link,
.motion-real-button,
.motion-podium,
.chairo-door {
  backface-visibility: hidden;
}