:root{--gold:#e9c87a;--gold-soft:#cdb083;--ink:#f3ead4;--cold:#6fd6e6;--cold-soft:#9fb6c4;--grey:#c9c6c0;--serif:"Cormorant Garamond",Georgia,serif;--spectral:"Spectral",Georgia,serif;--display:"Cinzel",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#05060a}body{font-family:var(--serif);overflow-x:hidden}::selection{color:#fff;background:#e9c87a4d}a{color:inherit}#world{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}#grain{z-index:60;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");width:200%;height:200%;animation:6s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,-4%)}50%{transform:translate(4%,-2%)}75%{transform:translate(-2%,3%)}to{transform:translate(0)}}#vignette{z-index:55;pointer-events:none;background:radial-gradient(125% 100% at 50% 45%,#0000 42%,#00000080 100%);position:fixed;inset:0}#faller{z-index:4;pointer-events:none;justify-content:center;align-items:center;padding-top:9vh;display:flex;position:fixed;inset:0}.faller-spin{will-change:transform;transform-origin:50%;justify-content:center;align-items:center;display:flex}#faller img{opacity:1;filter:drop-shadow(0 0 26px #7896b44d)drop-shadow(0 0 70px #141e2d80);will-change:transform;width:auto;height:45vh;animation:6.5s ease-in-out infinite knightbob;display:block}@keyframes knightbob{0%,to{transform:translateY(-1.4%)rotate(-1.6deg)}50%{transform:translateY(1.8%)rotate(1.8deg)}}.hud{z-index:70;font-family:var(--mono);letter-spacing:.32em;color:#d8d2c4;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:22px clamp(18px,4vw,52px);font-size:11px;display:flex;position:fixed;top:0;left:0;right:0}.hud-mark{opacity:.8}.hud-progress{flex-direction:column;align-items:center;gap:8px;min-width:200px;display:flex}#hud-stage{font-family:var(--display);letter-spacing:.4em;text-align:center;font-size:12px}#hud-bar{opacity:.5;transform-origin:0;background:currentColor;width:140px;height:1px;transition:transform .15s linear;display:block;transform:scaleX(0)}.hud-sound{color:currentColor;cursor:pointer;opacity:.55;background:0 0;border:0;transition:all .3s}.hud-sound:hover{opacity:1}.hud-sound #wave{opacity:0;transition:all .4s}.hud-sound.on,.hud-sound.on #wave{opacity:1}.scroll-cue{z-index:65;font-family:var(--mono);letter-spacing:.4em;text-transform:uppercase;color:#d8d2c4;opacity:.7;mix-blend-mode:difference;flex-direction:column;align-items:center;gap:12px;font-size:10px;transition:opacity .6s;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.scroll-cue.gone{opacity:0;pointer-events:none}.scroll-cue i{transform-origin:top;background:currentColor;width:1px;height:46px;animation:2.2s ease-in-out infinite cue}@keyframes cue{0%,to{opacity:.3;transform:scaleY(.2)}50%{opacity:1;transform:scaleY(1)}}#app{z-index:10;position:relative}.scene{grid-template-rows:1fr;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,16vw,300px);min-height:104vh;padding:11vh clamp(26px,6vw,120px);display:grid;position:relative}.loop-sentinel{min-height:2px;padding:0;display:block}.scene-inner{z-index:3;grid-row:1;justify-self:center;max-width:500px;position:relative}.figure{opacity:.82;grid-row:1}.scene[data-side=left] .scene-inner{grid-column:1;justify-self:start}.scene[data-side=left] .figure{grid-column:2}.scene[data-side=right] .scene-inner{grid-column:2;justify-self:end}.scene[data-side=right] .figure{grid-column:1}.scene[data-side=center]{text-align:center;grid-template-columns:1fr;justify-items:center}.scene[data-side=center] .scene-inner{grid-column:1;max-width:780px}.scene-glow{z-index:1;filter:blur(40px);pointer-events:none;opacity:.5;border-radius:50%;width:70vw;max-width:760px;height:70vw;max-height:760px;position:absolute;top:50%;transform:translateY(-50%)}.scene[data-side=left] .scene-glow{left:-8vw}.scene[data-side=right] .scene-glow{right:-8vw}.scene[data-side=center] .scene-glow{opacity:.6;left:50%;transform:translate(-50%,-50%)}.mood-empyrean .scene-glow,.mood-paradiso .scene-glow,.mood-ritorno .scene-glow{background:radial-gradient(circle,#140f07d9,#0807048c 55%,#0000 75%)}.mood-purgatorio .scene-glow{background:radial-gradient(circle,#0a0b0cd9,#0607088c 55%,#0000 75%)}.mood-inferno .scene-glow{background:radial-gradient(circle,#020609e6,#01030599 55%,#0000 75%)}.numeral{font-family:var(--display);opacity:.05;pointer-events:none;z-index:-1;font-size:clamp(170px,30vw,420px);font-weight:700;line-height:.8;position:absolute;top:-15vh;left:-3vw}.eyebrow{font-family:var(--mono);letter-spacing:.5em;text-transform:uppercase;opacity:.62;margin-bottom:26px;font-size:12px}.scene-title{font-family:var(--display);letter-spacing:.012em;margin-bottom:18px;font-size:clamp(40px,6.4vw,98px);font-weight:600;line-height:1}.scene-tag{font-family:var(--spectral);opacity:.82;margin-bottom:30px;font-size:clamp(17px,2.2vw,27px);font-style:italic}.verse{font-family:var(--spectral);margin-bottom:26px;font-size:clamp(18px,2.3vw,28px);font-style:italic;line-height:1.65}.scene-body{opacity:.92;text-shadow:0 2px 26px #000000b3;max-width:54ch;font-size:clamp(17px,1.55vw,22px);font-weight:300;line-height:1.66}.scene[data-side=center] .scene-body{margin:0 auto}.ledger{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin-top:30px;font-size:11px}.scene.hero .scene-title{letter-spacing:.03em;font-size:clamp(52px,9.5vw,150px)}.scene.hero .scene-tag{font-family:var(--mono);letter-spacing:.34em;text-transform:uppercase;opacity:.7;font-size:clamp(13px,1.5vw,18px);font-style:normal}.mood-empyrean .scene-title,.mood-paradiso .scene-title,.mood-ritorno .scene-title{background:linear-gradient(#fff6e2,#e6c987 55%,#bc8f4c);color:#0000;filter:drop-shadow(0 4px 30px #e9c87a38);-webkit-background-clip:text;background-clip:text}.mood-empyrean .eyebrow,.mood-paradiso .eyebrow,.mood-ritorno .eyebrow,.mood-empyrean .scene-tag,.mood-paradiso .scene-tag,.mood-ritorno .scene-tag{color:var(--gold)}.mood-purgatorio .scene-title{background:linear-gradient(#eceae6,#bdbab4 60%,#7f7d78);color:#0000;-webkit-background-clip:text;background-clip:text}.mood-purgatorio .eyebrow,.mood-purgatorio .scene-tag{color:var(--grey)}.mood-inferno .scene-title{background:linear-gradient(#eef5fa,#aebecc 60%,#566b7a);color:#0000;filter:drop-shadow(0 0 38px #46b4c829);-webkit-background-clip:text;background-clip:text}.mood-inferno .eyebrow{color:var(--cold)}.mood-inferno .scene-tag{color:#9fb3c4}.mood-inferno .verse{color:#cdd9e2}.mood-inferno .verse br+*{color:var(--cold)}.figure{z-index:2;pointer-events:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.figure-wrap{will-change:transform;justify-content:center;align-items:center;width:100%;max-width:400px;display:flex;position:relative}.figure-wrap img{object-fit:contain;width:100%;height:auto;max-height:78vh;animation:9s ease-in-out infinite bob;display:block}.figure-ang .figure-wrap img{filter:drop-shadow(0 0 42px #e9c87a4d)drop-shadow(0 0 8px #e9c87a2e);animation-duration:10s}.figure-dem .figure-wrap img{filter:drop-shadow(0 0 42px #5fd0e042)drop-shadow(0 0 9px #285a6e4d);animation-duration:8s}@keyframes bob{0%,to{transform:translateY(-2.2%)rotate(-1deg)}50%{transform:translateY(2.6%)rotate(1.2deg)}}.figure-sheen{-webkit-mask:var(--fig) center/contain no-repeat;-webkit-mask:var(--fig) center/contain no-repeat;mask:var(--fig) center/contain no-repeat;mix-blend-mode:screen;opacity:.7;background:linear-gradient(105deg,#0000 38%,#ffeec86b 50%,#0000 62%) 0 0/280% 100%;animation:7.5s linear infinite sheen;position:absolute;inset:0}.figure-dem .figure-sheen{background:linear-gradient(105deg,#0000 40%,#96e0eb57 50%,#0000 60%) 0 0/280% 100%;animation-duration:9s}@keyframes sheen{0%{background-position:160% 0}to{background-position:-160% 0}}.scene[data-side=center] .figure{display:none}#preloader{z-index:100;background:#05060a;flex-direction:column;justify-content:center;align-items:center;gap:34px;transition:opacity 1.4s,visibility 1.4s;display:flex;position:fixed;inset:0}#preloader.open{opacity:0;visibility:hidden;pointer-events:none}.pre-ring{background:conic-gradient(#0000,#e9c87ab3,#0000 70%);border-radius:50%;width:128px;height:128px;animation:3.4s linear infinite spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px))}@keyframes spin{to{transform:rotate(360deg)}}.pre-text{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.pre-count{font-family:var(--display);color:var(--gold);letter-spacing:.06em;font-size:64px;font-weight:600}.pre-count:after{content:"%";opacity:.5;margin-left:4px;font-size:24px}.pre-quote{font-family:var(--spectral);color:#8a8270;max-width:360px;font-size:16px;font-style:italic;line-height:1.6}.enter-btn{font-family:var(--mono);letter-spacing:.4em;text-transform:uppercase;color:#0a0a0a;background:var(--gold);cursor:pointer;opacity:0;pointer-events:none;border:0;border-radius:999px;padding:18px 40px;font-size:12px;transition:all .7s;transform:translateY(14px);box-shadow:0 0 50px #e9c87a40}.enter-btn.ready{opacity:1;pointer-events:auto;transform:none}.enter-btn.ready:hover{transform:scale(1.05);box-shadow:0 0 70px #e9c87a73}@media (width<=900px){.scene{grid-template-columns:1fr;min-height:100vh;padding:12vh 28px}.scene-inner,.scene[data-side=right] .scene-inner{order:2;grid-column:1;justify-self:center;max-width:620px}.figure,.scene[data-side=right] .figure{z-index:0;order:1;grid-column:1;position:absolute;inset:0}.figure-wrap{opacity:.2;max-width:none;height:70vh}.figure-wrap img{max-height:70vh}.numeral{top:-8vh;left:-5vw}.hud-progress{min-width:130px}#hud-bar{width:90px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}#grain{display:none}}