#contact.cs-host{position:relative;overflow:hidden;isolation:isolate}
#contact.cs-host>.cs-band{position:absolute;inset:0;pointer-events:none;z-index:0;
 background:linear-gradient(100deg,transparent 0%,rgba(230,0,35,.12) 30%,rgba(230,0,35,.5) 50%,rgba(230,0,35,.12) 70%,transparent 100%);
 transform:translateX(-100%);will-change:transform}
#contact.cs-host>*:not(.cs-band){position:relative;z-index:1}
#contact.cs-run>.cs-band{animation:csSweep .7s cubic-bezier(.4,0,.2,1) forwards}
#contact.cs-run{animation:csBr .7s ease-out}
@keyframes csSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes csBr{0%,100%{--c:var(--acc)}25%,55%{--c:#ff5a6e}}
@media (prefers-reduced-motion:reduce){
 #contact.cs-run>.cs-band{animation:csTint .6s ease-out forwards;transform:none;background:rgba(230,0,35,.22)}
 #contact.cs-run{animation:none}
 @keyframes csTint{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
}
