@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--black: #070708;--ink: #f3f0e8;--muted: #9a9488;--ease-out: cubic-bezier(.23, 1, .32, 1);--top: 4.6rem;--bottom: 6.4rem;--face: "Barlow Condensed", "Arial Narrow", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--face);font-weight:400;letter-spacing:.16em;text-transform:uppercase}::selection{background:var(--ink);color:var(--black)}:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.bar{position:fixed;left:0;right:0;z-index:3;pointer-events:none}.top{top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;min-height:var(--top);padding:1.15rem 1.6rem 0}.name,.admin-link,.section-link,.index-link{color:var(--muted);font:inherit;letter-spacing:inherit;text-decoration:none;text-transform:inherit;background:none;border:0;padding:0;cursor:pointer;pointer-events:auto;transition:color .16s var(--ease-out)}.name{color:var(--ink);font-size:1.35rem;letter-spacing:.28em;text-align:center}.menu,.menu-right{display:flex;align-items:center;gap:1.45rem}.menu{justify-content:flex-end}.menu-right,#menu-right{justify-content:flex-start}.admin-link{margin-left:auto;font-size:.82rem;letter-spacing:.18em}.section-link,.index-link{font-size:.92rem}.section-link[aria-current=true],.index-link[aria-selected=true]{color:var(--ink)}.bottom{bottom:0;display:flex;flex-direction:column;align-items:center;gap:.45rem;min-height:var(--bottom);padding:.85rem 1.5rem 1.35rem}#index{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem 1rem}#meta{margin:0;color:var(--muted);font-size:.92rem;letter-spacing:.18em;min-height:1.2em}.frame{position:fixed;inset:.7rem;z-index:2;pointer-events:none}.frame span{position:absolute;width:16px;height:16px;border:1px solid rgba(243,240,232,.55)}.frame span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.frame span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.frame span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.frame span:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}#stage{position:fixed;inset:0;z-index:1;width:100%;height:100%;display:block;opacity:0}body.webgl{overflow:hidden}body.webgl #stage{opacity:1;transition:opacity .2s var(--ease-out)}body.webgl #reel{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}#reel{position:relative;z-index:0}.plate{min-height:100dvh;display:grid;place-items:center;padding:var(--top) 1.5rem var(--bottom)}.plate img{max-width:100%;max-height:calc(100dvh - var(--top) - var(--bottom));width:auto;height:auto;object-fit:contain;object-position:center;display:block}#empty{position:fixed;inset:0;z-index:2;display:grid;place-items:center;margin:0;color:var(--muted);font-size:1.2rem;letter-spacing:.18em}#empty[hidden]{display:none!important}@media(hover:hover)and (pointer:fine){.section-link:hover,.admin-link:hover,.index-link:hover,.name:hover{color:var(--ink)}}@media(max-width:700px){:root{--top: 7.2rem;--bottom: 6.8rem}.top{display:flex;flex-direction:column;gap:.55rem;padding-top:.85rem}.name{order:-1;font-size:1.2rem}.menu,.menu-right{justify-content:center;flex-wrap:wrap;gap:.65rem 1rem}.admin-link{margin-left:0}}@media(prefers-reduced-motion:reduce){.name,.admin-link,.section-link,.index-link,body.webgl #stage{transition:none}}
