.masthead{isolation:isolate;max-height:100vh;width:100%;top:0;color:#0d1b3d;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.3) 0%,transparent 55%),linear-gradient(135deg,#618dea,#9ac7f4,#cce6ff);background-repeat:no-repeat;background-size:cover;overflow:hidden}:root[data-theme=dark] .masthead{color:#f4f6f7;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.05) 0%,transparent 55%),linear-gradient(135deg,#243342,#1d2630,#141a1f)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-radial-gradient(circle,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 2px);background-size:150px 150px;opacity:.15;mix-blend-mode:overlay}:root[data-theme=dark] .hero:before{background-image:repeating-radial-gradient(circle,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 2px);opacity:.08;mix-blend-mode:soft-light}@keyframes masthead-drift{0%{background-position:center top}to{background-position:center calc(10px + 1%)}}.hero{overflow:clip}@media (prefers-reduced-motion: reduce){.masthead{animation:none}}