.journey{--dusk:#1d5f80;--night:#143f55;--nearblack:#2c2317;--glow:#eebe3c;--sun:#f4d05e;--tomato:#d8442e;--cream:#faf5e8;background:var(--nearblack);color:var(--cream);position:relative;overflow-x:clip}.scene{justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex;position:relative;overflow:hidden}.scene-dusk{background:linear-gradient(180deg, #2f7ea0 0%, var(--dusk) 32%, var(--night) 70%, #0d2c3c 100%)}.dusk-glow{pointer-events:none;background:radial-gradient(circle,#f4d05e8c 0%,#eebe3c47 22%,#0000 55%);width:120vmax;height:120vmax;position:absolute;bottom:-38vh;left:50%;transform:translate(-50%)}.dusk-copy{z-index:2;text-align:center;max-width:36rem;padding:0 1.5rem;position:relative}.stars{pointer-events:none;z-index:0;position:absolute;inset:0}.stars:before,.stars:after{content:"";background-image:radial-gradient(1.5px 1.5px at 20% 30%,#faf5e8 99%,#0000),radial-gradient(1px 1px at 70% 18%,#faf5e8 99%,#0000),radial-gradient(1.5px 1.5px at 40% 60%,#fff6da 99%,#0000),radial-gradient(1px 1px at 85% 45%,#faf5e8 99%,#0000),radial-gradient(1px 1px at 12% 72%,#fff6da 99%,#0000),radial-gradient(1.5px 1.5px at 60% 80%,#faf5e8 99%,#0000),radial-gradient(1px 1px at 92% 70%,#faf5e8 99%,#0000),radial-gradient(1px 1px at 33% 12%,#fff6da 99%,#0000);background-repeat:repeat;background-size:100% 100%;position:absolute;inset:0}.stars:after{background-image:radial-gradient(1px 1px at 8% 22%,#faf5e8 99%,#0000),radial-gradient(1.5px 1.5px at 50% 38%,#fff6da 99%,#0000),radial-gradient(1px 1px at 78% 62%,#faf5e8 99%,#0000),radial-gradient(1px 1px at 27% 88%,#faf5e8 99%,#0000),radial-gradient(1.5px 1.5px at 64% 8%,#fff6da 99%,#0000),radial-gradient(1px 1px at 95% 30%,#faf5e8 99%,#0000);animation:6s ease-in-out infinite alternate twinkle}@keyframes twinkle{0%{opacity:.35}to{opacity:.9}}.scene-forest{background:linear-gradient(#0d2c3c 0%,#0a2230 55%,#07161f 100%)}.mist{filter:blur(6px);pointer-events:none;z-index:1;background:radial-gradient(60% 80%,#8fc1dd29 0%,#0000 70%);width:140%;height:30vh;animation:26s ease-in-out infinite alternate drift;position:absolute;left:-20%}.mist-1{animation-duration:30s;bottom:22vh}.mist-2{opacity:.7;animation-duration:22s;animation-direction:alternate-reverse;bottom:8vh}@keyframes drift{0%{transform:translate(-6%)}to{transform:translate(6%)}}.treeline{pointer-events:none;will-change:transform;width:120%;transform:translate3d(0, calc(var(--p,0) * 1px), 0);position:absolute;bottom:0;left:-10%}.pines{background-position:bottom;background-repeat:repeat-x;width:100%;height:100%}.treeline-far{z-index:1;height:34vh}.treeline-far .pines{background-image:conic-gradient(from -45deg at 50% 100%, #0e2a38 0 90deg, transparent 0);filter:brightness(.8);opacity:.85;background-size:70px 70px}.treeline-mid{z-index:2;height:46vh}.treeline-mid .pines{background-image:conic-gradient(from -45deg at 50% 100%, #081d27 0 90deg, transparent 0);background-size:110px 130px}.treeline-near{z-index:3;height:60vh}.treeline-near .pines{background-image:conic-gradient(from -45deg at 50% 100%, #04121a 0 90deg, transparent 0);background-size:180px 230px}.scene-fire{background:linear-gradient(#07161f 0%,#0c1a14 60%,#140f0a 100%)}.fire-stage{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.fire-glow{pointer-events:none;z-index:1;background:radial-gradient(50% 60% at 50% 100%,#f4d05e66 0%,#d8442e38 35%,#0000 70%);width:80vmax;height:50vh;animation:3.2s ease-in-out infinite glow-pulse;position:absolute;bottom:-10vh;left:50%;transform:translate(-50%)}@keyframes glow-pulse{0%,to{opacity:.85;transform:translate(-50%)scaleY(1)}50%{opacity:1;transform:translate(-50%)scaleY(1.06)}}.flame{width:60px;height:90px;position:relative}.flame span{transform-origin:bottom;filter:blur(1px);border-radius:50% 50% 50% 0;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(-45deg)}.flame .f-outer{background:radial-gradient(circle at 50% 70%,#f4d05e,#d8442e 70%);width:56px;height:56px;animation:1.1s ease-in-out infinite alternate flicker}.flame .f-mid{background:radial-gradient(circle at 50% 70%,#fff2c4,#eebe3c 75%);width:38px;height:38px;animation:.8s ease-in-out infinite alternate-reverse flicker}.flame .f-core{background:#fff7e0;width:18px;height:18px;animation:.6s ease-in-out infinite alternate flicker}@keyframes flicker{0%{transform:translate(-50%)rotate(-45deg)scale(1)skew(0)}to{transform:translate(-52%)rotate(-45deg)scale(1.08,.94)skew(4deg)}}.logs{background:repeating-linear-gradient(90deg,#3a2a1c 0 8px,#2a1d12 8px 16px);border-radius:4px;width:90px;height:14px;margin-top:2px;box-shadow:0 0 18px 6px #d8442e59}.fire-lines{z-index:3;text-align:center;max-width:34rem;padding:0 1.5rem;position:relative}.firefly{pointer-events:none;z-index:2;width:5px;height:5px;animation:float-up var(--dur,9s) ease-in-out infinite, blink var(--blink,2.6s) ease-in-out infinite;animation-delay:var(--delay,0s);opacity:0;background:#f4d05e;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #f4d05ecc}@keyframes float-up{0%{transform:translate(0)}25%{transform:translate(14px,-22vh)}50%{transform:translate(-10px,-42vh)}75%{transform:translate(12px,-64vh)}to{transform:translate(-6px,-86vh)}}@keyframes blink{0%,to{opacity:0}40%,60%{opacity:1}}.scene-castle{background:linear-gradient(#140f0a 0%,#1a1208 45%,#241608 100%)}.castle-rays{z-index:1;pointer-events:none;background:repeating-conic-gradient(#f4d05e29 0deg 5deg,#0000 5deg 13deg);border-radius:50%;width:120vmax;height:120vmax;animation:90s linear infinite rays-spin;position:absolute;top:8vh;left:50%;transform:translate(-50%);-webkit-mask:radial-gradient(circle,#000 0%,#0000 58%);mask:radial-gradient(circle,#000 0%,#0000 58%)}@keyframes rays-spin{to{transform:translate(-50%)rotate(360deg)}}.castle-halo{z-index:1;pointer-events:none;background:radial-gradient(circle,#f4d05e80 0%,#eebe3c40 28%,#0000 60%);width:70vmax;height:70vmax;animation:5s ease-in-out infinite halo-breathe;position:absolute;bottom:18vh;left:50%;transform:translate(-50%)}@keyframes halo-breathe{0%,to{opacity:.8}50%{opacity:1}}.castle{z-index:2;filter:drop-shadow(0 0 30px #f4d05eb3);justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:16vh;left:50%;transform:translate(-50%)}.castle .tower{background:linear-gradient(#f4d05e,#eebe3c);width:34px;margin:0 3px;position:relative}.castle .tower:before{content:"";border-bottom:22px solid #f4d05e;border-left:17px solid #0000;border-right:17px solid #0000;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.castle .tower:after{content:"";background:#fff7e0;border-radius:5px 5px 0 0;width:10px;height:14px;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 0 8px 2px #fff7e0e6}.castle .t1{height:90px}.castle .t2{height:150px}.castle .t3{width:46px;height:220px}.castle .t3:before{border-bottom:28px solid #f4d05e;border-left:23px solid #0000;border-right:23px solid #0000;top:-28px}.castle-hill{z-index:3;background:radial-gradient(120% 140% at 50% 100%,#1a0f06 0%,#0c0804 70%);border-radius:50% 50% 0 0/18vh 18vh 0 0;width:120%;height:22vh;position:absolute;bottom:0;left:-10%}.castle-title{z-index:4;text-align:center;width:100%;padding:0 1rem;position:absolute;top:14vh;left:50%;transform:translate(-50%)}.scene-outro{background:linear-gradient(#241608 0%,#2c2317 60%,#1a140d 100%);flex-direction:column;gap:2.5rem;padding:8vh 1.5rem}.scroll-hint{z-index:3;color:var(--cream);opacity:.85;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.scroll-hint .arrow{border-bottom:2px solid;border-right:2px solid;width:16px;height:16px;animation:1.8s ease-in-out infinite hint-bob;transform:rotate(45deg)}@keyframes hint-bob{0%,to{opacity:.5;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(4px,4px)}}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.reveal.is-in{opacity:1;transform:translateY(0)}.cta-listen{background:var(--glow);color:var(--nearblack);text-transform:uppercase;letter-spacing:.08em;border:2px solid var(--nearblack);box-shadow:4px 4px 0 var(--tomato);border-radius:9999px;align-items:center;gap:.6rem;padding:1rem 2.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.cta-listen:hover{box-shadow:2px 2px 0 var(--tomato);transform:translate(2px,2px)}.back-link{color:var(--cream);opacity:.75;border-bottom:1px dashed;transition:opacity .2s}.back-link:hover{opacity:1}.video-frame{aspect-ratio:16/9;background:var(--cream);width:100%;max-width:40rem;color:var(--nearblack);text-align:center;border:10px solid #fffdf6;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000004d,0 18px 40px -12px #0009}.video-frame .reel-dots{background:repeating-linear-gradient(90deg,#0000 0 6px,#2c231780 6px 12px);height:14px;position:absolute;top:0;left:0;right:0}.video-frame .reel-dots.bottom{top:auto;bottom:0}.video-frame .play-badge{background:var(--tomato);width:60px;height:60px;color:var(--cream);border-radius:50%;place-items:center;padding-left:4px;font-size:1.5rem;display:grid}@media (prefers-reduced-motion:reduce){.stars:after,.mist,.fire-glow,.flame .f-outer,.flame .f-mid,.flame .f-core,.firefly,.castle-rays,.castle-halo,.scroll-hint .arrow{animation:none!important}.treeline{transform:none!important}.reveal{opacity:1;transition:none;transform:none}.firefly{opacity:.6}}