/* BrandBully motion direction: original choreography, GSAP + ScrollTrigger. */
.motion-word-wrap{display:inline-block;overflow:visible;vertical-align:baseline;line-height:inherit}
.motion-word,.motion-char{display:inline-block;will-change:transform,opacity}
.motion-first-line{position:relative;display:inline-block}
.motion-progress{position:fixed;inset:0 auto auto 0;height:2px;width:100%;z-index:100;background:var(--accent,#FF2D8D);transform:scaleX(0);transform-origin:left;pointer-events:none}
body[data-motion-state] .campaign>img{transition:none;will-change:transform}
body[data-motion-state] .campaign:hover>img{transform:none}
body[data-motion-state] .campaign{isolation:isolate}
body[data-motion-state] .campaign .round-arrow{transition:background .25s,border-color .25s}
body[data-motion-state] .campaign:hover .round-arrow{background:#ffffff26;border-color:#ffffff90}
body[data-motion-state] .work-image img{will-change:transform}
body[data-motion-state] .work-image{isolation:isolate}
body[data-motion-state] .work{transition:border-color .2s}
.motion-review{position:fixed;bottom:18px;left:18px;z-index:81;display:flex;align-items:center;gap:3px;padding:5px;background:#17171fe8;backdrop-filter:blur(15px);border:1px solid #41414f;border-radius:8px;box-shadow:0 8px 20px #0003}
.motion-review button,.motion-review a{display:flex;align-items:center;gap:6px;background:transparent;color:#cccbd7;border:0;border-radius:5px;font:10px 'DM Sans',sans-serif;padding:7px 8px;cursor:pointer}
.motion-review button:hover,.motion-review a:hover{background:#30303b;color:white}
.motion-review svg{width:12px;height:12px}
.motion-review .motion-state-dot{width:5px;height:5px;background:var(--accent,#D8C0F8);border-radius:50%;box-shadow:0 0 9px #D8C0F833}
body[data-motion-state="off"] .motion-state-dot,body[data-motion-state="reduced"] .motion-state-dot{background:#8b8b9b;box-shadow:none}
.motion-review .motion-resources{border-left:1px solid #3c3c49;border-radius:0;margin-left:2px}
.motion-note{font-size:11px;color:#a5a5b5;margin-top:18px;line-height:1.8}
.motion-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0}
.motion-resource-card{border:1px solid #393947;background:#17171f;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:15px}
.motion-resource-card h2{font-size:24px;letter-spacing:-.7px}
.motion-resource-card p{font-size:13px;line-height:1.8;color:#a4a3b5;flex:1}
.motion-resource-card .eyebrow{font-size:9px;color:#FF71B2}
.motion-resource-card .textlink{color:#f0e9f0;font-size:12px}
.motion-choreo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.motion-choreo .panel{background:#17171f;border-color:#363644}
.motion-choreo .panel h3{font-size:16px}
.motion-choreo .panel p{margin-top:10px;font-size:12px;line-height:1.8}
body[data-motion-state="off"] .motion-progress,body[data-motion-state="reduced"] .motion-progress{display:none}
@media(min-width:901px){.motion-review{left:18px;bottom:76px}}
@media(max-width:900px){.motion-review{left:12px;bottom:67px}.motion-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.motion-review{left:12px;bottom:62px;padding:3px}.motion-review button,.motion-review a{padding:6px;font-size:9px}.motion-resource-grid,.motion-choreo{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.motion-word,.motion-char{will-change:auto}.motion-progress{display:none}.motion-review .motion-state-dot{background:#888;box-shadow:none}}