/* The new illustration template only; existing moon templates are untouched. */
body.vjh-reading.vlf-floating.vlf-sky .moon{
 background:#f7f5ee url("sky.svg") center/cover no-repeat!important;
 height:clamp(245px,20vw,320px);min-height:245px;border-bottom:0;
}
body.vjh-reading.vlf-floating.vlf-sky .moon::after{background:linear-gradient(0deg,#f7f5ee,transparent 22%)}
body.vjh-reading.vlf-floating.vlf-sky .masthead{margin-top:-162px;min-height:162px;padding-bottom:58px;background:transparent!important}
body.vjh-reading.vlf-floating.vlf-sky .brand{font-size:clamp(27px,2.4vw,37px);font-weight:400;color:#294650;text-shadow:none;letter-spacing:-.035em}
body.vjh-reading.vlf-floating.vlf-sky .brand span{color:#8b744a}
body.vjh-reading.vlf-floating.vlf-sky .masthead nav a{color:#36535a;text-shadow:none;font-size:18px;font-weight:400}
body.vjh-reading.vlf-floating.vlf-sky .masthead nav a::after{width:20px;height:1px;border-radius:50%;background:#a17b39;bottom:4px}
body.vjh-reading.vlf-floating.vlf-sky .masthead nav a:hover{color:#795b27}
body.vjh-reading.vlf-floating.vlf-sky .masthead nav li:nth-child(4n+1),body.vjh-reading.vlf-floating.vlf-sky .masthead nav>a:nth-child(4n+1){transform:translateY(9px)}
body.vjh-reading.vlf-floating.vlf-sky .masthead nav li:nth-child(4n+2),body.vjh-reading.vlf-floating.vlf-sky .masthead nav>a:nth-child(4n+2){transform:translateY(-8px)}
@media(max-width:850px){
 body.vjh-reading.vlf-floating.vlf-sky .masthead{margin-top:-160px;min-height:160px;gap:15px 35px;padding-bottom:30px}
 body.vjh-reading.vlf-floating.vlf-sky .masthead nav li,body.vjh-reading.vlf-floating.vlf-sky .masthead nav>a{transform:none!important}
}
@media(max-width:560px){
 body.vjh-reading.vlf-floating.vlf-sky .moon{height:220px;min-height:220px;background-position:65% center!important}
 body.vjh-reading.vlf-floating.vlf-sky .masthead{margin-top:-135px;min-height:135px;padding-bottom:24px;background:linear-gradient(0deg,#f7f5ee,transparent)!important}
 body.vjh-reading.vlf-floating.vlf-sky .masthead nav a{font-size:17px}
}