@view-transition { navigation: auto; }  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.35s; animation-timing-function: ease; }  @media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }  html { background-color: #fff;  } body { background-color: #fff; } .rs-hero { position: relative; } .rs-hero:before, .rs-header:before { content: ""; background : radial-gradient(circle at 8% 20%, rgb(245 80 24 / .23), transparent 30%), radial-gradient(circle at 90% 12%, rgb(255 255 255 / .08), transparent 27%), linear-gradient(135deg, #384d95 0%, #273b7b 43%, #1e2f68 72%, #101a42 100%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; } .rs-hero:before {z-index: 0;}  @font-face { font-display: swap; }