Digital Marketing Innovation: Transforming the Ordinary Into the Extraordinary
.nds-article{max-width:760px;margin:0 auto;font-size:18px;line-height:1.75;color:#222}
.nds-article p{margin:0 0 1.2em}
.nds-article .nds-eyebrow{margin-bottom:.6em;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#E03A3E}
.nds-article .nds-lead{font-size:1.15em;line-height:1.7;color:#111}
.nds-article h2{position:relative;padding-top:18px;margin:2.2em 0 .6em;font-size:clamp(24px,3vw,32px);line-height:1.25;font-weight:700;color:#111}
.nds-article h2::before{content:"";position:absolute;top:0;left:0;width:48px;height:4px;background:#E03A3E}
.nds-article > h2:first-child{margin-top:0}
.nds-article strong{color:#111;font-weight:700;background:linear-gradient(transparent 62%,rgba(224,58,62,.18) 0)}
.nds-article a{color:#E03A3E;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.nds-article a:hover{color:#B22A2E}
.nds-article figure{margin:2em 0}
.nds-article figure img{width:100%;height:auto;border-radius:6px}
.nds-article ul,.nds-article ol{margin:0 0 1.4em;padding-left:1.3em}
.nds-article li{margin-bottom:.6em}
.nds-article li::marker{color:#E03A3E;font-weight:700}
.nds-article blockquote{margin:2em 0;padding:4px 0 4px 24px;border-left:4px solid #E03A3E;font-size:1.15em;line-height:1.6;font-style:italic;color:#111}
.nds-article blockquote p{margin:0}
.nds-callout{margin:2.5em 0 0;padding:22px 26px;background:#F7F7F7;border-left:4px solid #E03A3E;border-radius:4px}
.nds-callout p{margin:0}
.nds-callout .nds-callout-label{margin-bottom:10px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#E03A3E}
.nds-rotator{margin:2em 0;padding:24px 28px;background:#111;color:#fff;border-radius:4px;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.3}
.nds-rotator-words{display:inline-block;position:relative;height:1.3em;width:7.6em;vertical-align:bottom;overflow:hidden}
.nds-rotator-words span{position:absolute;left:0;top:0;color:#E03A3E;opacity:0;transform:translateY(100%);animation:nds-rotate 9s infinite}
.nds-rotator-words span:nth-child(2){animation-delay:3s}
.nds-rotator-words span:nth-child(3){animation-delay:6s}
@keyframes nds-rotate{
0%{opacity:0;transform:translateY(100%)}
5%,28%{opacity:1;transform:translateY(0)}
33%,100%{opacity:0;transform:translateY(-100%)}
}
@media (prefers-reduced-motion:reduce){
.nds-rotator-words span{animation:none;transform:none}
.nds-rotator-words span:first-child{opacity:1}
}
Breaking the ...
