@import 'layout.css';
@import 'components.css';
@import 'animations.css';
@import 'base.css';

/* Специальные вложенные стили из оригинала */
.sculpture-container { position: relative; }
.sculpture-container::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 40%;
  background: linear-gradient(to top, var(--bg-primary), transparent);
  pointer-events: none;
}

/* HARD MOBILE FIX ДЛЯ HERO TOP */
@media (max-width: 768px) {
  .hero-top { position: relative !important; width: 100% !important; }
  #hero-tagline { position: absolute !important; left: 0 !important; top: 0 !important; text-align: left !important; }
  #lang-toggle { position: absolute !important; right: 0 !important; top: 0 !important; text-align: right !important; }
  
  /* ROADMAP MOBILE ALIGNMENT */
  .roadmap-section .roadmap-line { left: 1rem; }
  .roadmap-section .grid { grid-template-columns: 1fr !important; gap: 0; }
  .roadmap-section .grid > div { text-align: left !important; padding-left: 3rem !important; padding-right: 0 !important; }
  .roadmap-section .phase-node { left: 1rem; top: 0.9rem; transform: translateX(-50%); }
  .roadmap-section .mt-40 { margin-top: 3rem !important; }
}

/* TOKENOMICS SVG ANIMATION */
.token-orbit {
  transform-origin: 50% 50%;
  animation: orbitSpin 180s linear infinite;
}
@keyframes orbitSpin {
  from { transform: rotate(-90deg); }
  to { transform: rotate(270deg); }
}

/* FINAL RISE TEXT MASK */
.rise-bg-text {
  font-family: var(--font-display, 'Bebas Neue', sans-serif);
  font-size: clamp(16rem, 45vw, 65rem);
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1;
  color: rgba(255,255,255,0.03);
  -webkit-mask-image: linear-gradient(120deg, rgba(0,0,0,0.2) 30%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.2) 70%);
  -webkit-mask-size: 200% 200%;
  -webkit-mask-position: 0% 50%;
  animation: riseMask 20s linear infinite;
  user-select: none;
  white-space: nowrap;
}
@keyframes riseMask {
  from { -webkit-mask-position: 0% 50%; }
  to   { -webkit-mask-position: 200% 50%; }
}