:root{--paper:#f6f3ed;--ink:#363c37;--muted:#8d8c80;--accent:#948066}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.paper{position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23958a70' opacity='.16' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:7}.halo{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 44%,#fffdf9,transparent 65%);pointer-events:none}#story{height:1800vh;height:1800svh}#stage,#trails{position:fixed;inset:0;pointer-events:none}#stage{z-index:2}#stage canvas{display:block;width:100%;height:100%}#trails{z-index:3}header,footer{position:fixed;left:4.4vw;right:4.4vw;display:flex;align-items:center;justify-content:space-between;z-index:10}header{top:35px;transition:opacity .5s}.wordmark{font:italic 22px Georgia,serif;letter-spacing:-.7px}.wordmark span{font-size:13px;color:var(--accent);margin-left:5px}.edition{font-size:9px;letter-spacing:2.4px;color:var(--muted)}footer{bottom:26px}.tools{display:flex;gap:14px}.tools button{border:0;background:transparent;color:#777d70;width:27px;height:30px;font-size:21px}.scene{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;will-change:opacity,transform;z-index:4}.opening{padding-bottom:20px}.opening button{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:4px;color:var(--accent);margin:0 0 25px;font-weight:500}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.7px;margin:0;font-size:clamp(40px,5.4vw,82px);line-height:1.12}h2 i{font-weight:400;color:#7b826e}.intro{font-family:Georgia,serif;font-size:16px;color:#888a7e;margin-top:25px}.emblem{width:60px;height:50px;margin-bottom:32px;fill:none;stroke:#9a8a70;stroke-width:.9}#start{margin-top:27px;border:1px solid #b7b8a7;background:transparent;border-radius:100px;padding:17px 24px;min-width:143px;color:var(--ink);font-size:12px;transition:background .4s,transform .4s;display:flex;justify-content:space-between;gap:40px;align-items:center}#start span{font-size:18px;color:var(--accent)}#start:hover{background:#eae8dd;transform:translateY(-3px)}.quiet{font-size:10px;letter-spacing:.3px;color:#a19f92;margin:24px 0 0}.journey,.holding,.ending{opacity:0}.journey h2{font-size:clamp(36px,4.8vw,70px)}.holding{justify-content:flex-end;padding-bottom:13vh}.holding .eyebrow{margin-bottom:16px}.holding h2{font-size:clamp(29px,3.4vw,50px);line-height:1.12;letter-spacing:-1.4px}.star{font-size:20px;color:#9b8c70;margin-top:20px}.ending h2{font-size:clamp(45px,7vw,100px)}.end-star{font-size:40px;color:#a49477;margin-bottom:34px}.end-note{font:italic 19px Georgia,serif;color:#8e917f;margin-top:27px}.scroll-cue{display:flex;align-items:center;gap:17px}#cue{font-size:8px;letter-spacing:2.1px;color:var(--muted)}.track{width:60px;height:1px;background:#d9d6cb;overflow:hidden}#progress{display:block;background:#948066;width:100%;height:100%;transform:scaleX(0);transform-origin:left}#panel{position:fixed;right:4.5vw;bottom:78px;width:340px;max-width:90vw;padding:24px;background:#fffdf8f5;box-shadow:0 10px 65px #3d402017;border:1px solid #dedcd0;border-radius:5px;z-index:20;backdrop-filter:blur(20px)}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:var(--accent)}.panel-top button{border:0;background:none;font-size:23px;color:#878879}#panel p{font-size:12px;line-height:1.7;color:#777d6d;margin:17px 0 20px}.key-row{display:flex;gap:14px;align-items:center;margin:12px 0;font-size:11px;color:#616858}kbd{font:11px Arial;border:1px solid #dad9ce;border-radius:4px;width:25px;height:24px;display:grid;place-items:center;background:#f5f3eb}.panel-button{display:flex;justify-content:space-between;width:100%;border:1px solid #c6c7b9;border-radius:4px;padding:12px;margin-top:24px;background:#efeee5;color:#495041;font-size:12px}.panel-reset{width:100%;background:none;border:0;padding:14px;color:#757a69;font-size:11px}.model-download{font-size:10px;color:#999b8c;text-align:center;display:block;padding:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#error{position:fixed;inset:0;background:var(--paper);z-index:30;text-align:center;padding-top:40vh}#error p{font-size:14px}@media(max-width:650px){header{top:26px}.edition{font-size:7px;letter-spacing:1.4px}.wordmark{font-size:19px}h1{font-size:39px;letter-spacing:-1.5px}.eyebrow{letter-spacing:3px}.holding{padding-bottom:21vh}.emblem{margin-bottom:28px}.intro{font-size:14px}.ending h2{font-size:49px;letter-spacing:-2px}}@media(max-height:650px) and (min-width:651px){.emblem{height:32px;margin-bottom:18px}.eyebrow{margin-bottom:17px}h1{font-size:57px}.intro{margin-top:15px}#start{margin-top:13px}.quiet{margin-top:16px}.holding{padding-bottom:11vh}.holding h2{font-size:35px}.star{margin-top:12px}}

.verse{opacity:0;padding:0 6vw}.verse h2{font-size:clamp(35px,4.7vw,70px);line-height:1.19;letter-spacing:-2px}.verse-number{position:absolute;top:21vh;font:10px Georgia,serif;letter-spacing:3px;color:#b3ab99}.verse-note{font:italic 16px Georgia,serif;color:#939080;margin-top:30px}.verse:after{content:'';position:absolute;bottom:20vh;width:1px;height:35px;background:linear-gradient(#b8ab8b,transparent)}.holding{padding-bottom:11vh}.halo{transition:background 1s}#stage{filter:drop-shadow(0 28px 23px #49402d12)}@media(max-width:650px){.verse h2{font-size:35px;letter-spacing:-1px}.verse-note{font-size:14px}.verse-number{top:19vh}.holding{padding-bottom:18vh}}body[data-motion=reduced] #stage{filter:none}

.ending h2{font-size:clamp(40px,6.4vw,92px)}.ending .end-note{font-size:clamp(27px,3vw,43px);color:#718796;letter-spacing:-.7px;margin-top:25px}.ending .end-star{color:#9caeaf}@media(max-width:650px){.ending h2{font-size:44px;max-width:90vw;line-height:1.15}.ending .end-note{font-size:32px}}

.tools .motion-button{width:auto;min-width:90px;font-size:10px;letter-spacing:.1px;padding:0 8px;color:#777d70}.motion-button[aria-pressed=false]{border:1px solid #c9c5b7;border-radius:20px;background:#fff9}#panel #motion-status{font-size:11px;color:#7a8073}#motion-panel{margin-top:0;margin-bottom:20px;justify-content:center}@media(max-width:650px){.tools{gap:7px}.tools .motion-button{font-size:9px;min-width:78px}}

#aura{position:fixed;inset:0;z-index:1;pointer-events:none}