/* Capital Conquerors — motion. Opacity fades and short upward drifts only:
   no scale, no bounce, no shadow-on-hover (the design's hover language is a
   brightness lift). Everything is gated on prefers-reduced-motion. */

.cc-orb-wrap,
.cc-rise-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-width: 560px;
  margin: 0 auto;
}
.cc-rise-wrap { max-width: 460px; }
.cc-orb-wrap canvas,
.cc-rise-wrap canvas,
.cc-flow-wrap canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.cc-flow-wrap {
  position: relative;
  width: 100%;
  height: 280px;
  overflow: hidden;
  border-radius: 16px;
  background-color: #011D1C;
}
@media (max-width: 767px) {
  .cc-flow-wrap { height: 180px; }
}

/* Shop product-card art: fills the card's top edge inside the 16px radius. */
.cc-art {
  border-radius: 16px 16px 0 0;
}

/* Blog archive banner sits in the content column above the page title. */
.cc-blog-banner {
  max-width: 1020px;
  margin: 0 auto 48px;
  padding: 0 24px;
}

@media (prefers-reduced-motion: no-preference) {

  /* Blocksy archive cards reveal on their own; Elementor pages use
     Elementor's native entrance animations, set per section in the builder. */
  .entries .entry-card {
    animation: ccFadeUp .9s cubic-bezier(.22, 1, .36, 1) both;
  }
  .entries .entry-card:nth-child(3n+2) { animation-delay: .11s; }
  .entries .entry-card:nth-child(3n+3) { animation-delay: .22s; }

  .cc-orb-wrap,
  .cc-rise-wrap,
  .cc-flow-wrap {
    animation: ccFadeUp 1.6s cubic-bezier(.22, 1, .36, 1) both;
  }

  @keyframes ccFadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: none; }
  }
}

/* Interaction movement — safe at every motion setting. */
a,
.elementor-button,
.entries .entry-card,
.cc-post-grid article {
  transition: color .25s ease, background-color .25s ease, border-color .25s ease, filter .4s ease;
}
.entries .entry-card:hover,
.cc-post-grid article:hover {
  filter: brightness(1.12);
}
.cc-btn-primary .elementor-button:hover,
.cc-btn-ghost .elementor-button:hover {
  filter: brightness(1.08);
}

/* Featured images settle slightly inside their fixed frame. */
.entries .entry-card img,
.cc-post-grid img {
  transition: filter .5s ease;
}
.entries .entry-card:hover img,
.cc-post-grid article:hover img {
  filter: brightness(1.08) saturate(1.05);
}