/* Night stars for the case study pages, night only. They sit in the empty right side of the header and the strip under the nav, clear of the text. */
html.neon body{position:relative;}
html.neon .cs-hero{position:relative;}
html.neon body::after{content:"";position:absolute;left:0;top:0;width:2px;height:2px;border-radius:50%;z-index:0;pointer-events:none;background:transparent;box-shadow:calc(100vw - 77px) 274px 0px 0px rgba(255,255,255,0.94),calc(100vw - 69px) 115px 0px 0px rgba(255,230,180,0.98),calc(100vw - 1248px) 126px 0px 0px rgba(200,245,255,0.60),calc(100vw - 802px) 94px 0px 0px rgba(255,255,255,0.96),calc(100vw - 324px) 419px 0px 0px rgba(255,255,255,0.99),calc(100vw - 235px) 123px 0px 0px rgba(214,200,255,0.63);animation:bgTwA 5.5s ease-in-out infinite;}
html.neon .cs-hero::before{content:"";position:absolute;left:0;top:0;width:2px;height:2px;border-radius:50%;z-index:0;pointer-events:none;box-shadow:calc(100vw - 160px) 210px 0px 0px rgba(200,245,255,0.91),calc(100vw - 481px) 21px 0px 0px rgba(255,255,255,0.63),calc(100vw - 215px) 285px 0px 0px rgba(214,200,255,0.99);animation:bgTwB 3.8s ease-in-out infinite;}
html.neon .cs-hero::after{content:"";position:absolute;left:0;top:0;width:3px;height:3px;border-radius:50%;z-index:0;pointer-events:none;box-shadow:calc(100vw - 48px) 290px 3px 0px rgba(200,245,255,0.54),calc(100vw - 49px) 128px 3px 0px rgba(200,245,255,0.54),calc(100vw - 307px) 180px 3px 0px rgba(200,245,255,0.78);animation:bgTwC 7s ease-in-out infinite;}
@keyframes bgTwA{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes bgTwB{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes bgTwC{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes bgTwD{0%,100%{opacity:.55}50%{opacity:1}}
html.neon body::before{content:"";position:absolute;left:0;right:0;top:0;height:700px;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='rgb(255,255,255)' stop-opacity='.5'/%3E%3Cstop offset='.35' stop-color='rgb(255,255,255)' stop-opacity='.15'/%3E%3Cstop offset='1' stop-color='rgb(255,255,255)' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='20' cy='20' r='20' fill='url(%23g)'/%3E%3Cpath d='M20 1.5Q21.6 18.4 38.5 20Q21.6 21.6 20 38.5Q18.4 21.6 1.5 20Q18.4 18.4 20 1.5Z' fill='rgb(255,255,255)'/%3E%3Ccircle cx='20' cy='20' r='2.2' fill='%23fff'/%3E%3C/svg%3E") calc(100vw - 221.5px) 178.5px/13px 13px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='rgb(255,232,180)' stop-opacity='.5'/%3E%3Cstop offset='.35' stop-color='rgb(255,232,180)' stop-opacity='.15'/%3E%3Cstop offset='1' stop-color='rgb(255,232,180)' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='20' cy='20' r='20' fill='url(%23g)'/%3E%3Cpath d='M20 1.5Q21.6 18.4 38.5 20Q21.6 21.6 20 38.5Q18.4 21.6 1.5 20Q18.4 18.4 20 1.5Z' fill='rgb(255,232,180)'/%3E%3Ccircle cx='20' cy='20' r='2.2' fill='%23fff'/%3E%3C/svg%3E") calc(100vw - 99.5px) 330.5px/9px 9px no-repeat;animation:bgTwD 6s ease-in-out infinite;}
html.neon .cs-hero .wrap{position:relative;}
@media (max-width:1200px){html.neon body::before,html.neon .cs-hero .wrap::before,html.neon .cs-hero .wrap::after{display:none;}}
@media (prefers-reduced-motion:reduce){html.neon body::after,html.neon body::before,html.neon .cs-hero::before,html.neon .cs-hero::after{animation:none;}html.neon .cs-hero .wrap::before,html.neon .cs-hero .wrap::after{display:none;}}
/* narrower screens put the text under the right side block, so the stars step aside */
@media (max-width:1200px){html.neon body::after,html.neon .cs-hero::before,html.neon .cs-hero::after{display:none;}}