*{margin:0;padding:0;box-sizing:border-box}body,html{background:#0a0a0f;color:#c9b8a8;font-family:Georgia,serif;overflow-x:hidden;min-height:100%;width:100%}.container{position:relative;width:100%}.video-container{position:fixed;top:0;left:0;width:60%;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0f;z-index:1}.frame-canvas{max-width:100%;max-height:100%;object-fit:contain;will-change:contents}.article-sidebar{position:relative;margin-left:60%;width:40%;min-height:100%;padding:60px 40px;background:#0a0a0f}.article-content{max-width:500px;margin:0 auto}.article-content h1{font-size:2.5rem;color:#d4a056;margin-bottom:1rem;font-weight:400}.article-content h2{font-size:1.5rem;color:#d4a056;margin:2rem 0 1rem;font-weight:400}.article-content p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#c9b8a8}.article-content em{color:#d4a056;font-style:italic}.article-content .dialogue{margin:1.5rem 0;padding-left:1rem;border-left:2px solid #6b4423}.progress-indicator{left:20px;font-size:.9rem;z-index:100}.progress-indicator,.scroll-hint{position:fixed;bottom:20px;color:#6b4423}.scroll-hint{left:50%;transform:translateX(-50%);font-size:.8rem;opacity:.7;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:1024px){.container{width:100vw;max-width:100%}.video-container{position:fixed;top:0;left:0;right:0;width:100vw;height:40vh;z-index:10;background:#0a0a0f}.article-sidebar{position:relative;width:100vw;max-width:100%;margin-top:40vh;padding:30px 20px;background:#0a0a0f}.article-content{max-width:100%}.article-content h1{font-size:1.8rem}.article-content h2{font-size:1.3rem}.article-content p{font-size:1rem}.progress-indicator{bottom:10px;left:10px;font-size:.75rem}}