/* Hero Ticker Animation */

/* Wrapper */
.ticker-anim-wrap{position:relative;overflow:hidden;}

/* Background ticker columns */
.ticker-anim-bg{position:absolute;inset:0;display:flex;pointer-events:none;z-index:0;}

/* Column base */
.ticker-anim-col{flex:1;overflow:hidden;border-right:1px solid rgba(255,255,255,0.03);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 40%,black 60%,transparent 100%);}
.ticker-anim-col:last-child{border-right:none}

/* Track */
.ticker-anim-track{display:flex;flex-direction:column}
.ticker-anim-track span{display:block;padding:7px 14px;font-size:11px;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:0.3px;border-bottom:1px solid rgba(255,255,255,0.03);white-space:nowrap}
.ticker-anim-track em{font-style:normal;font-size:10px;margin-left:6px}

/* Dark variant text colors */
.ticker-anim-bg--dark .ticker-anim-track span{color:rgba(255,255,255,0.18);border-bottom-color:rgba(255,255,255,0.03)}
.ticker-anim-bg--dark .ticker-anim-track span:nth-child(odd) em{color:rgba(74,222,128,0.55)}
.ticker-anim-bg--dark .ticker-anim-track span:nth-child(even) em{color:rgba(248,113,113,0.45)}

/* Light variant text colors */
.ticker-anim-bg--light .ticker-anim-track span{color:rgba(15,23,42,0.35);border-bottom-color:rgba(37,99,235,0.06)}
.ticker-anim-bg--light .ticker-anim-col{border-right-color:rgba(37,99,235,0.06)}
.ticker-anim-bg--light .ticker-anim-track span:nth-child(odd) em{color:rgba(37,99,235,0.65)}
.ticker-anim-bg--light .ticker-anim-track span:nth-child(even) em{color:rgba(220,38,38,0.55)}

/* Animation directions */
.ticker-anim-track--up{animation:tickerScrollUp 28s linear infinite}
.ticker-anim-track--down{animation:tickerScrollDown 22s linear infinite}

/* Per column animation durations */
.ticker-anim-col--1 .ticker-anim-track{animation-duration:26s}
.ticker-anim-col--2 .ticker-anim-track{animation-duration:32s}
.ticker-anim-col--3 .ticker-anim-track{animation-duration:24s}
.ticker-anim-col--4 .ticker-anim-track{animation-duration:30s}
.ticker-anim-col--5 .ticker-anim-track{animation-duration:27s}

@keyframes tickerScrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes tickerScrollDown{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}

/* Vignette - dark pages */
.ticker-anim-vignette--dark{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 45% 50% at 50% 42%,rgba(8,13,24,1) 0%,rgba(8,13,24,0.98) 25%,rgba(8,13,24,0.85) 50%,rgba(8,13,24,0.3) 70%,transparent 85%),linear-gradient(180deg,rgba(8,13,24,0.7) 0%,transparent 25%,transparent 75%,rgba(8,13,24,0.7) 100%)}

/* Vignette - light pages */
.ticker-anim-vignette--light{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.7) 45%,transparent 80%),linear-gradient(180deg,rgba(255,255,255,0.65) 0%,transparent 25%,transparent 75%,rgba(255,255,255,0.65) 100%)}

/* Inner content */
.ticker-anim-inner{position:relative;z-index:2;pointer-events:all;}

/* Responsive */
@media(max-width:768px){.ticker-anim-col--4,.ticker-anim-col--5{display:none}}
@media(max-width:480px){.ticker-anim-col--3{display:none}}
@media(max-width:767px){
  .ticker-anim-wrap.section-vh-hero{
    height:auto !important;
    min-height:100svh;
    padding:var(--header-height) 0 40px;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
  }
}