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