/* Nowy styl — animations.css kompatybilny z editorial designem */

/* Lenis */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }

/* Stagger cards reveal */
.stagger-card { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.stagger-card.in { opacity: 1; transform: none; }

/* Share buttons */
.share-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 16px; border: 1px solid rgba(242,240,236,.18);
  background: transparent; color: #777; cursor: pointer; transition: all .2s;
  font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: .14em;
}
.share-btn:hover { border-color: #f2f0ec; color: #f2f0ec; }

/* Reading progress (blog post) */
.reading-progress-container {
  position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 9997; background: rgba(242,240,236,.09);
}
.reading-progress-bar {
  height: 100%; width: 0%; background: #f2f0ec; transition: width .1s;
}

/* Form message styles */
.form-msg { padding: .6rem 0; font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: .1em; }
.form-msg--success { color: #f2f0ec; }
.form-msg--error   { color: #aa7777; }

/* Nav active link */
.nav__link--active { color: #f2f0ec !important; }
.n-links a.active { color: #f2f0ec; }

/* blog-card hover arrow */
.blog-card:hover .blog-card__read-more { color: #f2f0ec; }

/* Orbs - hidden in new design */
.orb { display: none; }
.glow-divider { display: none; }

/* Animations */
@keyframes up    { from { opacity:0; transform:translateY(26px) } to { opacity:1; transform:none } }
@keyframes mq    { from { transform:translateX(0) } to { transform:translateX(-50%) } }
@keyframes marquee { from { transform:translateX(0) } to { transform:translateX(-50%) } }
@keyframes pulse { 0%,100% { opacity:.3 } 50% { opacity:.9 } }
@keyframes scrollLine { 0%,100% { transform:scaleY(1); opacity:1 } 50% { transform:scaleY(.6); opacity:.4 } }
@keyframes stroke { 100% { stroke-dashoffset: 0; } }