/* Chancery Hero Marquee — marquee.css v2 | Wise Digital Marketing 2026 */

.chm-wrap{position:relative;overflow:hidden;width:100%;height:85vh}
.chm-cols{display:flex;gap:10px;height:100%}
.chm-col{flex:1 1 0;overflow:hidden;position:relative;min-width:0}
.chm-track{display:flex;flex-direction:column;height:100%;overflow:visible}
.chm-track-inner{display:flex;flex-direction:column;gap:14px;flex-shrink:0}

.chm-col--up .chm-track-inner{animation:chm-up linear infinite}
.chm-col--down .chm-track-inner{animation:chm-down linear infinite}

@keyframes chm-up{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes chm-down{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}

.chm-pause-hover:hover .chm-track-inner{animation-play-state:paused}

@media(prefers-reduced-motion:reduce){.chm-track-inner{animation:none!important}}

.chm-fade-top,.chm-fade-bottom{position:absolute;left:0;right:0;z-index:10;pointer-events:none;height:100px}
.chm-fade-top{top:0}
.chm-fade-bottom{bottom:0}
.chm-fade-top{background:linear-gradient(to bottom,#fff,transparent)}
.chm-fade-bottom{background:linear-gradient(to top,#fff,transparent)}

.chm-card{width:100%;border-radius:16px;overflow:hidden;border:1px solid transparent;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;cursor:default;flex-shrink:0}
.chm-card:hover{transform:translateY(-3px) scale(1.01)}

.chm-img{width:100%;height:170px;background-size:cover;background-position:center;background-repeat:no-repeat;display:block;flex-shrink:0}

.chm-card-body{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px}

.chm-treatment{font-size:13px;font-weight:600;line-height:1.25;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}

.chm-location{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:100px;white-space:nowrap;flex-shrink:0;line-height:1.6}

/* Light preset */
.chm-preset-light .chm-card{background:#fff;border-color:#e8e8e8;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04)}
.chm-preset-light .chm-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.10),0 1px 4px rgba(0,0,0,.06)}
.chm-preset-light .chm-treatment{color:#111}
.chm-preset-light .chm-location{color:#A62461;background:rgba(166,36,97,.09)}
.chm-preset-light .chm-fade-top{background:linear-gradient(to bottom,#fff,transparent)}
.chm-preset-light .chm-fade-bottom{background:linear-gradient(to top,#fff,transparent)}

/* Dark preset */
.chm-preset-dark .chm-card{background:#1a1a1f;border-color:rgba(255,255,255,.08);box-shadow:0 1px 3px rgba(0,0,0,.30),0 4px 20px rgba(0,0,0,.20)}
.chm-preset-dark .chm-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.40)}
.chm-preset-dark .chm-treatment{color:#f0f0f0}
.chm-preset-dark .chm-location{color:#e88ab8;background:rgba(166,36,97,.20)}
.chm-preset-dark .chm-fade-top{background:linear-gradient(to bottom,#0d0d12,transparent)}
.chm-preset-dark .chm-fade-bottom{background:linear-gradient(to top,#0d0d12,transparent)}

/* Responsive */
@media(max-width:1024px){.chm-wrap{height:65vh}.chm-img{height:140px}}
@media(max-width:768px){.chm-wrap{height:380px}.chm-img{height:120px}.chm-treatment{font-size:12px}.chm-location{font-size:9px}.chm-card-body{padding:10px 12px}}
@media(max-width:480px){.chm-col:nth-child(2){display:none}.chm-wrap{height:340px}}