/* BrandVerse ecosystem identities and motion — 10 October 2026.
   Restrained, independently paced motion. Pure CSS, reduced-motion safe. */
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture {
  --venture-accent: #9ac9ff;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: color-mix(in srgb, var(--venture-accent) 29%, transparent);
  transition: border-color .3s ease, box-shadow .35s ease, transform .35s ease;
}
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture > * {position:relative; z-index:2}
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture::before {
  content:""; position:absolute; inset:-60%; z-index:0; pointer-events:none;
  opacity:.17; background:radial-gradient(ellipse at center,var(--venture-accent),transparent 58%);
  will-change:transform; transform:translate3d(0,0,0);
}
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(1) {--venture-accent:#71d6ee}
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(2) {--venture-accent:#92eba7}
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(3) {--venture-accent:#ffb5a1}
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(4) {--venture-accent:#b7a8ff}
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(5) {--venture-accent:#ffcb75}
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture .bv-v3-venture-index {color:var(--venture-accent)}
body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture a:focus-visible {
  outline:3px solid var(--venture-accent); outline-offset:5px; border-radius:3px;
}
@media(hover:hover) {
  body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:hover {
    border-color:var(--venture-accent);
    box-shadow:0 18px 45px rgba(0,0,0,.18);
  }
}
/* Product pages receive distinct, complementary interaction treatments. */
.bv-product-story {position:relative; transition:box-shadow .3s ease,transform .3s ease}
.bv-product-story:nth-of-type(1){--story-hue:#71d6ee}
.bv-product-story:nth-of-type(2){--story-hue:#92eba7}
.bv-product-story:nth-of-type(3){--story-hue:#ffb5a1}
.bv-product-story:nth-of-type(4){--story-hue:#b7a8ff}
.bv-product-story:nth-of-type(5){--story-hue:#ffcb75}
.bv-product-story:focus-within {outline:2px solid var(--story-hue,#9ac9ff);outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .bv-product-story:nth-of-type(odd):hover{transform:translateY(-4px)}
  .bv-product-story:nth-of-type(even):hover{transform:translateX(4px)}
}
@media(prefers-reduced-motion:no-preference) {
  body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(1)::before{animation:venture-drift 9s ease-in-out infinite alternate}
  body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(2)::before{animation:venture-breathe 6s ease-in-out infinite}
  body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(3)::before{animation:venture-sweep 10s linear infinite}
  body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(4)::before{animation:venture-orbit 13s linear infinite}
  body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:nth-child(5)::before{animation:venture-rise 8s ease-in-out infinite alternate}
  body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture:is(:hover,:focus-within)::before{animation-play-state:paused}
}
@keyframes venture-drift{from{transform:translate3d(-11%,0,0)}to{transform:translate3d(11%,-5%,0)}}
@keyframes venture-breathe{0%,100%{transform:scale(.84);opacity:.11}50%{transform:scale(1.1);opacity:.23}}
@keyframes venture-sweep{from{transform:translate3d(-12%,6%,0) rotate(-8deg)}to{transform:translate3d(12%,-6%,0) rotate(352deg)}}
@keyframes venture-orbit{from{transform:rotate(0deg) translateX(8%) rotate(0deg)}to{transform:rotate(360deg) translateX(8%) rotate(-360deg)}}
@keyframes venture-rise{from{transform:translate3d(0,9%,0)}to{transform:translate3d(0,-12%,0)}}
@media(prefers-reduced-motion:reduce) {
  body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture,
  .bv-product-story {animation:none!important;transition:none!important}
  body.bv-v3 .bv-v3-ecosystem-grid > .bv-v3-venture::before {animation:none!important;will-change:auto}
}