@font-face{font-family:Mekzantine;src:url(/fonts/mekzantine.otf)format("opentype");font-display:swap}:root{--night:#150f1c;--slate:#2c2135;--blue:#7c6296;--pink:#8d4a5e;--pinklt:#c98a92;--cream:#efe2d0;--gold:#d9a441;--ink:#150f1c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--night);color:var(--cream);font-family:IBM Plex Mono,monospace;overflow:hidden}a{color:inherit;text-decoration:none}.stage{position:fixed;inset:0;overflow:hidden}canvas{image-rendering:pixelated;position:absolute}nav{z-index:5;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:22px;padding:16px 24px;font-size:12px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}nav a:hover{color:var(--gold)}nav .nav-brand{color:var(--gold);align-items:center;gap:8px;margin-right:6px;display:inline-flex}nav .nav-brand:hover{color:var(--gold);opacity:.82}nav .nav-mark{color:var(--gold);text-align:center;width:1ch;font-size:15px;line-height:1}nav .nav-search{color:var(--blue);align-items:center;display:inline-flex}nav .nav-search:hover{color:var(--gold)}nav .nav-search svg{display:block}nav .r{color:var(--blue);text-transform:none;letter-spacing:0;font-weight:400}nav .nav-theme{align-items:center;margin-left:auto;display:inline-flex;position:relative}.theme-btn{border:1px solid var(--slate);cursor:pointer;background:0 0;align-items:center;padding:3px;line-height:0;display:inline-flex}.theme-btn:hover{border-color:var(--gold)}.theme-btn .sw{display:flex}.theme-btn .sw i{width:5px;height:13px;display:block}.theme-menu{z-index:40;background:var(--night);border:1px solid var(--slate);min-width:232px;padding:11px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:5px 5px #0006}.theme-menu[hidden]{display:none}.theme-lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:9px;font-family:Silkscreen;font-size:9px}.theme-menu #pals{scrollbar-width:thin;max-height:min(56vh,440px);overflow-y:auto}.pal .nm{color:var(--cream)}.pal.active .nm{color:var(--gold)}@media (width<=700px){nav{gap:10px;padding:16px 12px;font-size:10px}nav .r,nav .nav-brand span:last-child{display:none}}.ui{pointer-events:none;grid-template-columns:1fr minmax(340px,540px);display:grid;position:fixed;inset:0}.panel{pointer-events:auto;grid-column:2;align-self:center;padding-right:min(6vw,64px)}.wordmark{aspect-ratio:130/46;width:clamp(210px,27vw,360px);height:auto;image-rendering:pixelated;margin:0 0 10px;display:block;position:static}h1{margin:0 0 20px;font-family:Silkscreen;font-size:clamp(21px,2.5vw,26px);font-weight:700;line-height:1.35}h1 em{color:var(--pink);font-style:normal}.sub{color:var(--blue);max-width:36ch;margin:15px 0 26px;font-size:14px;line-height:1.6}.lede{border-left:2px solid var(--slate);color:var(--pinklt);max-width:56ch;margin:0 0 26px;padding-left:16px;font-size:11.5px;font-style:italic;line-height:1.5}.lede cite{letter-spacing:.06em;color:var(--blue);margin-top:9px;font-size:11px;font-style:normal;display:block}.cta-row{flex-wrap:wrap;gap:12px;margin-top:0;display:flex}.cta{border:1px solid var(--gold);color:var(--gold);padding:12px 18px;font-family:Silkscreen;font-size:12px;display:inline-block}.cta:hover{background:var(--gold);color:var(--ink)}.cta-primary{background:var(--gold);color:var(--ink);box-shadow:4px 4px 0 var(--slate)}.cta-primary:hover{background:var(--pinklt);border-color:var(--pinklt);color:var(--ink)}.chapel{z-index:6;pointer-events:auto;font-size:12px;position:fixed;bottom:16px;left:20px}.chapel .lbl{color:var(--blue);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.pal{cursor:pointer;background:#00000040;border:1px solid #0000;align-items:center;gap:10px;padding:5px 8px;display:flex}.pal+.pal{margin-top:3px}.pal.active{border-color:var(--gold)}.pal:hover{border-color:var(--blue)}.pal .sw{flex:none;display:flex}.pal .sw i{width:12px;height:12px;display:block;box-shadow:inset 0 0 0 1px #f4ead924}.pal .nm{letter-spacing:.06em;flex:none;font-family:Silkscreen;font-size:10px}.pal .bl{color:var(--blue);text-align:right;max-width:24ch;margin-left:auto;padding-left:10px;font-size:11px}@media (width<=1100px){.pal .bl{display:none}}@media (width<=860px){body{overflow:auto}.ui{display:block;position:static}.stage{height:56vh;position:relative}.panel{margin-top:0;padding:18px 22px 10px}h1{font-size:clamp(15.5px,4.9vw,21px)}.chapel{padding:16px 22px 40px;position:static}}
