/* Movimento por transform/opacity, sem atualizar posições a cada frame em JavaScript. */
.hero-character-layer img{transform-origin:50% 100%;animation:bcr-character-sway 7s ease-in-out infinite;animation-play-state:paused}
.hero-scene.motion-in-view:not(.motion-paused) .hero-character-layer.is-active img{animation-play-state:running}
@keyframes bcr-character-sway{0%,100%{transform:translate3d(0,0,0) rotate(-.35deg)}50%{transform:translate3d(-7px,-10px,0) rotate(.35deg)}}
.hero-character-stage:before{content:'';position:absolute;inset:2% -5% 8% 40%;background:radial-gradient(ellipse at 68% 40%,#b45aff24,transparent 60%),radial-gradient(ellipse at 40% 70%,#c084fc12,transparent 58%);animation:bcr-ambient 11s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.hero-scene.motion-in-view:not(.motion-paused) .hero-character-stage:before{animation-play-state:running}
@keyframes bcr-ambient{0%,100%{opacity:.45;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-25px,-12px,0)}}
.hero-scene.motion-in-view:not(.motion-paused) .scroll-cue span{animation:bcr-scroll-cue 2.4s ease-in-out infinite}
@keyframes bcr-scroll-cue{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(6px);opacity:1}}
.hero-scene.motion-in-view:not(.motion-paused) .eyebrow .dot{animation:bcr-status 3s ease-in-out infinite}
@keyframes bcr-status{0%,100%{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
.community-band.motion-in-view .community-orbit{animation:bcr-orbit 18s ease-in-out infinite}
@keyframes bcr-orbit{0%,100%{transform:translate3d(0,0,0) rotate(-8deg)}50%{transform:translate3d(22px,-12px,0) rotate(8deg)}}
.bcr-home .button,.bcr-home .category-feature,.bcr-home .product,.bcr-home .steps article{transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease}
.bcr-home .button>span,.cat-arrow{display:inline-block;transition:transform .3s ease}
@media(hover:hover) and (pointer:fine){.bcr-home .button:hover>span{transform:translate(3px,-2px)}.category-feature:hover .cat-arrow{transform:translate(4px,-4px)}.bcr-home .steps article:hover{transform:translateY(-4px);border-color:#9b65bd66}.bcr-home .product:hover{transform:translateY(-5px);box-shadow:0 14px 35px #0003}}
.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.motion-ready .motion-reveal.motion-revealed{opacity:1;transform:translate3d(0,0,0)}
.page-is-hidden .hero-character-layer img,.page-is-hidden .hero-character-stage:before,.page-is-hidden .scroll-cue span,.page-is-hidden .eyebrow .dot,.page-is-hidden .community-orbit{animation-play-state:paused!important}
@media(max-width:760px){@keyframes bcr-character-sway{0%,100%{transform:translate3d(0,0,0) rotate(-.2deg)}50%{transform:translate3d(-4px,-6px,0) rotate(.2deg)}}}
@media(prefers-reduced-motion:reduce){.bcr-home .hero-character-layer img,.bcr-home .hero-character-stage:before,.bcr-home .scroll-cue span,.bcr-home .eyebrow .dot,.bcr-home .community-orbit{animation:none!important;transform:none!important}.motion-ready .motion-reveal{opacity:1;transform:none;transition:none}.bcr-home .button:hover>span,.category-feature:hover .cat-arrow,.bcr-home .steps article:hover,.bcr-home .product:hover{transform:none}}

/* O destaque se desloca entre categorias sem mover os textos. */
.bcr-home #categories.has-category-marker{position:relative;isolation:isolate}
.bcr-home #category-marker{position:absolute;left:0;z-index:-1;border:1px solid #9461c14d;border-radius:7px;background:#281b37;pointer-events:none;transform-origin:left center;box-sizing:border-box}
.bcr-home #categories.has-category-marker .category{position:relative;z-index:0;transition:color .25s ease}
.bcr-home #categories.has-category-marker .category.active{background:transparent;border-color:transparent;color:#ece0ff}