:root{--bg:#050505;--fg:#fbf6ec;--accent:#f39c34}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:Georgia,Times New Roman,serif}#webgl{width:100%;height:100%;display:block;position:fixed;inset:0}#fade{pointer-events:none;z-index:1;background:#000;position:fixed;inset:0}#story{z-index:0;pointer-events:none;position:relative}#captions{z-index:2;pointer-events:none;position:fixed;inset:0}.caption{text-align:center;color:#ffffffe0;opacity:0;background:#00000073;border-radius:4px;max-width:min(90vw,760px);padding:.3em .7em;font-family:system-ui,-apple-system,sans-serif;font-size:clamp(.85rem,1.4vw,1.05rem);line-height:1.4;position:absolute;bottom:5vh;left:50%;translate:-50%}#loader{z-index:3;color:#bbb;background:var(--bg);place-items:center;font-size:1.2rem;font-style:italic;transition:opacity .6s;display:grid;position:fixed;inset:0}.ready #loader{opacity:0;pointer-events:none}#progress{z-index:2;width:100%;height:3px;position:fixed;bottom:0;left:0}#progress span{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.caption--title{letter-spacing:.02em;white-space:nowrap;color:var(--fg);background:0 0;border-radius:0;padding:0 0 .35em;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,6vw,4.5rem);top:50%;bottom:auto;translate:-50% -50%}.caption--title:after{content:"";background:var(--accent);opacity:.85;width:2.2em;height:2px;position:absolute;bottom:0;left:50%;translate:-50%}