.site-intro{max-width:780px;color:var(--dim);font:400 16px/1.65 var(--body);margin:24px 0 32px}
.site-intro a{color:var(--text);text-underline-offset:3px}
body.zen .site-intro{display:none}
.foot h2{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:16px}
.foot-base{color:var(--dim)}
/* Move one painted gradient layer instead of repainting the text panel every frame. */
.panel{animation:none}
.panel::before{content:"";position:absolute;inset:-70%;z-index:-2;pointer-events:none;background:linear-gradient(115deg,var(--p1) 0%,var(--p2) 16%,var(--p3) 36%,var(--p4) 50%,var(--p5) 62%,var(--p6) 78%,var(--p7) 92%,var(--p1) 100%);will-change:transform;animation:panel-drift 14s ease-in-out infinite alternate}
@keyframes panel-drift{from{transform:translate3d(-20%,-15%,0)}to{transform:translate3d(20%,15%,0)}}
@media(prefers-reduced-motion:reduce){.panel::before{animation:none}}