:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-shadow-color:#4f07674d;--black:#0a0a09;--white:#fff;--main-max-width:800px;font-family:system-ui,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:var(--black);font-optical-sizing:auto;flex-direction:column;justify-content:stretch;min-width:320px;min-height:100vh;margin:0;font-family:Space Grotesk,sans-serif;font-style:normal;font-weight:500;display:flex}#app{flex:auto;justify-content:stretch;align-items:stretch;display:flex;position:relative}#viz{position:absolute;inset:0;overflow:hidden}a{text-underline-offset:3px;text-decoration:underline}article.main{pointer-events:none;flex-direction:column;justify-content:stretch;display:flex;position:relative}article.main a,article.main button,article.main footer{pointer-events:auto}article.main header{justify-content:center;margin-top:4rem;display:flex}article.main main{flex-direction:column;flex:auto;justify-content:center;place-items:center;margin:0 auto;display:flex}article.main footer{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-top:1px solid #fffc;width:100%}article.main h1{color:var(--white);text-align:center;text-wrap:balance;text-shadow:var(--text-shadow-color) 0 0 2px, var(--text-shadow-color) 0 0 8px, var(--text-shadow-color) 0 0 16px;margin:2rem;font-size:clamp(2.5rem,4vw,6rem);font-weight:700;line-height:1.25}article.main h2{margin-top:0;font-size:clamp(1.25rem,1.5vw,3rem)}article.main byline{color:var(--white);text-shadow:var(--text-shadow-color) 0 0 1px, var(--text-shadow-color) 0 0 2px, var(--text-shadow-color) 0 0 4px;letter-spacing:.2ch}article.main a{color:var(--white);text-decoration:none}article.main a:hover{text-decoration:underline}article.main .logo{color:var(--white);text-shadow:var(--text-shadow-color) 0 0 2px, var(--text-shadow-color) 0 0 4px, var(--text-shadow-color) 0 0 8px;font-size:2rem;font-weight:700}article.main .column{min-width:140px}article.main .column:nth-child(2){min-width:0}article.main .main-footer{max-width:var(--main-max-width);color:var(--white);text-shadow:var(--text-shadow-color) 0 0 1px, var(--text-shadow-color) 0 0 2px, var(--text-shadow-color) 0 0 4px;justify-content:space-between;margin:auto;padding:1rem 2rem clamp(1rem,5vh,3rem);display:flex}article.main .main-footer>div{max-width:var(--main-max-width);color:var(--white);text-shadow:var(--text-shadow-color) 0 0 1px, var(--text-shadow-color) 0 0 2px, var(--text-shadow-color) 0 0 4px;justify-content:space-between;margin:auto;padding:1rem 2rem;display:flex}.page-footer{background-color:var(--black);justify-content:stretch;align-items:stretch;height:4rem;display:flex}.page-footer .symbol{transform:rotate(45deg)}.page-footer>div{max-width:var(--main-max-width);color:var(--white);justify-content:space-between;align-items:center;gap:1rem;width:100%;margin:0 auto;padding:0 2rem;font-size:clamp(.75rem,1.5vw,1.25rem);display:flex}.page-footer .column{white-space:nowrap}.list{flex-direction:column;gap:.75rem;display:flex}#imprint-modal{display:none;position:absolute;inset:1.5rem}button#close-imprint-modal{z-index:1;appearance:none;cursor:pointer;background-color:#0000;border:none;padding:.25rem;display:inline-flex;position:absolute;top:1rem;right:1rem}button#close-imprint-modal>svg{pointer-events:none}button#close-imprint-modal:hover{background-color:#0000001a}article.imprint{background-color:var(--white);color:var(--black);position:absolute;inset:0;overflow:scroll}article.imprint header{justify-content:center;margin-top:4rem;display:flex}article.imprint main{flex-direction:column;justify-content:stretch;max-width:800px;margin:auto;padding:2rem;display:flex}article.imprint h1{text-wrap:balance;font-size:clamp(2.5rem,4vw,6rem);font-weight:700;line-height:1.25}article.imprint h2{text-wrap:balance}article.imprint a{color:var(--black)}article.imprint .columns{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}article.imprint .logo{font-size:2rem;font-weight:700}@media not (max-width:600px){.page-footer .column{min-width:140px}}
