/* Brixads motion — active only when motion.js adds .bx-motion (never for reduced-motion users). */
html.bx-motion,html.bx-motion body{overflow-x:clip}

/* 1. Headline rises line by line */
.bx-motion .bx-hero__title .bx-line > span{display:inline-block;animation:bx-rise .5s cubic-bezier(.2,.8,.2,1) both}
.bx-motion .bx-hero__title .bx-line:nth-child(2) > span{animation-delay:.06s}
.bx-motion .bx-hero__title .bx-line:nth-child(3) > span{animation-delay:.12s}

/* 2. Reel opens from a circle into a rounded rectangle */
.bx-motion .bx-reel__frame{clip-path:var(--bx-clip,inset(27% 10% round 999px));border-radius:0;transform:scale(var(--bx-s,1));will-change:clip-path,transform}

/* 3. Words light up (pinned) */
.bx-motion .bx-words{height:200vh;position:relative}
.bx-motion .bx-words__stick{position:sticky;top:76px;min-height:calc(100vh - 76px);justify-content:center}
.bx-motion .bx-words__text .bx-wd{transition:opacity .15s linear,color .15s linear}
.bx-motion .bx-words__text em{color:inherit}
.bx-motion .bx-words__text .bx-wd.is-hl{color:var(--bx-orange-ink)}

/* 4. Stacking service cards */
.bx-motion .bx-stack{gap:24px}
.bx-motion .bx-stack__card{position:sticky;top:calc(92px + var(--i) * 14px);min-height:min(56vh,380px);transform-origin:50% 0;transform:scale(var(--bx-sc,1));box-shadow:0 -12px 30px rgba(0,0,0,.08)}
.bx-motion .bx-stack__card .bx-card__title{font-size:clamp(30px,5vw,56px)}

/* 5. Sideways services (pinned) */
.bx-motion .bx-hz{position:relative}
.bx-motion .bx-hz__stick{position:sticky;top:76px;height:calc(100vh - 76px);justify-content:center;overflow:hidden;padding-top:0;padding-bottom:0}
.bx-motion .bx-hz__track{display:flex;width:max-content;max-width:none;margin:0;transform:translate3d(var(--bx-x,0px),0,0);will-change:transform;padding-left:max(24px,calc((100vw - 1320px)/2 + 24px))}
.bx-motion .bx-hz__panel{width:min(84vw,420px);flex-shrink:0}

/* Card arrow turn */
.bx-motion .bx-card__arrow{transition:transform .25s ease}
.bx-motion a.bx-card:hover .bx-card__arrow{transform:rotate(45deg)}

@keyframes bx-rise{from{transform:translateY(.35em)}to{transform:none}}
@keyframes bx-fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}