@font-face{font-family:Timeless Serif;src:url(../fonts/timeless/TimelessSerif-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Timeless Serif;src:url(../fonts/timeless/TimelessSerif-RegularItalic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Timeless Sans;src:url(../fonts/timeless/TimelessSans-SansRegular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Timeless Sans;src:url(../fonts/timeless/TimelessSans-SansMedium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--bg:9, 8, 7;--paper:246, 241, 233;--gold:220, 191, 146;--tone:150, 118, 86;--ui:1;--up:max(1, var(--ui));--edge:clamp(22px, 3.2vw, calc(46px * var(--up)));--serif:"Timeless Serif", Georgia, "Times New Roman", serif;--sans:"Timeless Sans", system-ui, sans-serif;--tip-shade:0 0 2px #0000004d, 0 0 10px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:rgb(var(--bg))}body{color:rgb(var(--paper));font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}html.js,html.js body{overscroll-behavior:none;height:100%;overflow:hidden}html.js body{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none}html.js .chapter :is(h1,h2,p){-webkit-user-select:text;user-select:text}a{color:inherit}::selection{background:rgba(var(--gold), .35)}:focus-visible{outline:1.5px solid rgba(var(--paper), .65);outline-offset:3px}#backdrop{z-index:0;background:radial-gradient(80vmax 46vmax at 50% -12%, #ffeacc05, #ffeacc00 70%), rgb(var(--bg));position:fixed;inset:0;overflow:hidden}#backdrop .glow{background:radial-gradient(46vmax 38vmax at 50% 50%, rgba(var(--tone), .14), rgba(var(--tone), .04) 48%, rgba(var(--tone), 0) 100%);width:92vmax;height:76vmax;margin:-38vmax 0 0 -46vmax;position:absolute;top:0;left:0;transform:translate(50vw,38vh)}#backdrop .glow+.glow{opacity:0}#gallery{z-index:1;width:100%;height:100%;display:block;position:fixed;inset:0}#veil{--vw:100vw;--vh:100vh;z-index:2;width:calc(2 * var(--vw));height:calc(2 * var(--vh));margin:calc(-1 * var(--vh)) 0 0 calc(-1 * var(--vw));pointer-events:none;background:radial-gradient(calc(1.2 * var(--vw)) calc(.95 * var(--vh)) at 50% 50%, #0000 42%, #0000008c 100%);position:fixed;top:0;left:0;transform:translate(50vw,38vh)}html:not(.js) :is(#backdrop,#gallery,#band,#veil,#caption,#reframe,#rail,#hint,#loader){display:none}#top{z-index:7;padding:max(14px, calc(18px * var(--ui)), env(safe-area-inset-top)) max(var(--edge), env(safe-area-inset-right)) 0 max(var(--edge), env(safe-area-inset-left));pointer-events:none;--name:max(24px, calc(30px * var(--ui)));justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}html.portrait #top{--name:calc(26px * var(--ui))}#mark{font:400 var(--name)/1 var(--serif);white-space:nowrap;color:rgba(var(--paper), .96);text-shadow:0 1px 10px #00000059;pointer-events:auto;transform-origin:0 0;text-decoration:none;display:block}html.js #mark:not(.placed){visibility:hidden}:is(#mark,#caption .title){--pad:.5em;padding:var(--pad);margin:calc(-1 * var(--pad))}#mark:focus-visible{outline-offset:calc(3px - var(--pad))}:is(#mark,#caption .title).writing{--w:calc(100% - 2 * var(--pad));-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--pad) + (var(--in,1.25) - .25) * var(--w)), #0000 calc(var(--pad) + var(--in,1.25) * var(--w)));-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--pad) + (var(--in,1.25) - .25) * var(--w)), #0000 calc(var(--pad) + var(--in,1.25) * var(--w)));mask-image:linear-gradient(90deg, #000 calc(var(--pad) + (var(--in,1.25) - .25) * var(--w)), #0000 calc(var(--pad) + var(--in,1.25) * var(--w)))}#top .end{top:calc(.096 * var(--name));align-items:center;gap:calc(8px * var(--up));display:flex;position:relative}#top .pill{height:calc(38px * var(--up));padding:0 calc(17px * var(--up));font-size:calc(13px * var(--up));pointer-events:auto}html.js #walk{opacity:0;pointer-events:none;transition:opacity .8s ease, var(--glass-transition)}html.js #walk.on{opacity:1;pointer-events:auto}html:not(.js) .pill:not(.lg){box-shadow:inset 0 0 0 1px rgba(var(--paper), .35)}#walk{text-shadow:none}#walk.lg{background-color:rgba(var(--lg-tint), var(--lg-fill,var(--lg-rest)))}@media (hover:hover){#walk.lg:hover{background-color:rgba(var(--lg-tint), .97)}}html:not(.js) #walk{box-shadow:none;color:rgb(var(--ink-selected,42, 37, 33));background:#ffffffd9}.pill{appearance:none;justify-content:center;align-items:center;gap:calc(8px * var(--up));height:calc(42px * var(--up));padding:0 calc(19px * var(--up));font:500 calc(13.5px * var(--up))/1 var(--sans);letter-spacing:.01em;white-space:nowrap;color:rgba(var(--ink,255, 255, 255), .94);text-shadow:0 0 2px #0000004d,0 0 10px #00000059;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:var(--glass-transition);background:0 0;border:0;border-radius:999px;text-decoration:none;display:inline-flex}@media (hover:hover){.pill.lg:hover{background-color:rgba(var(--lg-tint), calc(var(--lg-fill,var(--lg-rest)) + .14))}}.chapter{max-width:calc(640px * var(--up))}.chapter :is(h1,h2){font-family:var(--serif);letter-spacing:-.012em;text-wrap:balance;color:rgb(var(--paper));margin:0;font-weight:400;line-height:1.06}.chapter h1{font-size:max(26px, calc(46px * var(--ui)))}.chapter h2{font-size:max(24px, calc(40px * var(--ui)))}.chapter p.say{margin:max(10px, calc(16px * var(--ui))) 0 0;max-width:36ch;font-size:max(13.5px, calc(17px * var(--ui)));color:rgba(var(--paper), .7);text-wrap:pretty;line-height:1.55}.fine{margin:calc(22px * var(--ui)) 0 0;max-width:48ch;font-size:max(10.5px, calc(11.5px * var(--ui)));color:rgba(var(--paper), .42);line-height:1.55}.chapter .ln{white-space:nowrap}.chapter :is(h1,h2) .ln{margin-bottom:-.25em;padding-bottom:.25em}.chapter .nb{white-space:nowrap}html:not(.js) #story{max-width:720px;margin:0 auto;padding:120px 24px}html:not(.js) .chapter{margin-bottom:120px}html.js #story{z-index:3;pointer-events:none;position:fixed;inset:0}html.js .chapter{top:clamp(92px, 18vh, calc(210px * var(--up)));width:min(30vw, calc(470px * var(--up)));visibility:hidden;pointer-events:auto;position:absolute;left:63.5vw}html.js .chapter.on{visibility:visible}html.stage{--edge:max(clamp(22px, 3.2vw, calc(46px * var(--up))), calc(clamp(8px, .9vw, calc(16px * var(--up))) + 32px * var(--up)))}html.stage .chapter{top:auto;bottom:max(var(--edge), env(safe-area-inset-bottom));left:max(var(--edge), env(safe-area-inset-left));width:min(54vw, calc(780px * var(--up)));max-width:none}html.stage .chapter p.say{max-width:56ch}html.portrait .chapter,html.portrait .chapter.hero{top:auto;left:max(var(--edge), env(safe-area-inset-left));right:max(var(--edge), env(safe-area-inset-right));bottom:max(calc(28px * var(--up)), calc(env(safe-area-inset-bottom) + 12px));text-align:left;width:auto;translate:none}html.portrait .chapter h1{font-size:clamp(27px, 7.4vw, calc(40px * var(--ui)))}html.portrait .chapter h2{font-size:clamp(25px, 6.8vw, calc(36px * var(--ui)))}html.portrait .chapter p.say{margin-top:calc(12px * var(--ui));font-size:calc(14.5px * var(--ui));line-height:1.5}html.portrait .chapter :is(h1,h2,p){text-shadow:0 1px 18px rgba(var(--bg), .9)}html.portrait .pill{height:calc(40px * var(--up));padding:0 calc(16px * var(--up));font-size:calc(13px * var(--up))}html.portrait .fine{margin-top:calc(16px * var(--ui));font-size:calc(11px * var(--ui))}#caption{z-index:4;color:rgba(var(--paper), .92);pointer-events:none;justify-items:start;gap:2px;display:grid;position:fixed;top:0;left:0}#caption .title{font:italic 400 max(17px, calc(22px * var(--ui)))/1.15 var(--serif);text-shadow:0 1px 6px #0006}html.portrait #caption .title{font-size:calc(19px * var(--ui))}#caption .meta{font-size:max(11px, calc(12px * var(--ui)));letter-spacing:.02em;color:rgba(var(--paper), .5);margin-top:2px}html.stage #caption{max-width:calc(320px * var(--ui))}html.stage #caption .title{text-wrap:balance}#reframe{z-index:4;opacity:0;visibility:hidden;position:fixed;top:0;left:0}#reframe.on{visibility:visible}#band{display:none}html.stage #band{--ramp:calc(var(--band-edge) * 1px * var(--ui));z-index:2;pointer-events:none;height:100vh;display:block;position:fixed;top:0;left:0;right:0;transform:translateY(72vh)}#band i,#band:after{opacity:0;transition:opacity 1.6s;position:absolute;inset:0}html.ready #band i,html.ready #band:after{opacity:1}#band i[hidden]{display:none}#band i:first-child{-webkit-backdrop-filter:blur(calc(var(--band-blur-top) * 1px * var(--ui))) saturate(var(--band-saturation));backdrop-filter:blur(calc(var(--band-blur-top) * 1px * var(--ui))) saturate(var(--band-saturation));-webkit-mask-image:linear-gradient(#0000, #000 calc(var(--ramp) * .5));-webkit-mask-image:linear-gradient(#0000, #000 calc(var(--ramp) * .5));mask-image:linear-gradient(#0000, #000 calc(var(--ramp) * .5))}#band i:nth-child(2){-webkit-backdrop-filter:blur(calc(var(--band-blur-middle) * 1px * var(--ui)));backdrop-filter:blur(calc(var(--band-blur-middle) * 1px * var(--ui)));-webkit-mask-image:linear-gradient(#0000 calc(var(--ramp) * .25), #000 calc(var(--ramp) * .8));-webkit-mask-image:linear-gradient(#0000 calc(var(--ramp) * .25), #000 calc(var(--ramp) * .8));mask-image:linear-gradient(#0000 calc(var(--ramp) * .25), #000 calc(var(--ramp) * .8))}#band i:nth-child(3){-webkit-backdrop-filter:blur(calc(var(--band-blur-deep) * 1px * var(--ui)));backdrop-filter:blur(calc(var(--band-blur-deep) * 1px * var(--ui)));-webkit-mask-image:linear-gradient(#0000 calc(var(--ramp) * .5), #000 var(--ramp));-webkit-mask-image:linear-gradient(#0000 calc(var(--ramp) * .5), #000 var(--ramp));mask-image:linear-gradient(#0000 calc(var(--ramp) * .5), #000 var(--ramp))}#band:after{content:"";background:linear-gradient(90deg, rgba(var(--bg), var(--band-dim-left)), rgba(var(--bg), var(--band-dim-middle)) 45%, rgba(var(--bg), var(--band-dim-right)) 85%);-webkit-mask-image:linear-gradient(#0000, #000 var(--ramp));-webkit-mask-image:linear-gradient(#0000, #000 var(--ramp));mask-image:linear-gradient(#0000, #000 var(--ramp))}@media (prefers-reduced-transparency:reduce){html #band:after{background:rgba(var(--bg), .9)}}#rail{z-index:8;left:max(clamp(8px, .9vw, calc(16px * var(--up))), env(safe-area-inset-left));opacity:0;transition:opacity 1s;display:grid;position:fixed;top:50%;translate:0 -50%}html.ready #rail{opacity:1}#rail button{appearance:none;width:calc(30px * var(--up));height:calc(15px * var(--up));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center start;padding:0;display:grid}#rail i{width:calc(8px * var(--up));height:calc(1.5px * var(--up));background:rgba(var(--paper), .36);border-radius:1px;transition:width .7s cubic-bezier(.2,.8,.2,1),background-color .4s;display:block;box-shadow:0 0 2px #00000059,0 0 8px #0006}#rail button:hover i{width:calc(14px * var(--up));background:rgba(var(--paper), .7)}#rail button[aria-current=step] i{width:calc(22px * var(--up));background:rgba(var(--paper), .95)}html.portrait #rail{display:none}#hint{z-index:6;left:max(var(--edge), env(safe-area-inset-left));bottom:max(calc(20px * var(--up)), env(safe-area-inset-bottom));align-items:center;gap:calc(12px * var(--up));font:500 calc(10.5px * var(--up))/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--paper), .55);pointer-events:none;opacity:0;margin:0;transition:opacity .9s;display:flex;position:fixed}#hint.on{opacity:1}#hint .line{width:1px;height:calc(38px * var(--up));background:rgba(var(--paper), .16);position:relative;overflow:hidden}#hint .line:after{content:"";background:linear-gradient(rgba(var(--paper), 0), rgba(var(--paper), .95));width:1px;height:40%;animation:2.2s cubic-bezier(.6,0,.3,1) infinite hint-fall;position:absolute;top:0;left:0;transform:translateY(-100%)}#hint:not(.on) .line:after{animation-play-state:paused}@keyframes hint-fall{to{transform:translateY(250%)}}html.portrait #hint{display:none}html.stage #hint{left:50%;translate:-50%}@media (orientation:landscape) and (height<=540px){html.js:not(.portrait):not(.stage) .chapter{top:max(66px, calc(env(safe-area-inset-top) + 56px))}html:not(.portrait) .pill{height:36px;padding:0 15px;font-size:12.5px}#hint{display:none}}#loader{z-index:6;background:rgb(var(--bg));position:fixed;inset:0}@media (prefers-reduced-motion:reduce){#hint .line:after{animation:none;transform:translateY(75%)}}:root{--glass-transition:background-color .4s ease;--lg-shadow-rgb:30, 24, 18;--ink-selected:42, 37, 33}.lg{--ink:var(--lg-ink);--face:var(--lg-tint)}#tip{z-index:25;align-items:center;gap:calc(6px * var(--up,1));padding:calc(7px * var(--up,1)) calc(10px * var(--up,1));font:500 calc(12px * var(--up,1))/1 var(--sans);text-shadow:var(--tip-shade,none);letter-spacing:.01em;white-space:nowrap;color:rgba(var(--ink), .9);pointer-events:none;opacity:0;translate:0 calc(3px * var(--up,1));transition:opacity .12s ease, translate .2s ease, var(--glass-transition);border-radius:999px;display:flex;position:fixed;top:0;left:0}#tip.below{translate:0 calc(-3px * var(--up,1))}#tip.on{opacity:1;transition:opacity .16s ease, translate .3s cubic-bezier(.2, .9, .3, 1), var(--glass-transition);translate:0}#tip .tip-key{margin:calc(-2px * var(--up,1)) calc(-4px * var(--up,1)) calc(-2px * var(--up,1)) 0;padding:calc(2px * var(--up,1)) calc(5px * var(--up,1));border-radius:calc(5px * var(--up,1));font:inherit;color:rgba(var(--ink), .6);background:rgba(var(--ink), .08)}#tip .tip-key[hidden]{display:none}@media (prefers-reduced-motion:reduce){#tip,#tip.below,#tip.on{translate:none}}.glass-cursor,.glass-cursor :not([data-ui],[data-ui] *),.glass-cursor [data-lens],.glass-cursor [data-lens] :not([data-pointer],[data-pointer] *){cursor:none!important}.glass-cursor [data-ui]{cursor:default}.glass-cursor [data-pointer]{cursor:auto}#glass-at{pointer-events:none;z-index:20;opacity:0;will-change:transform;width:0;height:0;transition:opacity .2s;position:fixed;top:0;left:0}#glass-at.on{opacity:1}#glass{border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){#glass{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000}}#glass-at .chev{--a:0;width:22px;height:22px;position:absolute;top:-11px;left:-11px}#glass-at .chev>*{opacity:var(--a);position:absolute;inset:0;overflow:visible}#glass-at .chev-glass{clip-path:path("M2.75 0H19.25A2.75 2.75 0 0 1 22 2.75V19.25A2.75 2.75 0 0 1 16.5 19.25V5.5H2.75A2.75 2.75 0 0 1 2.75 0Z");-webkit-backdrop-filter:saturate(var(--chev-saturate)) brightness(var(--chev-brightness)) contrast(var(--chev-contrast));backdrop-filter:saturate(var(--chev-saturate)) brightness(var(--chev-brightness)) contrast(var(--chev-contrast))}.glass-lens #glass-at .chev-glass{-webkit-backdrop-filter:url(#chev-lens) saturate(var(--chev-saturate)) brightness(var(--chev-brightness)) contrast(var(--chev-contrast));backdrop-filter:url(#chev-lens) saturate(var(--chev-saturate)) brightness(var(--chev-brightness)) contrast(var(--chev-contrast))}#glass-at .chev-shade path{fill:#000;filter:url(#chev-shadow)}#glass-at .chev-rim path{fill:none}#glass-at .chev-rim .edge{stroke:rgba(0, 0, 0, var(--chev-edge));stroke-width:3px}#glass-at .chev-rim .shade{stroke:rgba(0, 0, 0, var(--chev-shade));stroke-width:5px;filter:url(#chev-soft)}#glass-at .chev-rim .hair{stroke:rgba(255, 255, 255, var(--chev-hairline));stroke-width:1px}#glass-at .chev-rim .glint{stroke:url(#chev-light);stroke-width:1.2px}#glass-at .chev[data-dir="-1"] .chev-rim .glint{stroke:url(#chev-light-turned)}#glass-at.pinned{opacity:1;transition:none}#listen{appearance:none;align-items:center;gap:calc(7px * var(--up,1));height:calc(38px * var(--up,1));padding:0 calc(17px * var(--up,1)) 0 calc(15px * var(--up,1));font:500 calc(13px * var(--up,1))/1 "Timeless Sans", system-ui, sans-serif;letter-spacing:.01em;white-space:nowrap;color:rgba(var(--ink,255, 255, 255), .94);text-shadow:0 0 2px #0000004d,0 0 10px #00000059;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;pointer-events:none;transition:opacity .8s ease, var(--glass-transition);border:0;border-radius:999px;margin:0;display:inline-flex}#listen.on{opacity:1;pointer-events:auto}#listen{order:-1;margin-inline-end:var(--outset,0px)}html.portrait #listen{width:calc(38px * var(--up,1));justify-content:center;padding:0}html.portrait #listen .word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){#listen:hover{background-color:rgba(var(--lg-tint), calc(var(--lg-fill,var(--lg-rest)) + .14))}}#listen:focus-visible{outline:1.5px solid rgba(var(--ink,255, 255, 255), .6);outline-offset:3px}#listen .glyph{width:calc(16px * var(--up,1));height:calc(16px * var(--up,1));place-items:center;display:grid}#listen svg{filter:drop-shadow(0 0 2px #0000004d)drop-shadow(0 0 8px #0000004d);width:100%;height:100%}#listen svg.ring{pointer-events:none;filter:none;opacity:0;position:absolute;overflow:visible}#listen .ring path{fill:none;stroke-linecap:round}#listen .ring .glow{stroke:#fff}