:root{--paper:#f4ecd8;--ink:#2c3930;--ink-soft:#475444;--muted:#5f6a55;--accent:#c2873a;--accent-2:#9a6f2e;--mana:#b49ad6;--line:#3b4a3f2e;--panel:#f7f0dfcc;--cloud:#f7f1e2;--mtn-far:#b7c8bd;--mtn:#9ab5a3;--hill:#82a587;--forest:#5d8166;--ground:#6f9266;--display:"Cormorant", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--ink);font-family:var(--sans);cursor:none;-webkit-font-smoothing:antialiased;background:#e7ecd8;line-height:1.55;overflow-x:hidden}::selection{color:var(--ink);background:#c2873a40}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e7ddc4}::-webkit-scrollbar-thumb{background:#c2873a80;border-radius:4px}a{color:inherit;text-decoration:none}#scene{z-index:0;position:fixed;inset:0;overflow:hidden}.sky{background:linear-gradient(#c9e2e2 0%,#dcecd9 42%,#f4e7ca 100%);position:absolute;inset:0}.scene-veil{pointer-events:none;background:radial-gradient(120% 95% at 50% 28%,#0000 45%,#3c3c502e 100%);position:absolute;inset:0}.scenery{will-change:transform;width:112%;height:132%;position:absolute;bottom:-16%;left:-6%}.scenery .sun circle:last-child{filter:drop-shadow(0 0 30px #ffe2a0e6)}.clouds ellipse{fill:var(--cloud);opacity:.9}.clouds .bird{fill:none;stroke:#7d8a7f;stroke-width:3px;stroke-linecap:round;opacity:.7}.mtn-far path{fill:var(--mtn-far)}.mtn path{fill:var(--mtn);filter:drop-shadow(0 -4px 5px #28372d14)}.hills path{fill:var(--hill);filter:drop-shadow(0 -5px 6px #28372d1a)}.forest path{fill:var(--forest);filter:drop-shadow(0 -5px 7px #1e2d2321)}.ground path{fill:var(--ground);filter:drop-shadow(0 -6px 9px #1e2d2329)}.haze ellipse{fill:#f4f0e2;opacity:.5}.moon{opacity:0}.night-veil{pointer-events:none;opacity:0;mix-blend-mode:multiply;background:#11142c;position:absolute;inset:0}.stars{pointer-events:none;opacity:0;position:absolute;inset:0}.star{background:#fff;border-radius:50%;width:2px;height:2px;animation:ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 4px 1px #ffffff8c}.floaters{pointer-events:none;position:absolute;inset:0;overflow:hidden}.leaf{background:var(--accent);border-radius:0 100%;width:12px;height:12px;animation:linear infinite leafFall;position:absolute;top:-6%}.leaf:nth-child(odd){background:#88a878}.leaf:nth-child(3n){background:#cf9b46}@keyframes leafFall{0%{transform:translateY(-8vh)translate(0)rotate(0)}to{transform:translateY(112vh) translateX(var(--sway,20px)) rotate(340deg)}}.spark{background:var(--mana);opacity:0;border-radius:50%;width:5px;height:5px;animation:ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 8px 2px #b49ad6cc}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.95;transform:scale(1)}}#foreground{z-index:6;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fg{will-change:transform;position:absolute}.fg-branch{filter:drop-shadow(2px 6px 6px #1e2d2340);width:clamp(210px,26vw,430px);top:-26px;left:-30px}.fg-grass{filter:drop-shadow(0 -4px 9px #1e2d2338);width:108%;height:clamp(80px,15vh,190px);bottom:-12px;left:-4%}.fg-leaves{position:absolute;inset:0}.fg-leaf{opacity:.5;filter:blur(.4px);background:#4a6a50;border-radius:0 100%;width:26px;height:26px;animation:linear infinite leafFall;position:absolute;top:-8%}.fg-leaf:nth-child(2n){background:#6f8a4d}.grain{z-index:2;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.progress{z-index:60;background:#3b4a3f1f;width:100%;height:3px;position:fixed;top:0;left:0}.progress span{background:linear-gradient(90deg, var(--accent), #e0b15f);width:0;height:100%;display:block}.cursor{border:1.5px solid var(--ink);pointer-events:none;z-index:1000;width:26px;height:26px;transition:width .3s var(--ease), height .3s var(--ease), background .3s var(--ease), border-color .3s var(--ease);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.hover{border-color:var(--accent);background:#c2873a2e;width:56px;height:56px}.scroll-rail{z-index:1;opacity:0;pointer-events:none;background:repeating-linear-gradient(#c2873abf 0 7px,#0000 7px 18px);width:2px;position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%)}#scroll3d{z-index:1;pointer-events:none;width:150px;height:100vh;position:fixed;top:0;left:50%;transform:translate(-50%)}@media (width<=760px){#scroll3d,.scroll-rail{display:none}}.nav{z-index:50;justify-content:space-between;align-items:center;width:100%;padding:22px clamp(20px,5vw,64px);display:flex;position:fixed;top:0;left:0}.wordmark{font-family:var(--display);color:var(--ink);text-shadow:0 1px 8px #f7f0dfd9;font-size:26px;font-weight:600}.wordmark span{color:var(--accent)}.nav-links{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);gap:clamp(16px,3vw,36px);font-size:12px;display:flex}.nav-links a{text-shadow:0 1px 6px #f7f0dfcc;padding-bottom:3px;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width .4s var(--ease);position:absolute;bottom:0;left:0}.nav-links a:hover:after{width:100%}main{z-index:3;position:relative}.act{max-width:1080px;margin:0 auto;padding:clamp(80px,14vh,170px) clamp(22px,6vw,80px);position:relative}.act-kicker,.ch-kicker,.eyebrow,.act-prologue .big-line+.craft{font-family:var(--mono)}.eyebrow,.act-kicker{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-2);text-shadow:0 1px 8px #f7f0dfcc;font-size:13px}.title,.big-line,.act-h,.end-title,.role,.chronicle h2{text-shadow:0 2px 26px #f8f2e2f2,0 1px 3px #f8f2e2f2}.eyebrow,.act-kicker,.hero-hi,.craft-no,.craft-item h3,.craft-item p,.ability h3,.ability p,.ch-kicker,.ch-desc,.ch-link,.scroll-cue,.nav-links a,.wordmark{text-shadow:0 1px 8px #f8f2e2f5}.act-title{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.act-title .eyebrow{margin-bottom:22px}.title{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(50px,10.5vw,140px);font-weight:500;line-height:.94}.title .title-2{color:var(--accent);font-style:italic;font-weight:400}.role{font-family:var(--display);color:var(--ink-soft);margin-top:26px;font-size:clamp(18px,2.4vw,30px);font-style:italic}.role .amp{color:var(--accent)}.scroll-cue{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:14px;margin-top:clamp(40px,8vh,84px);font-size:11px;display:inline-flex}.scroll-cue .scroll-line{background:#3b4a3f4d;width:70px;height:1.5px;position:relative;overflow:hidden}.scroll-cue .scroll-line:after{content:"";background:var(--accent);animation:slide 2.2s var(--ease) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes slide{to{transform:translate(100%)}}.act-prologue{flex-direction:column;justify-content:center;min-height:96vh;display:flex}.big-line{font-family:var(--display);letter-spacing:-.01em;max-width:18ch;color:var(--ink);font-size:clamp(27px,4.6vw,64px);font-weight:400;line-height:1.16}.big-line em{color:var(--accent);font-style:italic}.craft{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);margin-top:clamp(40px,7vh,80px);display:grid}.craft-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8f2e29e;border-top:2px solid #c2873a80;border-radius:0 0 12px 12px;padding:16px 18px 18px}.craft-no{font-family:var(--display);color:var(--accent);font-size:22px;font-style:italic}.craft-item h3{font-family:var(--display);margin:6px 0 8px;font-size:clamp(17px,1.8vw,21px);font-weight:500}.craft-item p{color:var(--ink-soft);font-size:14px;line-height:1.6}.act-abilities .act-kicker{margin-bottom:10px}.act-h{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin-bottom:clamp(30px,5vh,56px);font-size:clamp(36px,6.2vw,80px);font-weight:500;line-height:1}.abilities{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8f2e299;border:1px solid #78643c24;border-radius:16px;padding:4px clamp(18px,3vw,34px)}.ability{border-top:1px solid var(--line);transition:padding-left .4s var(--ease);grid-template-columns:minmax(160px,240px) 1fr;align-items:baseline;gap:24px;padding:clamp(18px,2.6vw,30px) 0;display:grid}.ability:hover{padding-left:14px}.ability h3{font-family:var(--display);color:var(--accent);font-size:clamp(20px,2.6vw,32px);font-style:italic;font-weight:400}.ability p{color:var(--ink);font-size:clamp(14px,1.4vw,18px);line-height:1.7}.chronicle{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,70px);min-height:92vh;display:grid}.chronicle[data-side=right]{grid-template-columns:.95fr 1.05fr}.chronicle[data-side=right] .ch-art{order:2}.chronicle[data-side=right] .ch-info{order:1}.ch-no{font-family:var(--display);color:#c2873a1a;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(180px,34vw,460px);font-style:italic;font-weight:300;line-height:1;position:absolute;top:clamp(40px,9vh,110px);left:50%;transform:translate(-50%)}.ch-frame{border:1px solid var(--line);background:var(--panel);transition:transform .5s var(--ease);border-radius:14px;padding:10px;overflow:hidden;transform:rotate(-1.6deg);box-shadow:0 34px 60px -28px #3c321e8c}.chronicle[data-side=right] .ch-frame{transform:rotate(1.6deg)}.ch-frame:hover{transform:rotate(0)scale(1.02)}.ch-frame img{border-radius:8px;width:100%;display:block}.ch-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8f2e28c;border-radius:14px;padding:clamp(22px,3vw,34px)}.ch-kicker{font-family:var(--mono);color:var(--muted);align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.chronicle h2{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin-bottom:16px;font-size:clamp(28px,4.4vw,56px);font-weight:400;line-height:1.04}.ch-desc{color:var(--ink-soft);max-width:38ch;margin-bottom:24px;font-size:clamp(15px,1.4vw,18px)}.ch-link{font-family:var(--mono);color:var(--accent-2);transition:gap .3s var(--ease), color .3s var(--ease);border-bottom:1.5px solid #c2873a66;align-items:center;gap:8px;padding-bottom:4px;font-size:14px;display:inline-flex}.ch-link:hover{color:var(--accent);gap:14px}.status{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;display:inline-flex}.status i{border-radius:50%;width:6px;height:6px}.status.off{color:#b9543c;background:#c156401f;border:1px solid #c1564040}.status.off i{background:#b9543c}.status.live{color:#4f8048;background:#5a8a4f29;border:1px solid #5a8a4f4d}.status.live i{background:#5a8a4f;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.act-end{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;min-height:88vh;display:flex}.act-end .act-kicker{margin-bottom:14px}.end-title{font-family:var(--display);letter-spacing:-.02em;max-width:14ch;color:var(--ink);margin-bottom:34px;font-size:clamp(36px,7.5vw,98px);font-weight:500;line-height:1}.end-title em{color:var(--accent);font-style:italic}.btn-icon{border:1px solid var(--line);color:var(--ink);font-family:var(--mono);transition:all .3s var(--ease);background:#f7f0dfd1;border-radius:12px;align-items:center;gap:10px;padding:13px 22px;font-size:14px;display:inline-flex}.btn-icon:hover{color:#fff;background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.btn-icon.big{padding:15px 28px;font-size:15px}.end-foot{font-family:var(--mono);color:var(--muted);margin-top:28px;font-size:12px}[data-reveal]{opacity:0;transition:opacity .95s var(--ease), transform .95s var(--ease);will-change:opacity, transform;transform:translateY(30px)}[data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}html{scroll-behavior:auto}}.end-title,.act-end .act-kicker,.end-foot,.wordmark,.nav-links{transition:color .7s,text-shadow .7s}.is-night .end-title{color:#efeaf6;text-shadow:0 2px 22px #080a1a8c}.is-night .end-title em{color:#ecc78f}.is-night .act-end .act-kicker{color:#c9b8e0;text-shadow:0 1px 10px #080a1a80}.is-night .end-foot{color:#9aa3c6}.is-night .btn-icon{color:#efeaf6;background:#30325480;border-color:#ffffff38}.is-night .wordmark,.is-night .nav-links{color:#efeaf6}.is-night .wordmark,.is-night .nav-links a{text-shadow:0 1px 8px #080a1a99}@media (width<=820px){.craft{grid-template-columns:1fr;gap:18px}.chronicle,.chronicle[data-side=right]{grid-template-columns:1fr;gap:24px;min-height:auto}.chronicle[data-side=right] .ch-art{order:1}.chronicle[data-side=right] .ch-info{order:2}.ability{grid-template-columns:1fr;gap:6px}.fg-branch{display:none}}@media (width<=760px){body{cursor:auto}.cursor{display:none}.act-title,.act-prologue,.act-end{min-height:90vh}.chronicle{min-height:76vh;padding-top:60px;padding-bottom:60px}.fg-grass{height:clamp(64px,12vh,120px)}.nav{padding:18px 20px}.nav-links{gap:14px;font-size:11px}.ch-no{font-size:clamp(130px,42vw,200px);top:24px}.role{font-size:clamp(16px,4.4vw,24px)}}@media (width<=380px){.nav-links{gap:11px;font-size:10px}.wordmark{font-size:22px}}