html.aurora{--bg:#031014;--art:url(v2-aurora.svg);--title:#a9e8d6;--text:#6fa398;--foot:#4a6f69}
html.hex-orbits{--bg:#04070d;--art:url(v10-hex-orbits.svg);--title:#bfe9d6;--text:#8fb3a4;--foot:#587468}
html.hex-tunnel{--bg:#03050c;--art:url(v17-hex-tunnel.svg);--title:#bfeaff;--text:#7f9db8;--foot:#566c82}
*{box-sizing:border-box;margin:0}
body{background:var(--bg,#04070d);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6;min-height:100svh;display:flex;flex-direction:column}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:var(--art) center/cover no-repeat}
.top{padding:2rem clamp(20px,6vw,96px) 0;text-align:center}
.top h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--title)}
main{flex:1;display:flex;align-items:flex-end;justify-content:flex-end}
.about{padding:0 clamp(20px,6vw,96px) 1rem;text-align:right}
.about p{color:var(--text);font-size:1.15rem}
.about a{color:inherit}
footer{padding:.25rem clamp(20px,6vw,96px) 1.5rem;text-align:right;color:var(--foot);font-size:.85rem}