@font-face{font-family:BottegaDisplay;src:url('assets/librebodoni.ttf') format('truetype');font-display:swap}
@font-face{font-family:BottegaDisplay;src:url('assets/librebodoni-italic.ttf') format('truetype');font-style:italic;font-display:swap}
@font-face{font-family:BottegaSans;src:url('assets/publicsans.ttf') format('truetype');font-display:swap}
:root{--paper:#f2ecdf;--white:#faf7ef;--ink:#302b23;--muted:#665e51;--sage:#31433d;--terra:#a24128;--line:#beb6a2;--gold:#a98d58;--gutter:clamp(20px,4.2vw,72px)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{margin:0;font:15px/1.65 BottegaSans,Arial,sans-serif;background:radial-gradient(ellipse at 2% 40%,#d6c2a34a,transparent 45%),var(--paper)}
body:before{content:'';position:fixed;inset:0;background-image:url('assets/ornament.svg');background-position:left -90px top 240px;background-size:460px auto;background-repeat:no-repeat;opacity:.2;pointer-events:none;z-index:-0}
button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,input,textarea{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a{color:inherit}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:BottegaDisplay,Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(40px,4.5vw,76px)}h2{font-size:clamp(35px,3.6vw,57px)}h3{font-size:27px}h1 em,h2 em{color:var(--terra);font-weight:400}svg{display:block;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--terra);outline-offset:4px}main:focus{outline:none}
.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 15px}.skip-link:focus{top:10px}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px var(--gutter);border-bottom:1px solid var(--line);background:#f2ecdfec;min-height:98px}.brand{display:block;flex-shrink:0}.brand img{width:172px;height:53px;object-fit:contain}.header-edition{font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding-left:25px;border-left:1px solid var(--line);margin-right:auto}.book-toggle{background:transparent;border:1px solid #b6ae99;display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:45px;font-size:12px}.book-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}.book-toggle:hover{background:var(--white)}
.site-footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px var(--gutter);border-top:1px solid var(--line);font-size:10px;letter-spacing:.05em;color:var(--muted)}.site-footer>span:first-child{font-weight:600;color:var(--sage)}.site-footer button{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);min-height:35px;font-size:11px}
main{position:relative;z-index:1;min-height:calc(100svh - 182px)}.view{animation:page-enter .32s ease both}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--sage);line-height:1.45}.eyebrow:before{content:'';display:block;width:24px;height:1px;background:currentColor}.eyebrow.terra{color:var(--terra)}.lead{font-size:15px;line-height:1.85;color:var(--muted);max-width:445px}
.btn{border:1px solid var(--sage);background:var(--sage);color:var(--white);padding:13px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;text-decoration:none;font-size:13px}.btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.4;fill:none}.btn:hover{background:#253630;transform:translateY(-1px)}.btn:disabled{background:#d8d1c1;border-color:#c4baa4;color:#5d564c;transform:none}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{background:var(--white)}.btn.light{background:var(--white);color:var(--ink);border-color:#f3ecdb}.text-btn{border:0;border-bottom:1px solid var(--line);background:transparent;min-height:44px;color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:12px;padding:0 2px}.text-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.2;fill:none}.text-btn:hover{color:var(--terra);border-color:var(--terra)}
.welcome{display:grid;grid-template-columns:.86fr 1.14fr;min-height:calc(100svh - 174px);gap:5.5%;padding:48px var(--gutter) 44px;align-items:center}.welcome-copy{padding:16px 0;max-width:545px}.welcome .eyebrow{margin-bottom:26px}.welcome h1{margin-bottom:28px;font-size:clamp(48px,5.6vw,91px)}.welcome .lead{font-size:16px;margin-bottom:28px}.welcome-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.welcome-note{font-size:11px;color:var(--muted);margin-top:20px;max-width:370px}.welcome-note strong{color:var(--sage);font-weight:500}.welcome-image{position:relative;display:grid;align-items:center;padding:17px 0 24px 17px}.welcome-image:before{content:'';position:absolute;inset:0 18px 43px 0;border:1px solid var(--gold);opacity:.65}.welcome-image:after{content:'';position:absolute;inset:25px -9px 15px 38px;background:#d5c4a25c;z-index:-1}.welcome-image img{width:100%;height:auto;border:1px solid #80734f;box-shadow:10px 16px 35px #3c352519}.welcome-image figcaption{margin-top:19px;font-size:10px;letter-spacing:.05em;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.welcome-image figcaption span:last-child{color:var(--terra)}.welcome-seal{position:absolute;bottom:55px;left:-13px;display:grid;place-items:center;width:59px;height:59px;border:1px solid var(--gold);border-radius:50%;background:var(--paper);box-shadow:0 0 0 7px var(--paper)}.welcome-seal svg{width:30px;height:30px;stroke:var(--terra);fill:none;stroke-width:1.1}
.context-view{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding:55px var(--gutter);max-width:1440px;margin:auto;align-items:start}.context-intro{padding-top:28px}.context-intro h1{font-size:clamp(40px,4.3vw,66px);margin:27px 0}.context-intro .mini-landscape{margin-top:35px;padding-left:13px;border-left:1px solid var(--gold);max-width:350px}.mini-landscape img{aspect-ratio:3/2;width:100%;object-fit:contain}.mini-landscape p{font-size:11px;color:var(--muted);margin-top:13px}.paper-form{background:var(--white);border:1px solid #c6b99e;box-shadow:9px 9px 0 #d7cbb459;padding:35px;position:relative}.paper-form:before{content:'';position:absolute;top:0;right:24px;width:1px;height:calc(100% - 25px);background:#d4c9b340;pointer-events:none}.paper-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:19px;margin-bottom:28px;border-bottom:1px solid var(--line);font-size:9px;color:var(--terra);letter-spacing:.12em;text-transform:uppercase}.paper-top svg{width:22px;height:22px;stroke:var(--terra);fill:none;stroke-width:1.1}
.field{display:block;margin-bottom:22px;position:relative}.field>span{display:block;font-size:12px;margin-bottom:9px;font-weight:500;color:var(--sage)}.field input,.field textarea{display:block;width:100%;border:0;border-bottom:1px solid #aea58f;background:#eee8db59;padding:12px 13px;font-size:14px;color:var(--ink);min-height:47px;border-radius:0}.field textarea{border:1px solid var(--line);resize:vertical;min-height:100px}.field small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.sector-group{padding:0;border:0;margin:0 0 25px}.sector-group legend{font-size:12px;font-weight:500;color:var(--sage);margin-bottom:13px}.sector-options{display:flex;gap:8px;flex-wrap:wrap}.sector-options button{border:1px solid var(--line);background:transparent;padding:10px 13px;color:var(--muted);font-size:12px;min-height:44px}.sector-options button[aria-pressed=true]{background:var(--sage);border-color:var(--sage);color:var(--white)}.form-error{color:#982d1c;background:#ecd6c780;font-size:12px;padding:10px;margin:13px 0;border-left:2px solid var(--terra)}.storage-note{font-size:10px;color:var(--muted);margin-top:17px;max-width:440px}.form-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px;flex-wrap:wrap}
.chapter-bar{padding:20px var(--gutter) 17px;display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #d0c6b1}.chapter-caption{font-size:11px;color:var(--sage);display:flex;align-items:center;gap:12px}.chapter-caption span{color:var(--terra);font-size:10px;letter-spacing:.06em}.chapter-caption strong{font-weight:500}.chapter-progress{display:flex;align-items:center;gap:8px}.chapter-progress button{border:0;padding:10px 0;background:transparent;min-width:22px;min-height:32px;position:relative}.chapter-progress button:after{content:'';display:block;height:2px;width:22px;background:#b8b09b}.chapter-progress button.done:after{background:var(--sage)}.chapter-progress button.current:after{height:4px;background:var(--terra)}.chapter-progress button:hover:not(:disabled):after{background:var(--terra)}
.story-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:4.5%;padding:33px var(--gutter) 33px;max-width:1800px;margin:auto;align-items:start}.stage{position:relative;padding:10px 10px 0 0}.stage:before{content:'';position:absolute;inset:0 0 42px 10px;border:1px solid var(--gold);opacity:.6;pointer-events:none}.scene-image{position:relative;overflow:hidden;background:#e2d6bb;border:1px solid #7f775f;isolation:isolate}.scene-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:filter .4s}.scene-image:after{content:'';position:absolute;inset:0;pointer-events:none;transition:background .4s,opacity .4s;opacity:0}.scene-image.light-gathered:after{opacity:1;background:radial-gradient(ellipse at 65% 85%,#ffd89923,transparent 40%,#141e2d35)}.scene-image.light-even img{filter:brightness(1.16) saturate(.88)}.scene-image.light-accent:after{opacity:1;background:radial-gradient(ellipse at 77% 77%,#fce7bd33 0%,transparent 18%,#09152440 65%)}.stage-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:var(--muted);padding:16px 0 12px;border-bottom:1px solid var(--line);margin-right:10px}.stage-caption .location{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--sage)}.stage-caption .branch-label{font-style:italic;font-family:BottegaDisplay,Georgia,serif;font-size:15px;color:var(--terra)}
.memory-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:14px;min-height:39px}.memory-strip .memory-intro{font-size:9px;color:var(--muted);margin-right:3px}.memory-token{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--sage);padding:4px 8px;border:1px solid #b2b7a080;background:#e7e3d670}.memory-token svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.1}.memory-strip[hidden]{display:none}
.story-panel{padding-top:13px;min-width:0}.story-panel .eyebrow{margin-bottom:22px;font-size:9px}.story-panel h1{margin-bottom:19px;font-size:clamp(36px,3.75vw,59px)}.story-body{font-size:13px;color:var(--muted);line-height:1.85;max-width:520px;margin-bottom:20px}.invitation{font-family:BottegaDisplay,Georgia,serif;font-size:21px;line-height:1.35;margin:18px 0;color:var(--sage)}.choice-set{display:grid;gap:9px}.choice{border:1px solid #bfb69e;background:#faf7ef8c;color:var(--ink);text-align:left;padding:12px 14px;display:flex;gap:14px;align-items:center;position:relative;transition:background .16s,border-color .16s,transform .16s;min-height:62px}.choice svg{width:26px;height:26px;stroke:var(--sage);stroke-width:1.25;fill:none}.choice .choice-label{display:block;font-size:12px;font-weight:500;line-height:1.45}.choice small{display:block;font-size:10px;color:var(--muted);margin-top:3px;line-height:1.5}.choice:after{content:'';width:7px;height:7px;flex-shrink:0;margin-left:auto;border:1px solid #aca38e;border-radius:50%}.choice:hover{background:var(--white);border-color:#726b55;transform:translateX(2px)}.choice[aria-pressed=true]{border-color:var(--sage);background:#e4e8dc;box-shadow:inset 3px 0 var(--sage)}.choice[aria-pressed=true]:after{background:var(--sage);border-color:var(--sage)}.choice[aria-pressed=true] svg{stroke:var(--terra)}
.kind-light .choice-set,.kind-objects .choice-set,.kind-craft .choice-set,.kind-material .choice-set,.kind-bridge .choice-set,.kind-content .choice-set,.kind-priority .choice-set{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kind-light .choice,.kind-objects .choice,.kind-craft .choice,.kind-material .choice,.kind-bridge .choice,.kind-content .choice,.kind-priority .choice{display:block;padding:14px 12px 16px;min-height:122px}.kind-light .choice svg,.kind-objects .choice svg,.kind-craft .choice svg,.kind-material .choice svg,.kind-bridge .choice svg,.kind-content .choice svg,.kind-priority .choice svg{margin-bottom:13px;width:30px;height:30px}.kind-light .choice:after,.kind-objects .choice:after,.kind-craft .choice:after,.kind-material .choice:after,.kind-bridge .choice:after,.kind-content .choice:after,.kind-priority .choice:after{position:absolute;right:10px;top:12px;width:5px;height:5px}.kind-dialogue .choice,.kind-words .choice{background:#f8f3e8;min-height:69px;border-top:none;border-right:none;border-bottom:1px solid var(--line);border-left:2px solid #b6ab90}.kind-dialogue .choice svg,.kind-words .choice svg{width:17px;height:17px}.kind-dialogue .choice-label,.kind-words .choice-label{font-family:BottegaDisplay,Georgia,serif;font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-.01em}.kind-dialogue .choice small,.kind-words .choice small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}.kind-dialogue .choice[aria-pressed=true],.kind-words .choice[aria-pressed=true]{border-left-color:var(--sage);box-shadow:none}
.response{border-left:1px solid var(--terra);padding:12px 15px;margin-top:18px;background:#e8dfc948;font-size:12px;color:var(--sage);line-height:1.7;animation:page-enter .18s both}.response[hidden]{display:none}.response:before{content:'';display:block;width:13px;height:1px;background:var(--terra);margin-bottom:7px}.story-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:19px;border-top:1px solid var(--line)}.story-navigation .btn{min-height:48px;padding:11px 17px;gap:20px;font-size:12px}
.letter-button{position:absolute;bottom:12%;left:44%;width:22%;min-height:52px;border:1px solid #c5ad78;background:#fbf1d6e8;color:var(--ink);padding:12px 8px;box-shadow:2px 4px 12px #18160f55;display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px;transition:transform .2s;z-index:2}.letter-button svg{width:23px;height:23px;stroke:var(--terra);fill:none;stroke-width:1.1}.letter-button:hover{transform:translateY(-3px)}.letter-reveal{position:absolute;bottom:6%;right:4%;padding:17px 25px;background:#faf0dce8;max-width:43%;border:1px solid #aa8b56;box-shadow:5px 9px 12px #1f1b2140;text-align:center;animation:letter-open .35s both}.letter-reveal small{font-size:8px;color:var(--terra);text-transform:uppercase;letter-spacing:.14em;display:block}.letter-reveal strong{font-family:BottegaDisplay,Georgia,serif;font-size:31px;font-weight:400;font-style:italic;display:block;margin:5px 0}.letter-reveal .letter-mark{width:24px;margin:4px auto;stroke:var(--terra);fill:none;stroke-width:1}
.composition-study{position:relative;margin:17px 0 20px;border:1px solid #b5a886;background:var(--white);padding:20px 20px 15px;overflow:hidden}.composition-study:after{content:'';position:absolute;inset:8px;border:1px solid #c0ac8263;pointer-events:none}.composition-study .study-caption{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--terra);margin-bottom:12px}.arrangement{height:140px;display:grid;grid-template-columns:1.3fr .7fr;gap:13px;position:relative;padding:0 10px;align-items:center}.study-main{height:112px;background:#d8ccb5;display:grid;place-items:center;border:1px solid #aa9673}.study-main svg{width:55px;height:55px;stroke:#63583e;fill:none;stroke-width:.8}.study-side{border-top:1px solid var(--gold);padding-top:11px;font:italic 18px/1.4 BottegaDisplay,Georgia,serif;color:var(--sage)}.study-note{height:4px;margin-top:12px;background:var(--line);width:80%}.arrangement-airy_focus{grid-template-columns:1fr .7fr;gap:35px;padding:0 30px}.arrangement-dialogue .study-main{height:108px;transform:translateY(-6px)}.arrangement-dialogue .study-side{transform:translateY(15px)}.arrangement-sequence{grid-template-columns:1fr 1fr 1fr;gap:14px;padding:0 8px}.arrangement-sequence .study-main{height:88px}.arrangement-sequence .study-side{font-size:16px}.arrangement-sequence:after{content:'';height:74px;background:#d9ad886b;border:1px solid #bca27b}
.material-ink_paper{background-color:#f3e8d1;background-image:radial-gradient(#8e764918 .6px,transparent .6px);background-size:4px 4px}.material-clean_line{background:#f7f6ef;border-color:#6f7d78}.material-clean_line:after{border-color:#9eaba044}.material-graphic_field{background:#e6d2af;border-left:12px solid var(--terra)}.material-graphic_field .study-main{background:#31433d}.material-graphic_field .study-main svg{stroke:#e6d2af}.material-graphic_field .study-side{color:#683322}.material-graphic_field .study-caption{color:var(--sage)}
.ending-view{padding:43px var(--gutter) 46px;max-width:1600px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:5%;align-items:center}.ending-copy .eyebrow{margin-bottom:24px}.ending-copy h1{margin-bottom:26px}.ending-copy>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:460px}.ending-line{font:italic 26px/1.4 BottegaDisplay,Georgia,serif;color:var(--terra);border-left:1px solid var(--gold);padding:5px 0 5px 20px;margin:25px 0}.ending-copy .btn{margin-top:25px}.ending-note{font-size:10px!important;max-width:410px;margin-top:16px}
.reading-view{padding:45px var(--gutter);max-width:1400px;margin:auto}.reading-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:35px}.reading-heading .eyebrow{margin-bottom:25px}.reading-heading p{font-size:13px;color:var(--muted);line-height:1.8;max-width:450px}.reading-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;padding:35px;background:#f7f3e8;border:1px solid #b8ad92;box-shadow:8px 8px 0 #d7c5a742;position:relative}.reading-intro:before{content:'';position:absolute;top:-8px;left:25px;width:27px;height:40px;border:1px solid #927d50;border-radius:12px;background:transparent;transform:rotate(-4deg)}.reading-activity{border-right:1px solid var(--line);padding-right:20px;align-self:center}.reading-activity>small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--terra)}.reading-activity h3{margin:12px 0 14px;font-size:33px;overflow-wrap:anywhere}.reading-activity p{font-size:11px;color:var(--muted)}.reading-interpretation p{font-size:14px;line-height:1.85}.reading-interpretation p+p{margin-top:18px;color:var(--sage);font-size:13px}.reading-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--terra);margin-bottom:12px;display:block}
.reading-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0}.reading-card{border-top:1px solid var(--gold);padding:23px 0 10px}.reading-card h3{font-size:25px;margin:13px 0 14px;line-height:1.25}.reading-card>p{font-size:12px;color:var(--muted);line-height:1.85}.reading-card .trace-caption{font-size:9px;color:var(--terra);letter-spacing:.08em}.reading-card details{font-size:10px;color:var(--muted);margin-top:14px}.reading-card summary{cursor:pointer;min-height:34px;font-size:10px}.reading-card details p{padding:10px 0 0 10px;border-left:1px solid var(--line);font-size:11px;line-height:1.8;margin-top:6px}.reading-card details p strong{display:block;font-weight:500;color:var(--sage)}.reflection-form{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);padding-top:25px;margin-top:14px}.reflection-form .form-bottom{grid-column:1/-1;margin-top:0}.reflection-form .field{margin-bottom:0}.clarifications{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:15px 0 25px}.clarifier{border:1px solid var(--line);padding:23px;background:#eee5d280}.clarifier h3{font-size:24px;margin:10px 0 13px}.clarifier>p{font-size:12px;color:var(--muted);margin-bottom:16px}.clarifier .sector-options{gap:8px}.clarifier button{font-size:11px;padding:9px 11px;text-align:left}
.practical-view{display:grid;grid-template-columns:.88fr 1.12fr;gap:8%;padding:45px var(--gutter);max-width:1400px;margin:auto}.practical-copy{padding-top:30px}.practical-copy .eyebrow{margin-bottom:25px}.practical-copy h1{font-size:clamp(40px,4vw,65px);margin-bottom:26px}.practical-copy>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:380px}.practical-details{border-top:1px solid var(--gold);margin-top:33px;max-width:370px;padding-top:20px;font-size:12px;color:var(--sage)}.practical-details>p+p{margin-top:13px}.goal-options{display:grid;gap:8px}.goal-options .choice{min-height:50px}.goal-options .choice svg{width:22px;height:22px}.practical-goals{margin:10px 0 0;border:0;padding:0}.practical-goals legend{font-size:12px;font-weight:500;color:var(--sage);margin-bottom:14px}.ready-view{padding:45px var(--gutter);max-width:1250px;margin:auto}.ready-sheet{position:relative;background:var(--white);border:1px solid #bdac8b;padding:40px;box-shadow:10px 10px 0 #cdbb9638}.ready-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid var(--line)}.ready-heading h1{font-size:clamp(38px,4vw,60px);max-width:600px;overflow-wrap:anywhere}.ready-heading img{width:115px;height:auto;opacity:.75}.ready-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:28px 0}.ready-grid h3{font-size:24px;margin:11px 0 15px}.ready-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.ready-grid .fact{padding:13px 0;border-bottom:1px solid #d2c7b2;font-size:12px}.ready-grid .fact strong{display:block;font-size:10px;color:var(--sage);font-weight:500;margin-bottom:5px}.ready-grid .fact span{white-space:pre-wrap;overflow-wrap:anywhere}.ready-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}.ready-note{font-size:11px;color:var(--muted);margin-top:18px;max-width:600px;border-left:1px solid var(--gold);padding-left:14px}.missing-info{border-left:2px solid var(--terra);padding:11px 15px;font-size:12px;background:#eee1c76b;margin-top:20px}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--sage);color:var(--white);font-size:12px;max-width:min(550px,calc(100% - 32px));padding:13px 20px;z-index:50;box-shadow:0 7px 25px #222c2240;display:none}.toast.show{display:block}.toast button{background:transparent;border:0;border-bottom:1px solid #eee6d688;color:var(--white);font-size:11px;padding:7px 0;margin-left:12px;min-height:32px}.toast a{color:var(--white)}
dialog{margin:25px 25px 25px auto;padding:32px;background:var(--white);color:var(--ink);border:1px solid #b8a782;max-width:510px;width:calc(100% - 50px);max-height:calc(100svh - 50px);box-shadow:0 15px 80px #201a1240}dialog::backdrop{background:#29352be0;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.dialog-heading h2{font-size:35px}.dialog-close{background:transparent;border:1px solid var(--line);padding:7px;min-width:40px;min-height:40px}.dialog-close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.2}.dialog-note{font-size:12px;color:var(--muted);margin-bottom:18px}.notebook-chapters{display:grid;gap:0}.notebook-chapters button{display:flex;align-items:center;gap:15px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);min-height:58px;background:transparent;color:var(--ink);padding:12px 0;font-size:13px}.notebook-chapters button>span{font-family:BottegaDisplay,Georgia,serif;font-size:25px;color:var(--terra)}.notebook-chapters button:disabled{color:#8c8373}.notebook-chapters button:disabled>span{color:#9b907b}.notebook-chapters button>svg{width:17px;height:17px;stroke:var(--sage);fill:none;stroke-width:1.2;margin-left:auto}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.dialog-actions .btn{font-size:12px;gap:15px;padding:11px 14px}.dialog-actions+.storage-note{margin-top:17px}.no-script{padding:40px;max-width:800px}.no-script h1{font-size:45px;margin-bottom:30px}
@keyframes page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes letter-open{from{opacity:0;transform:translateY(13px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1550px){.story-panel h1{font-size:64px}.story-body{font-size:15px}.choice .choice-label{font-size:13px}.choice small{font-size:11px}.story-layout{padding-block:50px}.stage-caption{font-size:11px}.response{font-size:13px}.welcome{max-width:1850px;margin:auto}}
@media(max-width:1100px){.header-edition{font-size:9px}.story-layout{gap:4%;grid-template-columns:1.1fr 1fr}.story-panel h1{font-size:42px}.kind-objects .choice,.kind-craft .choice,.kind-material .choice,.kind-bridge .choice,.kind-priority .choice,.kind-content .choice,.kind-light .choice{min-height:112px;padding:13px 9px}.choice .choice-label{font-size:11px}.choice small{font-size:9px}.welcome h1{font-size:61px}.welcome .lead{font-size:14px}.reading-cards{grid-template-columns:repeat(2,1fr)}.context-view{gap:6%}.paper-form{padding:28px}}
@media(max-width:800px){:root{--gutter:25px}.site-header{padding-block:14px;min-height:81px}.brand img{width:148px;height:46px}.header-edition{display:none}.book-toggle{font-size:11px;padding:9px 12px;min-height:42px}.welcome{grid-template-columns:1fr;gap:28px;padding-top:37px;padding-bottom:35px}.welcome-copy{padding-top:0;max-width:650px}.welcome h1{font-size:clamp(52px,8.8vw,72px);margin-bottom:23px}.welcome .eyebrow{margin-bottom:22px}.welcome .lead{max-width:550px;font-size:15px;margin-bottom:22px}.welcome-image{padding-left:12px;max-width:650px}.welcome-image:before{inset:0 14px 41px 0}.welcome-image:after{inset:22px -1px 15px 26px}.welcome-seal{left:-8px;width:45px;height:45px;bottom:57px;box-shadow:0 0 0 5px var(--paper)}.welcome-seal svg{width:26px;height:26px}.welcome-note{max-width:550px}.site-footer{padding-block:17px;font-size:9px;flex-wrap:wrap;gap:10px}.site-footer>span:nth-child(2){display:none}.context-view{grid-template-columns:1fr;gap:27px;padding-block:34px}.context-intro{padding:0}.context-intro h1{font-size:48px;margin:23px 0 20px}.context-intro .lead{max-width:600px}.context-intro .mini-landscape{display:none}.paper-form{padding:28px}.paper-top{margin-bottom:22px}.form-bottom{margin-top:24px}.chapter-bar{padding-block:13px;gap:10px;align-items:center}.chapter-caption{font-size:10px;gap:9px}.chapter-caption span{font-size:9px}.chapter-caption strong{max-width:220px;line-height:1.4}.chapter-progress{gap:4px}.chapter-progress button{min-width:14px;min-height:32px}.chapter-progress button:after{width:14px}.story-layout{grid-template-columns:1fr;gap:15px;padding-top:23px;padding-bottom:29px}.stage{max-width:650px;margin:auto;width:100%;padding-top:7px}.stage-caption{padding:12px 0;font-size:10px}.story-panel{padding-top:0;max-width:650px;margin:auto;width:100%}.story-panel .eyebrow{margin-top:9px;margin-bottom:19px}.story-panel h1{font-size:clamp(36px,6.6vw,52px);margin-bottom:19px}.story-body{font-size:13px;line-height:1.85;max-width:600px}.invitation{font-size:21px;margin-top:19px}.story-navigation{margin-top:23px;padding-top:19px}.kind-dialogue .choice-label,.kind-words .choice-label{font-size:19px}.choice .choice-label{font-size:12px}.choice small{font-size:10px}.memory-strip{padding-top:12px;min-height:34px}.memory-token{font-size:9px}.composition-study{padding-block:18px}.arrangement{height:130px}.reading-view{padding-block:34px}.reading-heading{grid-template-columns:1fr;gap:24px;margin-bottom:29px}.reading-heading .eyebrow{margin-bottom:22px}.reading-heading h1{font-size:clamp(43px,7.8vw,58px)}.reading-heading p{max-width:600px}.reading-intro{grid-template-columns:1fr;padding:27px;gap:22px}.reading-activity{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}.reading-activity h3{font-size:31px}.reading-interpretation p{font-size:13px}.reading-interpretation p+p{font-size:12px}.reading-cards{gap:20px;margin-top:29px}.reading-card h3{font-size:24px}.reflection-form{grid-template-columns:1fr}.clarifications{grid-template-columns:1fr}.ending-view{grid-template-columns:1fr;gap:32px;padding-block:34px}.ending-copy{max-width:600px}.ending-copy h1{font-size:48px}.ending-copy>p{max-width:600px;font-size:13px}.ending-copy .eyebrow{margin-bottom:22px}.ending-view .stage{order:2}.ending-copy{order:1}.practical-view{grid-template-columns:1fr;gap:29px;padding-block:34px}.practical-copy{padding:0}.practical-copy h1{font-size:47px}.practical-copy>p{max-width:570px}.practical-details{margin-top:20px;max-width:600px;padding-top:16px;font-size:11px}.ready-view{padding-block:30px}.ready-sheet{padding:28px}.ready-heading img{width:83px}.ready-heading h1{font-size:39px}.ready-grid{grid-template-columns:1fr;gap:25px}.ready-actions{gap:14px}.ready-note{font-size:10px}.toast{font-size:11px;bottom:16px}.letter-reveal strong{font-size:25px}.letter-reveal{padding:13px 20px}.letter-button{min-height:45px;padding:8px;font-size:10px;width:27%;left:41%}}
@media(max-width:480px){:root{--gutter:20px}.site-header{gap:15px}.brand img{width:133px;height:43px}.book-toggle{gap:9px;padding:8px 10px}.book-toggle svg{width:18px;height:18px}.welcome{padding-top:30px;gap:22px}.welcome h1{font-size:51px}.welcome .lead{font-size:13px;line-height:1.85}.welcome-note{font-size:10px}.welcome .eyebrow{font-size:9px}.welcome-actions .btn{font-size:12px;gap:20px}.welcome-image figcaption{font-size:9px}.welcome-image figcaption span:last-child{display:none}.context-intro h1{font-size:43px}.context-intro .lead{font-size:13px}.paper-form{padding:24px 20px}.sector-options button{font-size:11px;padding:9px 11px}.field input,.field textarea{font-size:16px}.field>span{font-size:12px}.storage-note{font-size:10px}.chapter-caption strong{max-width:160px;font-size:10px}.chapter-progress{gap:3px}.chapter-progress button{min-width:10px}.chapter-progress button:after{width:10px}.chapter-bar{gap:8px}.story-layout{padding-top:19px;gap:12px}.stage-caption .location{font-size:8px}.stage-caption .branch-label{font-size:13px}.memory-strip .memory-intro{font-size:8px}.memory-token{font-size:8px;padding:3px 6px}.memory-token svg{width:11px;height:11px}.story-panel h1{font-size:38px}.story-panel .eyebrow{font-size:8px;letter-spacing:.1em}.story-body{font-size:12px;line-height:1.85}.invitation{font-size:20px}.choice-set{gap:8px}.choice{padding:12px;min-height:63px;gap:12px}.choice .choice-label{font-size:11px}.choice small{font-size:9px}.kind-light .choice,.kind-objects .choice,.kind-craft .choice,.kind-material .choice,.kind-bridge .choice,.kind-content .choice,.kind-priority .choice{padding:13px 10px;min-height:119px}.kind-light .choice svg,.kind-objects .choice svg,.kind-craft .choice svg,.kind-material .choice svg,.kind-bridge .choice svg,.kind-content .choice svg,.kind-priority .choice svg{width:27px;height:27px}.kind-dialogue .choice-label,.kind-words .choice-label{font-size:17px}.response{font-size:11px;padding:11px 13px}.story-navigation .btn{font-size:11px;gap:14px}.story-navigation .text-btn{font-size:11px}.letter-button{left:40%;width:30%;font-size:9px;gap:6px}.letter-button svg{width:17px;height:17px}.letter-reveal{bottom:7%;padding:12px 17px;max-width:46%}.letter-reveal strong{font-size:22px}.letter-reveal small{font-size:7px}.reading-heading h1{font-size:41px}.reading-heading p{font-size:12px}.reading-cards{grid-template-columns:1fr;gap:15px}.reading-card{padding-top:20px;padding-bottom:9px}.reading-card h3{font-size:25px}.reading-card>p{font-size:12px}.reading-intro{padding:25px 21px;gap:20px}.reading-activity h3{font-size:30px}.reflection-form{gap:22px}.reflection-form .btn{width:100%;font-size:12px}.reflection-form .form-bottom{align-items:flex-start}.clarifier{padding:20px}.practical-copy h1{font-size:42px}.practical-copy>p{font-size:13px}.goal-options .choice .choice-label{font-size:12px}.ready-sheet{padding:25px 21px;box-shadow:6px 6px 0 #cdbb9638}.ready-heading{align-items:flex-start}.ready-heading h1{font-size:35px}.ready-heading img{width:70px}.ready-actions .btn{width:100%;font-size:12px;gap:15px}.ready-grid p{font-size:12px}.ending-copy h1{font-size:43px}.ending-copy>p{font-size:12px}.ending-line{font-size:25px}.ending-copy .btn{width:100%;font-size:12px}.dialog-heading h2{font-size:31px}dialog{padding:26px 22px;margin:15px auto;max-height:calc(100svh - 30px);width:calc(100% - 30px)}.notebook-chapters button{font-size:12px;min-height:56px}.dialog-actions .btn{width:100%;font-size:12px}.arrangement{height:123px;padding-inline:4px;gap:13px}.arrangement-airy_focus{gap:24px;padding-inline:15px}.study-main{height:97px}.study-side{font-size:16px}.composition-study{padding:18px 17px 14px}.study-main svg{width:43px;height:43px}}
@media(max-width:350px){:root{--gutter:17px}.book-toggle span{font-size:10px}.brand img{width:120px;height:40px}.welcome h1{font-size:45px}.chapter-caption strong{max-width:134px}.story-panel h1{font-size:35px}.kind-objects .choice,.kind-craft .choice,.kind-material .choice,.kind-bridge .choice,.kind-content .choice,.kind-priority .choice,.kind-light .choice{padding:12px 8px;min-height:125px}.choice .choice-label{font-size:10px}.choice small{font-size:9px}.stage-caption .branch-label{font-size:12px}.memory-token{font-size:7.7px}.letter-button span{font-size:8px}.letter-reveal{padding:10px 13px}.reading-heading h1{font-size:38px}.paper-form{padding:22px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.choice:hover,.btn:hover,.letter-button:hover{transform:none}}

/* The story is a place to enter; factual intake and the final reading remain on paper. */
body[data-screen=story]{background:radial-gradient(ellipse at 12% 36%,#69462865,transparent 49%),radial-gradient(ellipse at 91% 9%,#455e5140,transparent 43%),#19231f;color:#eee7d7}
body[data-screen=story]:before{opacity:.085;filter:brightness(2);background-position:right -150px bottom -130px;background-size:610px auto}
body[data-screen=story] .site-header{min-height:72px;padding-block:10px;background:#15201b;border-color:#8b9c7938}
body[data-screen=story] .brand img{filter:invert(1);opacity:.9;width:150px;height:46px}
body[data-screen=story] .header-edition{color:#c7c5aa;border-color:#8b9c7940}
body[data-screen=story] .book-toggle{color:#eee7d7;border-color:#8b9c7960;background:#24342940}
body[data-screen=story] .book-toggle:hover{background:#3c4d3e}
body[data-screen=story] .chapter-bar{padding-block:7px;border-color:#9b99803b;background:#12201935}
body[data-screen=story] .chapter-caption{color:#e2decd;font-size:10px}
body[data-screen=story] .chapter-caption span{color:#d4b17f}
body[data-screen=story] .chapter-progress button:after{background:#747c6860}
body[data-screen=story] .chapter-progress button.done:after{background:#b2b991}
body[data-screen=story] .chapter-progress button.current:after{background:#d4a372}
body[data-screen=story] .story-layout{min-height:calc(100svh - 170px);grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);gap:4%;padding-top:32px;padding-bottom:32px;align-items:center}
body[data-screen=story] .stage{padding:0;align-self:start;margin-top:9px}
body[data-screen=story] .stage:before{inset:-9px 12px 53px -10px;border-color:#9e8d66;opacity:.32}
body[data-screen=story] .scene-image{border-color:#ab8e5640;box-shadow:0 18px 65px #050c0960;overflow:hidden}
body[data-screen=story] .scene-image img{animation:scene-arrival .6s ease both}
body[data-screen=story] .stage-caption{border-color:#acaf8b45;margin:0;padding:17px 0 13px;color:#c3c5b1}
body[data-screen=story] .stage-caption .location{color:#c7c5ad}
body[data-screen=story] .stage-caption .branch-label{color:#d5b58c}
body[data-screen=story] .memory-intro{color:#b8baa6}
body[data-screen=story] .memory-token{color:#c7ceb5;background:#32443435;border-color:#8e9d7255;padding:5px 9px}
body[data-screen=story] .story-panel{padding:0 0 0 10px}
body[data-screen=story] .story-panel .eyebrow{color:#d3b991;margin-bottom:20px}
body[data-screen=story] .story-panel h1{color:#f1ead9;text-shadow:0 3px 22px #050d0850;font-size:clamp(37px,3.9vw,61px)}
body[data-screen=story] .story-body{color:#cbd0bc;font-size:13px;line-height:1.85}
body[data-screen=story] .invitation{color:#ded9bf;font-style:italic;font-size:22px}
body[data-screen=story] .choice{background:#23352c55;border-color:#91a27948;color:#eee8d4;min-height:65px}
body[data-screen=story] .choice svg{stroke:#cab797}
body[data-screen=story] .choice small{color:#b9c4ad}
body[data-screen=story] .choice:after{border-color:#a1af83}
body[data-screen=story] .choice:hover{background:#40534065;border-color:#b9c49c}
body[data-screen=story] .choice[aria-pressed=true]{background:#4b5d4148;border-color:#c3b789;box-shadow:inset 2px 0 #d4b888}
body[data-screen=story] .choice[aria-pressed=true]:after{background:#d4b888;border-color:#d4b888}
body[data-screen=story] .choice[aria-pressed=true] svg{stroke:#ecd6a8}
body[data-screen=story] .kind-objects .choice,body[data-screen=story] .kind-light .choice,body[data-screen=story] .kind-craft .choice,body[data-screen=story] .kind-content .choice,body[data-screen=story] .kind-bridge .choice,body[data-screen=story] .kind-priority .choice,body[data-screen=story] .kind-material .choice{border-width:0 0 1px;background:linear-gradient(180deg,transparent,#20302770);min-height:132px;padding:16px 12px;border-bottom-color:#9fa4846b}
body[data-screen=story] .kind-objects .choice svg,body[data-screen=story] .kind-light .choice svg,body[data-screen=story] .kind-craft .choice svg,body[data-screen=story] .kind-content .choice svg,body[data-screen=story] .kind-bridge .choice svg,body[data-screen=story] .kind-priority .choice svg,body[data-screen=story] .kind-material .choice svg{width:36px;height:36px;margin-bottom:17px;filter:drop-shadow(2px 4px 2px #0004)}
body[data-screen=story] .kind-dialogue .choice,body[data-screen=story] .kind-words .choice{background:transparent;border-left-color:#a1ad86;min-height:73px}
body[data-screen=story] .response{background:#3a4c343d;border-color:#d2b487;color:#dce0c6;padding:15px 17px;font:italic 17px/1.55 BottegaDisplay,Georgia,serif}
body[data-screen=story] .response:before{background:#d2b487}
body[data-screen=story] .story-navigation{border-color:#c2c5a03d}
body[data-screen=story] .story-navigation .btn{background:#e2d5b7;color:#22362b;border-color:#e2d5b7}
body[data-screen=story] .story-navigation .btn:hover{background:#f1e7ce}
body[data-screen=story] .story-navigation .btn:disabled{color:#88907a;background:#344236;border-color:#566347}
body[data-screen=story] .text-btn{color:#c1c9b2;border-color:#afbb8d50}
body[data-screen=story] .site-footer{background:#14201860;border-color:#9b998036;color:#b8bca5;padding-block:16px}
body[data-screen=story] .site-footer>span:first-child{color:#c5c6ad}
body[data-screen=story] .site-footer button{color:#c6cbb5;border-color:#8b967266}
body[data-screen=story] button:focus-visible{outline-color:#e3c28f}
body[data-screen=story] .composition-study{box-shadow:0 10px 27px #070c0840;color:var(--ink)}
@keyframes scene-arrival{from{opacity:.35;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
@media(min-width:1550px){body[data-screen=story] .story-body{font-size:15px}body[data-screen=story] .response{font-size:20px}}
@media(max-width:800px){body[data-screen=story] .site-header{min-height:67px}body[data-screen=story] .brand img{width:138px;height:43px}body[data-screen=story] .story-layout{grid-template-columns:1fr;padding-top:22px;gap:20px}body[data-screen=story] .stage{margin-top:0;max-width:650px}body[data-screen=story] .story-panel{padding:0}body[data-screen=story] .story-panel h1{font-size:clamp(38px,7vw,52px)}body[data-screen=story] .response{font-size:18px}body[data-screen=story] .scene-image img{animation-duration:.35s}}
@media(max-width:480px){body[data-screen=story] .brand img{width:126px;height:40px}body[data-screen=story] .chapter-caption{font-size:10px}body[data-screen=story] .story-layout{padding-top:20px;gap:17px}body[data-screen=story] .story-panel h1{font-size:39px}body[data-screen=story] .story-body{font-size:12px}body[data-screen=story] .story-panel .eyebrow{margin:6px 0 17px;font-size:9px}body[data-screen=story] .invitation{font-size:21px}body[data-screen=story] .stage-caption{padding-block:13px}body[data-screen=story] .kind-objects .choice,body[data-screen=story] .kind-light .choice,body[data-screen=story] .kind-craft .choice,body[data-screen=story] .kind-content .choice,body[data-screen=story] .kind-bridge .choice,body[data-screen=story] .kind-priority .choice,body[data-screen=story] .kind-material .choice{padding:15px 9px;min-height:137px}body[data-screen=story] .response{font-size:17px}.letter-reveal{max-width:46%}}
@media(max-width:350px){body[data-screen=story] .story-panel h1{font-size:36px}body[data-screen=story] .kind-objects .choice,body[data-screen=story] .kind-light .choice,body[data-screen=story] .kind-craft .choice,body[data-screen=story] .kind-content .choice,body[data-screen=story] .kind-bridge .choice,body[data-screen=story] .kind-priority .choice,body[data-screen=story] .kind-material .choice{padding-inline:7px}}

.practical-details svg{display:inline-block;width:15px;height:15px;stroke:var(--sage);fill:none;stroke-width:1.3;vertical-align:middle;margin-right:6px}.choice:disabled{opacity:.52;transform:none}.qa-badge{padding:5px var(--gutter);font-size:10px;color:var(--terra);border-bottom:1px dashed var(--line)}.chapter-progress button{min-width:30px;min-height:35px}.chapter-progress button:after{width:24px;margin:auto}@media(max-width:800px){.chapter-bar{flex-direction:column;align-items:stretch;gap:4px}.chapter-caption strong{max-width:none}.chapter-progress{justify-content:space-between;gap:5px}.chapter-progress button{min-width:30px;min-height:35px}.chapter-progress button:after{width:26px}}

.letter-reveal{color:var(--ink)}.book-toggle,.dialog-close{min-height:44px}.dialog-close{min-width:44px}.reading-card summary{min-height:44px}.toast button{min-height:44px}@media(max-width:350px){.choice .choice-label{font-size:11px}.choice small{font-size:10px}}

.export-field textarea{height:310px;font-size:12px;line-height:1.8}.journey-list article{padding:18px 0;border-bottom:1px solid var(--line)}.journey-list small{font-size:9px;color:var(--terra);letter-spacing:.04em}.journey-list h3{font-size:24px;margin:9px 0 13px}.journey-list p{font-size:12px;line-height:1.8;color:var(--muted)}@media(max-width:480px){.export-field textarea{font-size:16px;height:260px}}

.brand{display:flex;align-items:center;min-height:44px}.site-footer button{min-height:44px}.chapter-progress button{min-width:44px;min-height:44px}.progress-marker{display:none}@media(max-width:800px){.chapter-progress button{display:none}.chapter-progress{padding:12px 0;gap:12px}.progress-marker{display:block;flex:1;height:2px;background:#747c6860;max-width:45px}.progress-marker.done{background:#b2b991}.progress-marker.current{height:4px;background:#d4a372}.chapter-progress{min-height:32px}}