@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@400;500;600&display=swap";:root{font-family:Libre Caslon Text,serif;color:#eee8d9;background:#111714;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111714}button{font:inherit}.app{--accent:#b3a46a;--paper:#eee7d7;--ink:#172019;min-height:100vh}.tone-water,.tone-swamp{--accent:#9caa73}.tone-fern,.tone-morning{--accent:#c0a76d}.tone-ember{--accent:#bd8657}.progress{position:fixed;z-index:101;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent) var(--p),#e8e0cf44 var(--p))}.topbar{height:64px;position:fixed;z-index:90;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 36px;color:#eee8d9;background:#102018ed;border-bottom:1px solid #d9cfb766;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar button{color:inherit;background:none;border:0;cursor:pointer}.brand{display:flex;align-items:center;gap:14px;justify-self:start}.brand span{display:none}.brand b{font:500 13px Cormorant Garamond;letter-spacing:.16em;text-transform:uppercase}.chapter{display:flex;gap:12px;align-items:center;font:500 9px Montserrat;text-transform:uppercase;letter-spacing:.2em}.chapter i{color:var(--accent);font-style:normal}.tools{justify-self:end;display:flex;gap:3px}.tools button{height:38px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid transparent}.tools button:hover,.tools button:focus-visible{border-color:#d9cfb766}.tools svg{width:16px}.tools span{font:500 8px Montserrat;text-transform:uppercase;letter-spacing:.14em}.tools em{font-style:normal;color:var(--accent);font:9px Montserrat}.hero{height:100svh;position:relative;overflow:hidden;border:10px solid #101713}.hero-video{position:absolute;top:54px;right:0;bottom:0;left:0;width:100%;height:calc(100% - 54px);-o-object-fit:cover;object-fit:cover;background:#ddd4c0 url(../assets/design/scenes/00_landing_page_background.png) center/cover no-repeat;filter:saturate(.72) contrast(.92);animation:reveal 1.8s ease-out both}@keyframes reveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.hero-shade{position:absolute;top:54px;right:0;bottom:0;left:0;background:linear-gradient(90deg,#eee7d7c9 0%,#eee7d766 43%,transparent 68%),linear-gradient(0deg,#1720198c,transparent 45%);mix-blend-mode:multiply}.hero-copy{position:absolute;z-index:2;left:50%;top:49%;transform:translate(-50%,-50%);width:min(720px,86vw);text-align:center;color:#172019;text-shadow:0 1px #eee7d7}.hero-copy>p,.eyebrow{font:500 9px Montserrat;text-transform:uppercase;letter-spacing:.32em}.hero h1{margin:20px 0 28px;font:500 clamp(4rem,8vw,8.5rem)/.8 "Cormorant Garamond";letter-spacing:-.035em;text-transform:uppercase}.hero h1 em{font-style:normal;color:inherit}.hero-meta{display:flex;justify-content:center;gap:24px;font:500 8px Montserrat;text-transform:uppercase;letter-spacing:.18em}.hero-copy:after{content:"✦";display:block;width:130px;margin:24px auto 0;border-top:1px solid #172019;padding-top:7px;font-size:8px}.enter{position:absolute;z-index:2;left:50%;bottom:6vh;transform:translate(-50%);border:0;background:none;color:#172019;display:flex;flex-direction:column;gap:10px;align-items:center;text-transform:uppercase;font:500 8px Montserrat;letter-spacing:.2em;cursor:pointer}.enter i{font-style:normal;width:10px;height:58px;border-left:1px dashed #172019;font-size:0;position:relative}.enter i:after{content:"";position:absolute;bottom:-2px;left:-5px;width:9px;height:9px;border:1px solid #172019;border-radius:50%}.orientation{display:grid;grid-template-columns:repeat(3,1fr);background:#111714;color:#eee8d9;padding:34px 8vw;border-block:1px solid #b8aa7866}.orientation>div{padding:0 4vw;border-right:1px solid #b8aa7844;position:relative}.orientation>div:last-child{border:0}.orientation svg{width:18px;color:#b8aa78;position:absolute;left:1vw}.orientation span{font:500 9px Montserrat;text-transform:uppercase;letter-spacing:.14em}.orientation p{font:italic 14px/1.5 Libre Caslon Text;margin:7px 0 0;color:#aaa997}.story-scene{height:165vh;min-height:1060px;position:relative;background:#18201a}.scene-bg{position:sticky;top:0;height:100vh;overflow:hidden;border-inline:10px solid #111714}.scene-bg>img:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.035);filter:saturate(.82) contrast(.96)}.scene-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#11171399 0%,transparent 42%,#1117132e),url(/assets/design/fx/06_film_grain.png) center/cover;opacity:.48}.scene-object{position:absolute;z-index:2;right:-4vw;bottom:-17vh;width:min(55vw,780px);height:auto;opacity:.72;filter:drop-shadow(0 20px 30px #0007);animation:float 7s ease-in-out infinite alternate}.story-scene:nth-of-type(2n) .scene-object{right:auto;left:-9vw}@keyframes float{to{transform:translateY(-20px) rotate(.6deg)}}.drift{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/design/fx/04_smoke_haze.png) center/cover;opacity:.14;animation:mist 14s ease-in-out infinite alternate}.drift-b{background:url(/assets/design/fx/02_sun_shafts.png) center/cover;opacity:.11}@keyframes mist{to{transform:translate(3vw);opacity:.24}}.scene-label{position:absolute;z-index:4;top:17vh;left:4vw;display:flex;align-items:center;gap:13px;font:500 8px Montserrat;text-transform:uppercase;letter-spacing:.2em}.scene-label span{font:400 22px Cormorant Garamond;color:#eee7d7}.scene-label i{width:45px;height:1px;background:#d7ccb766}.reading-card{position:absolute;z-index:5;top:34vh;left:7vw;width:min(470px,38vw);background:#eee7d7f5;color:var(--ink);padding:38px 42px 34px;box-shadow:0 26px 75px #0008;border:1px solid #344035;outline:1px solid #eee7d7;outline-offset:-8px}.story-scene:nth-of-type(2n) .reading-card{left:auto;right:7vw}.card-head{display:flex;justify-content:space-between;border-bottom:1px solid #66706055;padding-bottom:12px;font:500 8px Montserrat;text-transform:uppercase;letter-spacing:.16em}.card-head small{font:400 8px Montserrat;color:#686b60}.reading-card h2{font:500 clamp(2.2rem,4vw,4.2rem)/.9 "Cormorant Garamond";letter-spacing:-.025em;margin:27px 0}.passage{font:400 clamp(.95rem,1.06vw,1.08rem)/1.62 "Libre Caslon Text"}.passage p:first-child:first-letter{float:left;font:500 4.2rem/.72 Cormorant Garamond;padding:.15em .1em 0 0;color:#263126}.passage p{margin:0 0 1.15em;cursor:text}.passage p:hover{background:#d8d1bd88}.open-full{background:none;border:0;border-top:1px solid #66706055;width:100%;padding:18px 0 0;display:flex;gap:8px;align-items:center;text-transform:uppercase;font:500 8px Montserrat;letter-spacing:.13em;cursor:pointer}.open-full svg{width:14px}.scene-prompt{position:absolute;z-index:3;top:78vh;right:5vw;width:290px;text-align:right;font:italic 1.45rem/1.25 Cormorant Garamond;text-shadow:0 2px 14px #000}.story-scene:nth-of-type(2n) .scene-prompt{right:auto;left:5vw;text-align:left}.ending{min-height:90vh;background:#111714;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10vh 8vw;border-top:1px solid #b8aa7866}.ending svg{color:#b8aa78}.ending>p{font:500 8px Montserrat;text-transform:uppercase;letter-spacing:.24em;margin:22px}.ending h2{font:500 clamp(3rem,7vw,7rem)/.9 "Cormorant Garamond";text-transform:uppercase;margin:0 0 36px}.ending button{border:1px solid #b8aa78;background:#111714dd;color:#eee8d9;border-radius:50%;width:145px;height:145px;padding:20px;text-transform:uppercase;font:500 8px Montserrat;letter-spacing:.13em}.ending button span{color:#b8aa78}.ending small{margin-top:120px;color:#808779;font:8px Montserrat}.annotator{position:fixed;z-index:110;bottom:22px;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 28px));background:#eee7d7;color:#172019;padding:25px 28px;box-shadow:0 20px 70px #0009;border:1px solid #344035;outline:1px solid #eee7d7;outline-offset:5px}.annotator>p{font:italic 1rem/1.45 Libre Caslon Text;margin:0 30px 15px 0}.annotator>span{font:500 8px Montserrat;text-transform:uppercase;letter-spacing:.13em}.close-mini{position:absolute;right:12px;top:12px;background:none;border:0}.close-mini svg{width:17px}.label-grid{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.label-grid button{border:1px solid #29312644;background:transparent;padding:8px 10px;font:500 8px Montserrat;text-transform:uppercase}.label-grid button.picked{background:var(--c);border-color:var(--c);color:#fff}.annotator textarea{width:100%;height:52px;resize:none;border:1px solid #29312644;background:#fff9;padding:10px}.save-mark{float:right;margin-top:10px;border:0;background:#172019;color:#fff;padding:11px 18px;font:500 8px Montserrat;text-transform:uppercase}.save-mark:disabled{opacity:.3}.drawer{position:fixed;z-index:120;right:0;top:0;height:100vh;width:min(520px,100%);background:#eee7d7;color:#172019;padding:70px 55px;box-shadow:-30px 0 90px #0008;overflow:auto;border-left:1px solid #344035}.drawer-close{position:absolute;right:28px;top:26px;background:none;border:0}.drawer h2{font:500 3.4rem/.9 Cormorant Garamond;text-transform:uppercase;margin:15px 0 35px}.map-drawer nav{border-top:1px solid #344035}.map-drawer nav button{width:100%;display:grid;grid-template-columns:45px 1fr auto;gap:15px;text-align:left;align-items:center;padding:20px 4px;background:none;border:0;border-bottom:1px solid #34403544}.map-drawer nav span{font:8px Montserrat;color:#80754e}.map-drawer nav b{font:500 1.25rem Cormorant Garamond;text-transform:uppercase}.map-drawer nav i{font-style:normal}.map-drawer nav .active{color:#5b6641}.log-stats{display:flex;gap:38px;border-block:1px solid #34403544;padding:18px 0;margin-bottom:25px;font:8px Montserrat;text-transform:uppercase}.log-stats b{font:500 2rem Cormorant Garamond;color:#5b6641;margin-right:7px}.empty{text-align:center;padding:65px 25px;color:#666}.empty p{font:1.1rem/1.5 Libre Caslon Text}.entries article{padding:20px 0;border-bottom:1px solid #34403544}.entries small{font:8px Montserrat;text-transform:uppercase;color:#80754e}.entries blockquote{margin:9px 0 14px;font:italic 1.05rem/1.45 Libre Caslon Text}.entries article span{display:inline-block;border-left:4px solid var(--c);padding:3px 7px;margin:0 5px 5px 0;background:#fff7;font:7px Montserrat;text-transform:uppercase}.entries article p{font-size:12px}.entries article button{float:right;background:none;border:0;color:#755a48;font:8px Montserrat}.drawer footer{margin-top:40px;font:8px Montserrat;color:#777}.credits{background:#0d120f;padding:14px;text-align:center;color:#667068;font:7px Montserrat}@media (max-width:760px){.topbar{height:58px;padding:0 14px;grid-template-columns:1fr auto}.brand b{font-size:10px}.chapter,.tools span{display:none}.tools{grid-column:2}.hero{border-width:5px}.hero-video,.hero-shade{top:49px;right:0;bottom:0;left:0;height:calc(100% - 49px)}.hero h1{font-size:17vw}.hero-meta{flex-wrap:wrap;gap:9px}.orientation{grid-template-columns:1fr;padding:22px 7vw}.orientation>div{padding:14px 0 14px 34px;border-right:0;border-bottom:1px solid #b8aa7844}.orientation svg{left:0}.story-scene{height:150vh;min-height:930px}.scene-bg{border-width:5px}.scene-object{width:85vw;right:-20vw!important;left:auto!important;bottom:-7vh}.reading-card,.story-scene:nth-of-type(2n) .reading-card{left:4vw;right:auto;top:28vh;width:92vw;padding:31px 28px}.reading-card h2{font-size:3rem}.passage{font-size:1rem}.scene-label{top:13vh}.scene-prompt{display:none}.drawer{padding:65px 28px}.annotator{bottom:8px;padding:20px 18px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.scene-bg img{transform:none!important}}.chapter:before{content:"";width:6px;height:6px;border:1px solid #b8aa78;border-radius:50%;transition:.3s}.sound-active .chapter:before{background:#b8aa78;box-shadow:0 0 0 4px #b8aa7822;animation:soundPulse 1.8s ease-in-out infinite}.sound-active .card-head small:before{content:"●";color:#78824e;margin-right:7px;animation:soundPulse 1.8s ease-in-out infinite}@keyframes soundPulse{50%{box-shadow:0 0 0 8px #b8aa7800}}.full-reader{position:fixed;z-index:105;top:0;right:0;bottom:0;left:0;background:#e9e1d0;color:#172019;overflow:auto}.full-reader-head{position:sticky;z-index:3;top:0;min-height:92px;padding:20px 4vw;display:flex;align-items:center;justify-content:space-between;background:#132019f5;color:#eee8d9;border-bottom:1px solid #b8aa78;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.full-reader-head p{margin:0 0 5px;font:500 8px Montserrat;text-transform:uppercase;letter-spacing:.2em;color:#b8aa78}.full-reader-head h2{margin:0;font:500 1.65rem Cormorant Garamond;text-transform:uppercase;letter-spacing:.06em}.full-reader-head button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b8aa78;border-radius:50%;background:none;color:#eee8d9;cursor:pointer}.full-reader-head svg{width:18px}.full-reader-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);max-width:1440px;margin:auto;min-height:calc(100vh - 92px)}.full-story-pane{padding:7vh clamp(34px,7vw,110px) 16vh;background:#eee7d7;border-right:1px solid #9e9474}.full-story-pane:before{content:"THE COMPLETE FIELD TEXT";display:block;margin-bottom:50px;padding-bottom:14px;border-bottom:1px solid #9e9474;font:500 8px Montserrat;letter-spacing:.2em}.full-story-text{max-width:760px;margin:auto;white-space:pre-wrap;font:400 clamp(1.05rem,1.35vw,1.28rem)/1.83 "Libre Caslon Text";text-wrap:pretty}.full-story-text:first-letter{float:left;font:500 6rem/.75 Cormorant Garamond;padding:.14em .1em 0 0}.full-notes-pane{background:#172019;color:#eee8d9}.notes-sticky{position:sticky;top:93px;padding:7vh clamp(24px,3vw,48px);max-height:calc(100vh - 93px);overflow:auto}.notes-sticky h3{font:500 2.4rem/.95 Cormorant Garamond;text-transform:uppercase;margin:12px 0 28px}.reader-tally{display:flex;align-items:baseline;gap:12px;border-block:1px solid #b8aa7844;padding:18px 0}.reader-tally b{font:500 2.5rem Cormorant Garamond;color:#b8aa78}.reader-tally span,.reader-help{font:500 8px/1.6 Montserrat;text-transform:uppercase;letter-spacing:.12em}.reader-help{color:#9fa594;margin:22px 0}.reader-empty{display:flex;gap:12px;align-items:center;padding:28px 0;color:#8e9687;font:italic 1rem Libre Caslon Text}.reader-empty svg{width:20px}.reader-entries article{padding:20px 0;border-top:1px solid #b8aa7844}.reader-entries small{font:500 7px Montserrat;text-transform:uppercase;letter-spacing:.13em;color:#b8aa78}.reader-entries blockquote{margin:9px 0 12px;font:italic .95rem/1.5 Libre Caslon Text}.reader-entries article span{display:inline-block;border-left:3px solid var(--c);padding:3px 6px;margin:0 4px 4px 0;background:#ffffff0a;font:7px Montserrat;text-transform:uppercase}.reader-entries article p{font:400 11px/1.5 Montserrat;color:#bac0b4}@media (max-width:800px){.full-reader-grid{grid-template-columns:1fr}.full-story-pane{border:0;padding:5vh 7vw 10vh}.full-notes-pane{border-top:1px solid #9e9474}.notes-sticky{position:relative;top:0;max-height:none}.full-reader-head h2{font-size:1.25rem}.full-story-text{font-size:1rem;line-height:1.75}}.scene-wash{background:linear-gradient(90deg,rgba(17,23,19,.38),transparent 48%,rgba(17,23,19,.12));opacity:1}.full-story-text{white-space:normal}.full-story-text>p{margin:0 0 1.3em}.full-story-text>.part-heading{margin:5rem 0 2rem;padding-bottom:12px;border-bottom:1px solid #9e9474;font:500 1.6rem Cormorant Garamond;letter-spacing:.16em}.full-story-text>.part-heading:first-child{margin-top:0}.full-story-text>.part-heading+p:first-letter{float:left;font:500 5.5rem/.75 Cormorant Garamond;padding:.14em .1em 0 0}.full-story-text:first-letter{float:none;font:inherit;padding:0}