/* Decoration belongs to the existing header and follows its normal/sticky motion. */
header{isolation:isolate}
header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/header-moving-left.svg?v=2'),url('assets/header-moving-right.svg?v=2');background-repeat:no-repeat;background-position:left max(0px,calc((100vw - 1620px)/2)) center,right max(0px,calc((100vw - 1620px)/2)) center;background-size:clamp(245px,28vw,460px) auto;opacity:1;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 24%,transparent 39%,transparent 61%,#000 76%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 24%,transparent 39%,transparent 61%,#000 76%,#000 100%)}
@media(max-width:1000px){header::before{background-position:left -45px center,right -45px center;background-size:300px auto;opacity:.9}}
@media(max-width:800px){header::before{background-position:left -38px bottom -24px,right -38px bottom -18px;background-size:230px auto;opacity:.95;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 12%,transparent 32%,transparent 68%,#000 88%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 12%,transparent 32%,transparent 68%,#000 88%,#000 100%)}}