@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{color-scheme:dark;--bg:#0c2421;--cream:#fcf5dd;--gold:#ecd89c;--muted:#b9c7bb;--line:#d7e3cb2b;--serif:'Lora',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button,a{outline-offset:6px}button:focus-visible,a:focus-visible{outline:2px solid #f8df9a}button{border:0}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button svg,a svg{width:20px;height:20px}button:disabled{cursor:default}button:hover,a:hover{transition:background .2s,color .2s,transform .2s}::selection{background:#e5ca82;color:#15372e}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:13px 20px;background:var(--cream);color:var(--bg)}.skip-link:focus{top:15px}.reading-progress{position:fixed;z-index:31;left:0;top:0;height:2px;width:100%;background:var(--gold);transform:scaleX(var(--progress,0));transform-origin:left;opacity:.7}.header{position:absolute;top:0;left:0;width:100%;z-index:20;padding:31px 4.4vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:27px;letter-spacing:.16em;font-weight:500}.brand>svg{width:27px;height:27px;color:var(--gold);stroke-width:1.1}.brand>span{font-size:9px;line-height:1.8;letter-spacing:.13em;font-weight:400;margin-left:19px;border-left:1px solid var(--line);padding-left:22px;max-width:160px}.header nav{display:flex;gap:35px;align-items:center}.header nav>a{text-decoration:none;font-size:14px;color:#e5e9d8c7;position:relative;padding:8px 0}.header nav>a.active{color:var(--cream)}.header nav>a.active:after{content:'';height:3px;width:3px;border-radius:50%;background:var(--gold);position:absolute;bottom:0;left:calc(50% - 1px)}.header-end{display:flex;gap:20px;text-decoration:none;align-items:center;font-size:14px}.header-end span{font-size:20px;color:var(--gold)}.chapter-nav{position:fixed;left:3.6vw;top:44%;z-index:16;display:flex;align-items:center;flex-direction:column;gap:14px}.chapter-nav>a{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:11px;color:#d0dacf66}.chapter-nav>a i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}.chapter-nav>a.active{color:var(--gold)}.chapter-nav>a.active i{box-shadow:0 0 0 4px #e5d49812}.chapter-nav>div{height:38px;width:1px;background:#e0e9d321;transform:translateX(10px)}main{overflow:clip}.scene-section{position:relative;min-height:950px;min-height:max(800px,105svh);isolation:isolate;display:flex;align-items:center;padding:120px 10.4vw;overflow:hidden}.scene-picture{position:absolute;z-index:-3;inset:-6%;background-image:url('assets/forest.webp');background-position:center;background-size:cover;transform:translate3d(var(--pan-x,0px),var(--scene-y,0px),0) scale(1.02);will-change:transform}.scene-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#07242180,transparent 72%),linear-gradient(0deg,var(--bg),#0c242112 28%,#102a2510 73%,#0c242133)}.hero .scene-shade{background:linear-gradient(90deg,#061e2166,transparent 75%),linear-gradient(0deg,var(--bg),transparent 33%,#0925230a 70%,#061e2199)}.hero-content{padding-top:40px;position:relative;z-index:2;max-width:690px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.19em;font-weight:450;margin:0 0 29px;color:#e7ecd9}.eyebrow>span{height:4px;width:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #d8ebaa45}h1,h2,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.052em;line-height:1.13}h1{font-size:clamp(58px,6.4vw,100px);margin-bottom:26px}h1 em,h2 em{font-weight:400;color:#f5dfac}h1 em{font-size:1.03em}p.intro,.scene-content>p:not(.eyebrow):not(.interaction-note){font-size:17px;line-height:1.85;color:#dce5d3;margin-bottom:32px;text-shadow:0 2px 12px #09262055}.primary-link{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;min-height:54px;border-radius:5px;background:var(--cream);color:#163a31;padding:17px 24px;text-decoration:none;font-size:14px;font-weight:550;box-shadow:0 8px 35px #092c1e20;transition:transform .25s,background .25s}.primary-link:hover{background:#fff9e7;transform:translateY(-3px)}.primary-link svg{width:18px;height:18px}.quiet-note{font-size:12px;line-height:1.5;margin:18px 0 0;color:#d3ddcaab}.encounter{position:absolute;background:transparent;z-index:3;display:flex;align-items:center;flex-direction:column;gap:17px;min-width:100px;min-height:80px;padding:15px;border-radius:20px}.firefly{left:72%;top:44%;animation:float 5s ease-in-out infinite}.firefly-halo{height:24px;width:24px;display:grid;place-items:center;border-radius:50%;background:#ffe8a21f;box-shadow:0 0 0 15px #fff2af0c,0 0 0 30px #fff2af06,0 0 50px #ffeba970;transition:box-shadow .4s}.firefly-halo i{width:9px;height:9px;border-radius:50%;background:#fffbd4;box-shadow:0 0 15px 5px #fcea9dcc;animation:pulse 3s infinite}.firefly:hover .firefly-halo{box-shadow:0 0 0 18px #fff2af21,0 0 0 38px #fff2af0a,0 0 70px #ffeba990}.encounter-label{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:13px;color:#fff6d9;text-shadow:0 2px 15px #092820,0 1px 4px #092820}.encounter-label small{font-size:11px;color:#ece8cbb3}.firefly.discovered{animation:firefly-dance 2s ease-in-out 1,float 6s ease-in-out 2s infinite}.firefly.discovered .firefly-halo{box-shadow:0 0 0 18px #fff2af11,0 0 90px 18px #ffe88970}.hero-caption{position:absolute;right:6%;bottom:175px;display:flex;align-items:flex-start;gap:14px}.caption-rule{width:33px;height:1px;background:#e7ebd580;margin-top:5px}.hero-caption p{font-size:10px;letter-spacing:.12em;margin-bottom:0}.hero-caption small{display:block;font-size:11px;letter-spacing:0;color:#bdcdb9;margin-top:10px}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:14px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);text-decoration:none;font-size:9px;letter-spacing:.15em;color:#d4dfc9}.scroll-mouse{height:28px;width:17px;border:1px solid #d8e1c991;border-radius:9px;display:flex;justify-content:center;padding-top:6px}.scroll-mouse i{height:5px;width:2px;background:var(--gold);border-radius:2px;animation:scroll 2s infinite}.cue-line{height:43px;width:1px;background:linear-gradient(#d3dfc983,transparent)}.edge-label{position:absolute;right:4.3%;bottom:34px;font-size:9px;letter-spacing:.14em;color:#9fbaa49c}.motes{position:absolute;inset:0;pointer-events:none;z-index:-1}.mote{position:absolute;height:3px;width:3px;border-radius:50%;background:#ffe6a4;box-shadow:0 0 10px #ffe6a4;opacity:0;animation:mote-drift var(--duration) var(--delay) linear infinite}.passage{padding:28px 25px 45px;min-height:410px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:29px;background:var(--bg);position:relative;z-index:2}.passage-line{height:53px;width:1px;background:linear-gradient(transparent,#c3d4b930,transparent)}.passage p{font-family:var(--serif);font-size:clamp(23px,2.1vw,32px);line-height:1.6;letter-spacing:-.02em;color:#d0d9c6;margin:20px 0}.passage p em{color:#f3e3b4;font-weight:400}.tiny-star{font-size:28px;color:var(--gold);display:inline-block}.passage-caption{font-size:9px;letter-spacing:.15em;color:#7c9c8c}.scene-content{position:relative;z-index:3;max-width:640px;width:58%;padding:40px 0}.scene-content h2{font-size:clamp(48px,4.5vw,72px);margin-bottom:27px}.grove{min-height:950px}.grove .scene-shade{background:linear-gradient(90deg,#0c2421dc 0%,#0c242150 48%,transparent 80%),linear-gradient(0deg,var(--bg),transparent 30%,transparent 70%,var(--bg))}.grove-light{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 76% 62%,#ffc25e60,transparent 43%);opacity:0;transition:opacity 2s ease;mix-blend-mode:screen}.grove.awake .grove-light{opacity:1}.grove.awake .motes .mote{width:4px;height:4px}.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:17px;padding:14px 20px;min-height:54px;border:1px solid #eee3b95c;background:#153b2c55;border-radius:5px;font-size:14px;color:#f4e9c6;backdrop-filter:blur(10px);transition:background .2s,border-color .2s,transform .2s}.outline-button:hover{background:#f2df9d16;border-color:#eedf9fa6;transform:translateY(-2px)}.button-star{font-size:25px;line-height:.7;color:var(--gold)}.interaction-note{font-size:12px;line-height:1.6;color:#aec5b3;margin:17px 0 0}.mushroom-spot{left:73%;top:61%}.interaction-ring{width:42px;height:42px;border:1px solid #f4e3b580;display:grid;place-items:center;border-radius:50%;font-size:22px;font-weight:400;background:#163b3070;box-shadow:0 0 0 8px #f4e3b509;backdrop-filter:blur(6px);transition:background .3s,box-shadow .3s}.encounter:hover .interaction-ring{background:#f4e3b522;box-shadow:0 0 0 15px #f4e3b509}.encounter.discovered .interaction-ring{color:var(--gold);background:#e4c66829;border-color:var(--gold)}.scene-number{font-family:var(--serif);font-size:170px;position:absolute;left:10.4%;bottom:90px;color:#d5e7c209;line-height:1;letter-spacing:-.04em;pointer-events:none}.scene-next-link{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);text-decoration:none;font-size:12px;color:#c9d7bf;display:flex;align-items:center;gap:18px;white-space:nowrap}.scene-next-link span{font-size:21px;color:var(--gold)}.small-passage{min-height:320px;padding:15px 25px;gap:10px}.pond{min-height:950px}.pond .scene-shade{background:linear-gradient(90deg,#0c2421cf,#0c242125 80%),linear-gradient(0deg,var(--bg),transparent 33%,transparent 70%,var(--bg))}.pond .scene-content{max-width:530px}.water-spot{left:70%;top:66%}.ripples{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.ripple{position:absolute;left:var(--x,76%);top:var(--y,72%);width:60px;height:30px;border:1px solid #f3f5c8c4;border-radius:50%;transform:translate(-50%,-50%);animation:ripple 3s ease-out forwards;box-shadow:0 0 10px #c1eed42e}.ending{padding:130px 24px 125px;text-align:center;position:relative;isolation:isolate;min-height:760px;display:grid;place-items:center}.ending-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 70%,#314f3829,transparent 65%)}.ending .eyebrow{justify-content:center;font-size:10px;color:#a7beab;margin-bottom:28px}.ending h2{font-size:clamp(50px,5.7vw,84px);margin-bottom:25px}.ending>div>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#afc4b1}.keepsakes{display:flex;align-items:center;justify-content:center;gap:25px;margin:39px 0 36px}.keepsakes>span{display:flex;align-items:center;gap:9px;color:#799784;font-size:12px}.keepsakes i{font-style:normal;font-size:20px;color:#668c74}.keepsakes>span.found{color:#eee2b9}.keepsakes>span.found i{color:#f1d288;text-shadow:0 0 16px #d9b6615c}.ending-link{background:#eadba8;color:#15372d}.footer{border-top:1px solid #d6e5c816;padding:35px 4.4vw 125px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:24px}.footer p{font-size:13px;color:#9db6a3;margin:0}.footer>span{font-size:9px;letter-spacing:.12em;color:#709580}.experience-dock{display:flex;align-items:center;gap:18px;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:22;padding:12px 15px 12px 19px;border:1px solid #ecf0cf22;border-radius:50px;background:#102b25e8;box-shadow:0 10px 40px #0818123d;backdrop-filter:blur(20px)}.experience-dock button{background:none;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;padding:4px 0;color:#ccdbc5}.experience-dock button:hover{color:var(--cream)}.dock-star{font-size:22px;color:var(--gold);line-height:.7}.dock-divider{height:17px;width:1px;background:#d6e5c526}#motion-button{width:27px;min-height:25px;justify-content:center;border-left:1px solid #d6e5c526;padding-left:12px;margin-left:-2px}#motion-button svg{width:17px;height:17px;flex-shrink:0}.sound-bars{height:13px;display:flex;align-items:center;gap:2px;width:16px}.sound-bars i{height:3px;width:2px;background:#e0dbad;border-radius:1px}.sound-on .sound-bars i{animation:equalize .8s ease-in-out infinite alternate}.sound-bars i:nth-child(2){animation-delay:-.3s}.sound-bars i:nth-child(3){animation-delay:-.6s}.sound-bars i:nth-child(4){animation-delay:-.1s}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,12px);border:1px solid #e3d4a549;border-radius:8px;background:#163829ed;backdrop-filter:blur(15px);font-size:14px;color:#f8edc9;padding:16px 22px;z-index:30;text-align:center;max-width:calc(100vw - 36px);width:max-content;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;box-shadow:0 5px 30px #06201750}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{color:var(--cream);background:#173b31;border:1px solid #e6ddaf33;border-radius:14px;width:min(510px,calc(100% - 32px));max-height:88svh;padding:45px 35px;box-shadow:0 25px 100px #0007}dialog::backdrop{background:#041a16b8;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:14px;top:13px;font-size:27px;line-height:1;width:32px;height:32px;background:none;color:#d8e3c9}.dialog-close:hover{background:#ffffff0a;border-radius:50%}dialog .eyebrow{font-size:10px;color:#cfce9d;margin:0 0 20px}dialog h2{font-size:42px;margin-bottom:20px}dialog>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#c0d1b9}dialog ul{list-style:none;padding:0;margin:25px 0 30px}dialog li{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #cadbba1c}dialog li>span{font-size:25px;color:#7da08a}dialog li.found>span{color:var(--gold)}dialog li div{display:flex;flex-direction:column;gap:6px}dialog li b{font-size:15px;font-weight:500}dialog li small{font-size:12px;color:#adc4ac}dialog li a{margin-left:auto;font-size:13px;color:var(--gold);text-underline-offset:4px}.dialog-done{width:100%}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.3,1)}.motion-ready .reveal.visible{opacity:1;transform:none}.paused *, .paused *:before,.paused *:after{animation:none!important;transition:none!important}.paused{scroll-behavior:auto}.paused .scene-picture{transform:none!important}.paused .mote{display:none}.paused .reveal{opacity:1;transform:none}.paused .ripple{opacity:.7;transform:translate(-50%,-50%) scale(3)}
@keyframes float{50%{transform:translate(8px,-13px)}}@keyframes pulse{50%{box-shadow:0 0 25px 9px #fcea9d99}}@keyframes scroll{0%,100%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@keyframes mote-drift{0%{opacity:0;transform:translate(0,25px)}20%{opacity:.7}80%{opacity:.35}100%{opacity:0;transform:translate(30px,-100px)}}@keyframes firefly-dance{25%{transform:translate(50px,-50px)}60%{transform:translate(-35px,-20px)}85%{transform:translate(-5px,15px)}}@keyframes ripple{from{opacity:.8;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(10)}}@keyframes equalize{from{height:3px}to{height:13px}}
@media(min-width:1600px){.header{padding:40px 5.5vw}.scene-section{padding-left:12vw}.hero-content{max-width:850px}h1{font-size:112px}.scene-content h2{font-size:80px}.hero .scene-picture{background-position:center 60%}}
@media(max-width:1100px){.brand>span{display:none}.scene-section{padding-left:11vw;padding-right:7vw}.header nav{gap:25px}.scene-content{width:65%}.hero-content{max-width:650px}.hero-caption{right:5%;bottom:140px}.hero-caption small{max-width:180px;line-height:1.6}.edge-label{display:none}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{padding:25px 23px}.brand{font-size:24px;gap:9px}.brand>svg{width:25px;height:25px}.header nav{display:none}.header-end{font-size:13px;gap:12px}.chapter-nav{left:auto;right:18px;top:44%;gap:14px}.chapter-nav>a{gap:0;min-width:20px;min-height:20px;justify-content:center}.chapter-nav>a span{display:none}.chapter-nav>a i{width:4px;height:4px}.chapter-nav>div{height:24px;transform:none}.scene-section{min-height:950px;min-height:max(800px,106svh);padding:120px 25px;align-items:center}.hero{align-items:flex-start;padding-top:185px;min-height:max(880px,107svh)}.hero-content{padding-top:0;max-width:calc(100% - 22px)}.eyebrow{font-size:9px;letter-spacing:.12em;gap:7px;margin-bottom:22px}h1{font-size:clamp(48px,10.2vw,75px);line-height:1.17;letter-spacing:-.06em;margin-bottom:20px}h1 em{font-size:1em}.intro,p.intro,.scene-content>p:not(.eyebrow):not(.interaction-note){font-size:15px;line-height:1.85;margin-bottom:25px}.hero .scene-picture{background-position:57% center;inset:-3% -32%;background-size:auto 100%}.hero .scene-shade{background:linear-gradient(0deg,var(--bg),#0c242100 28%,#0c242144 50%,#071f25ad 100%),linear-gradient(90deg,#0b272040,#0b272010)}.primary-link{font-size:13px;padding:16px 20px;gap:27px;min-height:52px}.quiet-note{font-size:11px;margin-top:17px;max-width:230px}.firefly{top:auto;bottom:155px;left:60%;padding:10px;gap:18px}.firefly .encounter-label{font-size:12px}.firefly .encounter-label small{font-size:10px}.firefly-halo{height:20px;width:20px}.hero-caption{display:none}.scroll-cue{font-size:8px;gap:12px}.scroll-mouse{height:25px;width:15px}.cue-line{height:28px}.passage{min-height:340px;padding:35px 25px;gap:18px}.passage p{font-size:22px;line-height:1.7}.passage-caption{font-size:8px;line-height:1.8;max-width:260px;display:block;margin:auto}.passage-line{height:38px}.scene-content{width:100%;max-width:calc(100% - 15px);padding:0}.scene-content h2{font-size:clamp(39px,9vw,62px);line-height:1.2}.grove,.pond{min-height:900px;align-items:flex-start;padding-top:120px}.grove .scene-picture,.pond .scene-picture{inset:-5% -30%;background-position:67% center}.grove .scene-shade,.pond .scene-shade{background:linear-gradient(0deg,var(--bg),transparent 30%,#0c242155 55%,var(--bg)),linear-gradient(90deg,#0c242190,transparent)}.outline-button{font-size:13px;min-height:52px;padding:14px 18px}.interaction-note{font-size:11px;margin-top:15px}.mushroom-spot{left:63%;top:65%}.water-spot{left:60%;top:67%}.encounter-label{font-size:11px}.interaction-ring{width:38px;height:38px}.scene-number{left:25px;bottom:100px;font-size:130px}.scene-next-link{font-size:11px;bottom:55px;gap:13px}.small-passage{min-height:270px}.ending{min-height:690px;padding:100px 25px}.ending .eyebrow{font-size:8px;letter-spacing:.08em;line-height:1.8}.ending h2{font-size:clamp(45px,10.3vw,66px)}.ending>div>p:not(.eyebrow){font-size:14px;line-height:1.9}.keepsakes{gap:14px;margin:33px 0}.keepsakes>span{font-size:10px;gap:6px}.keepsakes i{font-size:17px}.footer{padding:30px 25px 120px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.footer-brand{font-size:22px}.footer p{font-size:11px}.footer>span{font-size:8px;width:100%}.experience-dock{bottom:19px;gap:12px;padding:11px 15px;max-width:calc(100vw - 26px)}.experience-dock button{font-size:10px;gap:7px}.dock-star{font-size:20px}#motion-button{padding-left:10px;width:25px;margin-left:0}.toast{bottom:85px;font-size:12px;line-height:1.7;padding:13px 17px;max-width:calc(100vw - 35px)}dialog{padding:40px 25px}dialog h2{font-size:37px}dialog .eyebrow{font-size:8px}.dialog-done{font-size:13px}}
@media(max-width:370px){h1{font-size:43px}.scene-content h2{font-size:37px}.keepsakes{gap:10px}.keepsakes>span{font-size:9px}.hero{padding-top:170px}.experience-dock{gap:10px}.experience-dock button{font-size:9px}.footer p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-picture{transform:none!important}.mote{display:none}.motion-ready .reveal{opacity:1;transform:none}}

.grove-picture{background-image:url('assets/glade.webp')}.pond-picture{background-image:url('assets/pond.webp')}

.creator{display:flex;flex-direction:column;align-items:center;gap:12px}.creator>span{font-size:12px;letter-spacing:.08em;color:#9db6a3}.creator>a{font-size:16px;text-decoration:none;color:#ede3bb;display:flex;gap:16px}.creator>a:hover{text-decoration:underline;text-underline-offset:5px}.creator>a.contact-email{font-size:13px;color:#9db6a3}.footer>span{max-width:200px;text-align:right;line-height:1.7}
.grove-picture{filter:brightness(.67) saturate(.65);transition:filter 1.8s ease}.grove.awake .grove-picture{filter:brightness(1.08) saturate(1.12)}
.brand>span,.eyebrow,.chapter-nav>a,.hero-caption p,.hero-caption small,.scroll-cue,.edge-label,.passage-caption,.ending .eyebrow,.footer>span,dialog .eyebrow{font-size:12px}
.brand>span{max-width:185px;font-size:10px}.hero-caption small{font-size:12px;line-height:1.6;max-width:250px}.header .brand>span{max-width:160px}.footer>span{font-size:12px}
@media(max-width:1100px){.header{gap:25px}.header nav{gap:22px}.creator>span{font-size:11px}.footer>span{font-size:11px}}
@media(max-width:760px){.eyebrow,.quiet-note,.encounter-label,.firefly .encounter-label,.firefly .encounter-label small,.scroll-cue,.passage-caption,.interaction-note,.scene-next-link,.ending .eyebrow,.keepsakes>span,.footer>span,.experience-dock button,dialog .eyebrow{font-size:12px}.eyebrow{letter-spacing:.08em}.intro,p.intro,.scene-content>p:not(.eyebrow):not(.interaction-note),.ending>div>p:not(.eyebrow){font-size:16px}.quiet-note{max-width:260px}.passage-caption{max-width:310px;line-height:1.9;letter-spacing:.07em}.ending .eyebrow{max-width:300px;margin-left:auto;margin-right:auto;line-height:1.8}.keepsakes{gap:12px;flex-wrap:wrap}.scene-next-link{max-width:calc(100% - 65px);white-space:normal;text-align:center;line-height:1.6}.footer{justify-content:center;gap:28px;text-align:center}.creator{width:100%;gap:13px}.creator>span{font-size:10px}.creator>a{font-size:15px}.creator>a.contact-email{font-size:13px}.footer>span{max-width:none;text-align:center;font-size:11px}.experience-dock{gap:11px;padding:12px 14px}.experience-dock button{font-size:11px}.hero .scene-shade{background:linear-gradient(0deg,var(--bg),#0c242100 28%,#0c242155 50%,#071f25ba 100%),linear-gradient(90deg,#0b272054,#0b272010)}}
@media(max-width:360px){.experience-dock{gap:9px;padding-left:12px;padding-right:12px}.experience-dock button{font-size:10px}.scene-content h2{font-size:37px}.keepsakes>span{font-size:11px}}