/* Blue Crescent homepage motion layer, 26 Oct 2026.
   Loaded on the four homepages only, after bc-ui-20261025.css.
   Adds no colours or text: only motion scaffolding. */

/* Lenis 1.3.26 recommended CSS */
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}
.lenis.lenis-scrolling iframe{pointer-events:none}
.lenis dialog iframe{pointer-events:auto}
/* inner-core sets html{scroll-behavior:smooth}; it fights Lenis */
html.lenis{scroll-behavior:auto!important}

/* Never hide the main title while loading optional effects. */

/* Blur Text word pieces. Beats ".bcx-hero h1 span" (display:block, gold, .58em), which is meant for the subtitle only. */
.bcx-homepage .bcx-hero h1 .bcx-bw{display:inline-block;margin:0;color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit}

/* Light Rays background, behind the hero content and above the hero's gradient wash */
.bcx-homepage .bcx-rays{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.bcx-homepage .bcx-rays canvas{position:absolute;inset:0;display:block;width:100%;height:100%}

/* Count up: digits keep the same width while counting */
.bcx-homepage .bcx-facts b{font-variant-numeric:tabular-nums}

/* Star Border on the main button: the canvas sits above the button's navy fill and below its text */
.bcx-homepage .bcx-task.bcx-star{position:relative;isolation:isolate}
.bcx-homepage .bcx-star>.bcx-star-light{position:absolute;top:-48px;left:-48px;z-index:-1;width:calc(100% + 96px);height:calc(100% + 96px);pointer-events:none}

/* Never print a section that hasn't been revealed yet */
@media print{.bcx-homepage main .bcx-w,.bcx-homepage .bcx-hero h1,.bcx-homepage .bcx-bw{opacity:1!important;transform:none!important;filter:none!important}.bcx-rays,.bcx-star-light{display:none!important}}

@media (prefers-reduced-motion:reduce){html.bcx-mo .bcx-homepage .bcx-hero h1{opacity:1;animation:none}}

/* Preserve the published icons and ornaments; add a small independent float. */
@keyframes bcx-ornament-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(min-width:360px) and (prefers-reduced-motion:no-preference){
 .bcx-homepage .bc-ornament-glyph,.bcx-homepage .bc-hero-jewels span{animation:bcx-ornament-float 7s ease-in-out infinite;animation-play-state:paused}
 .bcx-homepage .bcx-ornament-active .bc-ornament-glyph,.bcx-homepage .bcx-ornament-active .bc-hero-jewels span{animation-play-state:running}
 .bcx-homepage .bc-ornament-glyph-b,.bcx-homepage .bc-hero-jewels span:nth-child(2){animation-delay:-3.5s}
}
.bcx-mo-reduced .bcx-rays,.bcx-mo-reduced .bcx-star-light{display:none!important}
.bcx-mo-reduced .bc-ornament-glyph,.bcx-mo-reduced .bc-hero-jewels span{animation:none!important}

.bcx-counter-label{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* 28 Oct: lightweight decorative movement on touch tablets, no WebGL. */
@media(min-width:360px) and (hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference){.bcx-homepage .bc-ornament-glyph,.bcx-homepage .bc-hero-jewels span{animation-play-state:running!important}}