/* The header, scene and next section share a continuous dark surface. */
body[data-page="index"] .navbox{background:#11121f;border:0;box-shadow:none;backdrop-filter:none}
.hero .hero-art{mask-image:none;-webkit-mask-image:none}
.hero .hero-vignette{background:linear-gradient(to bottom,#0c0f1900 0%,#0c0f1914 46%,#0c0f1933 62%,#0c0f1980 76%,#0c0f19d9 90%,var(--surface-bg) 100%),radial-gradient(ellipse 460px 310px at 50% 39%,#0c0f1922 0%,transparent 75%)}
.hero::before{content:"";position:absolute;inset:0 0 auto;height:84px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#11121f 0%,#11121fb3 28%,#11121f33 66%,#11121f00 100%)}
@media(max-width:770px){.hero::before{height:58px}.hero .hero-vignette{background:linear-gradient(to bottom,#0c0f1910 0%,#0c0f191f 46%,#0c0f194d 68%,#0c0f19b3 86%,var(--surface-bg) 100%),radial-gradient(ellipse at 46% 36%,#0c0f1926 0%,transparent 70%)}}