@font-face{font-family:Display;src:local(Didot),local(Didot LT Std),local(Playfair Display);font-weight:400}@font-face{font-family:Body;src:local(Avenir Light),local(Avenir-Light),local(Avenir);font-weight:300}:root{--bg:#14120f;--gold:#b49b57;--ink:#e8e4dc;--ink-dim:#9c968a;--display:"Display", "Didot", "Bodoni MT", Georgia, serif;--body:"Body", "Avenir", "Avenir Next", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-weight:300;overflow:hidden}canvas{touch-action:none;display:block}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud-series{opacity:0;max-width:34rem;transition:opacity 1.1s,transform 1.1s;position:absolute;bottom:6vh;left:4vw;transform:translateY(6px)}.hud-series.visible{opacity:1;transform:none}.hud-series h1{font-family:var(--display);letter-spacing:.02em;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:400}.hud-series .rule{background:var(--gold);width:3.5rem;height:1px;margin:.7rem 0}.hud-series .meta{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.45rem;font-size:.72rem}.hud-series p{color:var(--ink-dim);max-width:26rem;font-size:.85rem;line-height:1.6}.hud-brand{font-family:var(--display);letter-spacing:.14em;font-size:1rem;position:absolute;top:4vh;left:4vw}.hud-brand span{color:var(--gold)}.caption{text-align:center;opacity:0;transition:opacity .9s .3s;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.caption.visible{opacity:1}.caption h2{font-family:var(--display);letter-spacing:.03em;font-size:1.35rem;font-weight:400}.caption .credit{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-top:.5rem;font-size:.72rem}.hint{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);font-size:.7rem;transition:opacity 1.4s;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.hint.hidden{opacity:0}.index-toggle{pointer-events:auto;color:var(--ink-dim);font-family:var(--body);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;padding:.2rem 0;font-size:.72rem;transition:color .4s,border-color .4s;position:absolute;top:4vh;right:4vw}.index-toggle:hover{color:var(--gold);border-color:var(--gold)}.index-view{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14120ff0;padding:12vh 8vw;position:fixed;inset:0;overflow-y:auto}.index-view ol{max-width:40rem;margin:0 auto;list-style:none}.index-view li{border-bottom:1px solid #b49b572e}.index-view button{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.1rem .2rem;transition:color .3s;display:flex}.index-view button:hover .t{color:var(--gold)}.index-view .t{font-family:var(--display);font-size:1.25rem;transition:color .3s}.index-view .m{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;font-size:.68rem}.loading{z-index:50;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:2.2rem;transition:opacity 1.4s;display:flex;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading .wordmark{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;font-size:clamp(1.4rem,3vw,2.2rem)}.loading .bar{background:#b49b5733;width:min(38vw,16rem);height:1px}.loading .bar i{background:var(--gold);height:100%;transition:width .4s;display:block}.fallback{height:100%;padding:8vh 6vw;overflow-y:auto}.fallback header{margin-bottom:6rem}.fallback h1{font-family:var(--display);letter-spacing:.06em;font-size:2rem;font-weight:400}.fallback section{margin-bottom:7rem}.fallback h2{font-family:var(--display);font-size:1.5rem;font-weight:400}.fallback .meta{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:.4rem 0 .6rem;font-size:.7rem}.fallback p{color:var(--ink-dim);max-width:30rem;margin-bottom:2rem;font-size:.85rem;line-height:1.6}.fallback .grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.4rem;display:grid}.fallback img,.fallback video{border-radius:2px;width:100%;display:block}.fallback figcaption{color:var(--ink-dim);letter-spacing:.08em;margin-top:.5rem;font-size:.72rem}@media (width<=640px){.hud-series{bottom:9vh;left:6vw;right:6vw}.hud-series p{display:none}}