.richpurplecontainer{padding-left:10%;padding-right:10%;background-color:#fff}
.richpurple{
  background-image:url(/cdn/shop/files/longpurple.png?v=1737158742);
  background-size:contain;background-position:center;background-repeat:no-repeat;
  text-align:center;position:relative;overflow:hidden;
  padding:clamp(8px,2vw,20px)
}
.richpurple h2{
  margin:0;color:#fff!important;font-weight:700;line-height:1.05;
  text-transform:uppercase;letter-spacing:-0.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:clamp(14px,3.6vw,28px);
}

@media screen and (max-width:989px){
  .richpurplecontainer{padding:0 4px}
}