/* Full-width CrowdChange blue ribbons lead the campus into the gift ticker. */
.hero{padding-bottom:110px}
.hero .campus-art{bottom:42px;mask-image:linear-gradient(to bottom,#000 calc(100% - 42px),transparent)}
.hero-waves{position:absolute;bottom:-1px;left:0;width:100%;height:160px;z-index:3;display:block;pointer-events:none}
.ticker{background:#dcf3fc;border-top:0}
@media(max-width:680px){
 .hero{padding-bottom:66px}
 .hero .campus-art{bottom:18px}
 .hero-waves{height:94px}
}

/* Soften the entry and exit of the moving names, keeping fixed controls crisp. */
.ticker-window{
 --ticker-fade:clamp(16px,2.5vw,36px);
 -webkit-mask-image:linear-gradient(to right,transparent,#000 var(--ticker-fade),#000 calc(100% - var(--ticker-fade)),transparent);
 mask-image:linear-gradient(to right,transparent,#000 var(--ticker-fade),#000 calc(100% - var(--ticker-fade)),transparent);
}

/* Original text treatment, coloured by the recipient foundation. */
.ticker-item{color:var(--org-ink);gap:6px}
.ticker-item b{color:var(--org-ink);font-weight:750}
.ticker-item .ticker-org{color:var(--org-ink);font-weight:400;opacity:1}
.ticker-item>span.ticker-heart:last-child{
 background:linear-gradient(135deg,var(--org-primary),var(--org-secondary));opacity:1;
}

/* Fine LED cells follow the existing translucent ribbons without changing their contours. */
.hero-waves{
 -webkit-mask-image:radial-gradient(circle at 1.5px 1.5px,#000 1px,rgba(0,0,0,.9) 1.3px);
 mask-image:radial-gradient(circle at 1.5px 1.5px,#000 1px,rgba(0,0,0,.9) 1.3px);
 -webkit-mask-size:3px 3px;mask-size:3px 3px;
}