@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600;700&family=Lora:wght@400;450;500;600&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#eee9dc;--paper-light:#f5f1e7;--panel:#f7f3e9;--ink:#22313b;--cream:#22313b;--muted:#718078;--gold:#a64b36;--gold-light:#9b3e2b;--green:#406557;--green-light:#718b71;--line:rgba(40,63,55,.19);--serif:'Lora',Georgia,serif;--display:'Bodoni Moda',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--reader-size:19px}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}body{background:var(--paper);color:var(--ink);margin:0;font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button,a,input{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}::selection{background:#bfc9b0;color:var(--ink)}.skip-link{position:fixed;left:10px;top:10px;z-index:1000;background:var(--ink);color:var(--paper);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:96px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;position:relative;z-index:10;background:#eee9dcf2}.brand{display:flex;align-items:center;gap:11px;text-align:left;padding:0}.brand svg{height:46px;width:46px;stroke-width:1.3}.brand .brand-sun{fill:var(--gold);stroke:none}.brand span{font-size:8px;letter-spacing:2.4px;line-height:1.3}.brand strong{font-family:var(--display);font-size:26px;display:block;letter-spacing:5px;line-height:1.15;font-weight:600}.site-header nav{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:4%}.nav-link{font-size:11px;padding:10px 0;color:#4d5d5b;position:relative}.nav-link:after{content:'';position:absolute;inset:auto 0 2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-link:hover{color:var(--gold)}.nav-link:hover:after{transform:scaleX(1)}.header-tools{display:flex;align-items:center;gap:9px}.icon-button{height:34px;width:34px;display:grid;place-items:center;color:#4d635a}.icon-button:hover{color:var(--gold)}.icon-button svg{height:18px;width:18px;stroke-width:1.3}.icon-button[aria-pressed=true]{color:var(--gold)}.type-icon{font-family:var(--serif);font-size:18px}.resume-button{border:1px solid #4f695e66;display:flex;gap:20px;padding:10px 15px;font-size:10px;margin-left:8px;color:var(--green)}.resume-button:hover{background:#4467520b}.home-view{position:relative;overflow:hidden;padding:0 5.5%;min-height:calc(100svh - 96px)}.cloud-lines{position:absolute;stroke:#57726213;fill:none;stroke-width:1;pointer-events:none;width:700px;height:500px;left:-320px;top:150px;transform:rotate(80deg)}.hero-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:43% 57%;padding:55px 0 44px;align-items:center;gap:0;position:relative}.hero-content{padding-right:8%;padding-bottom:12px}.eyebrow{font-size:8px;font-weight:600;letter-spacing:2.1px;line-height:1.8;color:var(--green);display:flex;align-items:center;gap:11px;margin:0}.hero-content>.eyebrow>span{display:block;width:22px;height:1px;background:var(--gold)}.hero-content h1{font-family:var(--display);font-size:clamp(58px,7.2vw,112px);line-height:.87;letter-spacing:-3.3px;font-weight:500;margin:30px 0 27px}.title-the{display:block;font-family:var(--sans);font-size:10px;letter-spacing:7px;line-height:1.4;margin-bottom:18px;font-weight:500;color:#6d786a}.title-dot{color:var(--gold)}.hero-subhead{display:flex;gap:14px;align-items:center;margin-bottom:21px}.red-rule{height:43px;width:2px;background:var(--gold);flex:none}.hero-subhead p{font-family:var(--serif);font-size:clamp(19px,1.8vw,26px);font-weight:400;line-height:1.3;letter-spacing:-.5px;margin:0}.hero-description{font-size:12px;line-height:1.9;color:#69796f;max-width:365px;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:25px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--gold);border:1px solid var(--gold);color:#fff8e9;min-height:52px;padding:16px 23px;font-size:11px;font-weight:600;box-shadow:3px 3px 0 #a64b3615;transition:background .2s,transform .2s;white-space:nowrap}.primary-button>span{font-size:19px;font-weight:400;line-height:1}.primary-button:hover{background:#8e3c2b;transform:translateY(-2px)}.primary-button:active{transform:none}.text-button{display:inline-flex;align-items:center;gap:13px;padding:8px 0;font-size:10px;font-weight:500;color:var(--green);white-space:nowrap}.text-button:hover{color:var(--gold)}.text-button>span{font-size:16px}.hero-save-note{display:flex;align-items:center;gap:7px;font-size:8px;color:#8a9381;line-height:1.5;margin:21px 0 0;letter-spacing:.03px}.save-dot{height:4px;width:4px;display:inline-block;border-radius:50%;background:#69846b;flex:none}.save-summary{font-size:9px;color:var(--gold);margin:10px 0 0}.hero-visual{margin:0;position:relative;padding:13px 13px 0;border:1px solid #5e7d6b57;background:#e5e7db;align-self:stretch;display:flex;flex-direction:column;min-height:575px}.hero-image{display:block;width:100%;height:100%;flex:1;min-height:0;max-height:650px;object-fit:cover;object-position:center}.hero-visual figcaption{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.2px;line-height:1.8;color:#68796b;padding:12px 0;gap:10px}.hero-visual figcaption>span:first-child{color:#395847;display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1.2px;white-space:nowrap}.hero-visual figcaption i{display:block;width:4px;height:4px;background:var(--gold);border-radius:50%}.hero-stamp{position:absolute;top:32px;right:32px;width:51px;height:68px;background:#a9472dda;border:2px solid #efc3a988;outline:1px solid #a9472d;outline-offset:3px;display:grid;place-items:center;transform:rotate(5deg);color:#fff4d4;box-shadow:0 2px 15px #4a37232b}.hero-stamp span{font-size:8px;line-height:1.7;text-align:center;letter-spacing:2px}.art-corner{position:absolute;width:20px;height:20px;z-index:2;pointer-events:none}.art-corner-top{border-top:2px solid var(--green);border-left:2px solid var(--green);left:-1px;top:-1px}.art-corner-bottom{border-bottom:2px solid var(--green);border-right:2px solid var(--green);bottom:-1px;right:-1px}.hero-bottom{max-width:1500px;margin:auto;display:flex;align-items:center;gap:6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.story-feature{display:flex;align-items:center;gap:14px;min-width:175px}.feature-number{font-family:var(--display);font-size:35px;line-height:1;color:var(--green);font-weight:400;letter-spacing:-1px}.feature-icon{font-family:var(--serif);font-size:34px;line-height:1;color:var(--green)}.story-feature>div{display:flex;flex-direction:column;gap:6px}.story-feature strong{font-family:var(--serif);font-size:14px;font-weight:500;letter-spacing:-.2px}.story-feature>div>span{font-size:8px;color:#7d8b79;letter-spacing:.1px}.feature-links{margin-left:auto;display:flex;flex-direction:column;gap:11px;border-left:1px solid var(--line);padding-left:28px}.feature-links button{font-size:9px;display:flex;align-items:center;justify-content:space-between;gap:25px;text-align:left;padding:0;color:var(--green)}.feature-links button:hover{color:var(--gold)}.feature-links span{font-size:13px}.home-footnote{max-width:1500px;margin:19px auto 24px;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1.3px;color:#8c9684}.home-footnote>span:last-child{letter-spacing:.2px}
.story-view{position:relative;min-height:calc(100svh - 96px);isolation:isolate}.story-art{position:absolute;inset:0 0 auto;height:750px;background-position:center top;background-size:cover;opacity:.035;filter:blur(12px);z-index:-1;pointer-events:none}.story-topline{display:flex;align-items:center;justify-content:space-between;max-width:1430px;margin:auto;padding:26px 5.5%;gap:20px}.back-link{display:flex;align-items:center;gap:11px;padding:0;font-size:9px;color:var(--green)}.back-link>span{font-size:17px}.autosave-note{display:flex;align-items:center;gap:7px;font-size:8px;color:#8b9583}.reader-layout{display:grid;grid-template-columns:minmax(0,850px) 247px;gap:58px;max-width:1320px;margin:17px auto 0;padding:0 5.5% 75px;align-items:start}.reader-main{min-width:0}.scene-eyebrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:8px;letter-spacing:1.8px;color:var(--gold);font-weight:600}.scene-divider{color:#8b9b89;font-weight:400;font-size:10px}.scene-eyebrow #location-label{color:var(--green);font-weight:500}.chapter-track{display:flex;gap:12px;margin:19px 0 0}.chapter-track>span{flex:1;font-size:7px;color:#9ca58f;border-bottom:1px solid #81917a36;padding-bottom:8px;text-transform:uppercase;letter-spacing:.7px;line-height:1.5;white-space:nowrap}.chapter-track b{font-family:var(--display);font-size:10px;margin-right:4px;font-weight:500}.chapter-track .active{color:var(--gold);border-color:var(--gold)}.chapter-track .complete{color:var(--green);border-color:#5a7e5b7a}.scene-title{font-family:var(--display);font-size:clamp(39px,4vw,58px);font-weight:500;line-height:1.08;letter-spacing:-1.4px;margin:23px 0 25px}.scene-title:focus,#ending-title:focus{outline:none}.scene-illustration,.ending-illustration{margin:0 0 25px;border:1px solid #516b5457;background:#e2e5d8;padding:7px 7px 0;box-shadow:0 5px 18px #30422b07}.illustration-button{display:block;width:100%;padding:0;position:relative;line-height:0;cursor:zoom-in}.illustration-button img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#d8ded0}.art-expand{position:absolute;right:11px;bottom:11px;width:33px;height:33px;font-size:23px;line-height:1;display:grid;place-items:center;background:#f0ecdeed;color:var(--green);border:1px solid #506c5366;transition:background .2s}.illustration-button:hover .art-expand{background:#fff7e6}.scene-illustration figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 5px;color:#7d8c78;font-size:8px;line-height:1.5}.scene-illustration figcaption button{white-space:nowrap;font-size:8px;padding:0;color:var(--green)}.speaker-chip{display:inline-flex;align-items:center;gap:12px;border:1px solid #537b5d3b;background:#e2e7d870;padding:5px 14px 5px 5px;min-height:67px;margin:0 0 21px;text-align:left;max-width:100%}.speaker-chip img{height:55px;width:49px;object-fit:cover;object-position:center 25%;border:1px solid #5b795a44}.speaker-chip>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.speaker-chip small{font-size:7px;letter-spacing:.9px;font-weight:500;color:#738770}.speaker-chip strong{font-family:var(--serif);font-size:19px;line-height:1.25;font-weight:500;color:#334b3b}.speaker-more{color:var(--green);font-size:15px;margin-left:6px}.speaker-chip:hover{border-color:#537b5d8a;background:#dce4d0}.story-prose{font-family:var(--serif);font-size:var(--reader-size);line-height:1.85;color:#495b51;letter-spacing:-.1px}.story-prose p{margin:0 0 22px}.story-prose strong{color:var(--green);font-weight:600}.story-prose em{color:#3f5248}.choice-heading{display:flex;gap:16px;align-items:center;margin:36px 0 20px}.choice-heading>span{height:1px;background:var(--line);flex:1}.choice-heading>p{font-size:7px;letter-spacing:2.2px;font-weight:600;color:#8b8f78;margin:0}.story-choices{display:flex;flex-direction:column;gap:10px}.choice{width:100%;display:flex;align-items:center;gap:16px;border:1px solid #768d6c5c;padding:17px;background:#f7f3e8;text-align:left;transition:background .2s,border .2s,transform .2s;position:relative;min-height:81px}.choice:before{content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--gold);opacity:0;transition:opacity .2s}.choice:hover:not(:disabled){background:#e7eadd;border-color:#6f8862;transform:translateX(3px)}.choice:hover:not(:disabled):before{opacity:1}.choice-key{font-family:var(--display);height:31px;min-width:29px;display:grid;place-items:center;font-size:21px;border-right:1px solid var(--line);padding-right:12px;color:var(--gold)}.choice-copy{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.choice-copy strong{font-family:var(--serif);font-size:17px;line-height:1.4;font-weight:500;color:#354c3e}.choice-copy small{font-size:9px;line-height:1.6;color:#8b9983}.choice-arrow{font-size:19px;color:#6a8166}.choice:disabled{opacity:.45;background:#e8e8df}.choice-requires{font-size:9px;color:var(--gold);line-height:1.5}.reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.undo-button{font-size:8px;color:#89957d}.undo-button>span{font-size:20px}.scene-count{font-size:7px;letter-spacing:1px;color:#8a9881}.reader-sidebar{padding-top:16px;position:sticky;top:30px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.sidebar-heading .eyebrow{font-size:7px;letter-spacing:1.8px}.sidebar-heading>svg{height:25px;width:25px;color:var(--green);stroke-width:1.2}.stats-panel{display:flex;flex-direction:column;gap:21px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:9px;text-transform:capitalize;font-size:10px;color:#6a7e68}.stat-top strong{font-family:var(--display);font-size:19px;line-height:1;color:var(--green);font-weight:500}.stat-bar{height:3px;background:#59795819}.stat-bar span{display:block;height:100%;background:#728c69;transition:width .5s}.sidebar-rule{height:1px;background:var(--line);margin:31px 0 26px}.sidebar-section-title{font-size:7px;letter-spacing:1.8px;font-weight:600;color:#75876c;margin:0 0 20px}.allies-panel{display:flex;flex-direction:column;gap:18px}.ally{display:flex;align-items:center;gap:10px;width:100%;padding:0;text-align:left}.ally-avatar{width:40px;height:44px;border:1px solid #66846363;display:grid;place-items:center;flex:none;overflow:hidden;background:#dce4ce;color:var(--green);font-family:var(--serif);font-size:17px}.ally-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 24%}.ally-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ally-copy strong{font-family:var(--serif);font-size:14px;color:#475f46;font-weight:500;line-height:1.4}.ally-copy small{font-size:7px;color:#8e9e83}.ally-value{font-family:var(--display);font-size:16px;color:var(--gold)}.ally:hover .ally-copy strong{color:var(--gold)}.journal-button{display:flex;align-items:center;gap:12px;width:100%;margin-top:31px;border:1px solid #65825b66;padding:15px 12px;background:#e2e6d552;color:var(--green)}.journal-button>svg{width:19px;height:23px;flex:none;stroke-width:1.2}.journal-button>span:nth-child(2){text-align:left;display:flex;flex-direction:column;gap:5px;font-family:var(--serif);font-size:14px;line-height:1.4}.journal-button small{font-family:var(--sans);font-size:7px;color:#86977b;white-space:nowrap}.journal-button>span:last-child{margin-left:auto;font-size:16px}.journal-button:hover{background:#dce4cf}.sidebar-tools{display:flex;flex-direction:column;margin-top:15px;gap:13px}.sidebar-tools button{display:flex;align-items:center;gap:11px;font-size:9px;color:#677f5d;width:100%;text-align:left;padding:0}.sidebar-tools button>span:first-child{font-size:19px;width:20px;text-align:center;line-height:1}.sidebar-tools button>span:last-child{margin-left:auto}.sidebar-tools button:hover{color:var(--gold)}.sidebar-progress{margin-top:32px}.sidebar-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#9aa58c}.sidebar-progress>div:first-child>span:last-child{font-size:15px;color:var(--gold);line-height:1}.progress-track{height:2px;background:#72856626;margin:12px 0 15px}#progress-fill{height:100%;width:0;background:#ab6347;transition:width .5s}.sidebar-progress p{font-family:var(--serif);font-size:13px;font-style:italic;color:#8d9b80;line-height:1.6;margin:0}.mobile-reader-tools{display:none}
.ending-view{position:relative;isolation:isolate;padding:60px 6% 90px;min-height:calc(100svh - 96px)}.ending-art{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.035;filter:blur(14px);z-index:-1}.ending-content{max-width:900px;margin:auto;text-align:center}.ending-sigil{font-family:Georgia,serif;font-size:43px;color:var(--gold);line-height:1;border:1px solid #a64b3680;padding:5px 8px 11px;width:max-content;margin:0 auto 25px;transform:rotate(-4deg)}.ending-content>.eyebrow{justify-content:center;font-size:7px;letter-spacing:2px}.ending-content h1{font-family:var(--display);font-size:clamp(45px,6vw,76px);font-weight:500;line-height:1.07;letter-spacing:-1.5px;margin:24px 0 18px}.ending-subtitle{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.5;color:#768a6b;max-width:650px;margin:auto}.ending-illustration{margin:32px 0;padding-bottom:7px}.ending-body{font-family:var(--serif);font-size:19px;line-height:1.8;color:#536d51;max-width:670px;margin:auto}.ending-body p{margin:0 0 23px}.ending-summary{display:flex;align-items:center;justify-content:center;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-top:30px;font-family:var(--sans);font-size:8px;color:#839373;letter-spacing:.3px}.ending-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:31px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #7e906e88;padding:15px 21px;min-height:51px;font-size:10px;font-weight:500;color:var(--green);background:#eee9dc96}.secondary-button:hover{background:#dfe5d3;border-color:#5b7957}.secondary-button:disabled{opacity:.45}.muted{color:var(--muted)}
dialog{position:fixed;width:calc(100% - 36px);max-width:660px;max-height:calc(100svh - 48px);margin:auto;background:var(--paper-light);color:var(--ink);border:1px solid #6e89636b;padding:36px;box-shadow:0 35px 100px #10291d4d,0 0 0 6px #eee9dc33;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#92a47c #e4e8d8}dialog::backdrop{background:#1c3039a3;backdrop-filter:blur(7px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.modal-head>div{flex:1;min-width:0}.modal-head .eyebrow{margin-bottom:11px;font-size:7px;letter-spacing:1.8px}.modal-head h2{font-family:var(--display);font-size:38px;line-height:1.1;font-weight:500;letter-spacing:-.7px;margin:0}.modal-close{font-size:26px;color:var(--green);line-height:1;width:28px;height:28px;padding:0;display:grid;place-items:center;flex:none}.modal-close:hover{background:#6b8a5914}.modal-intro{font-family:var(--serif);font-size:17px;line-height:1.7;color:#6e8261;margin:0 0 24px}.field-label{display:block;font-size:8px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--green);margin:23px 0 10px}.field-label small{font-size:8px;text-transform:none;letter-spacing:0;color:#8d9b7d;margin-left:7px}dialog input[type=text],dialog input:not([type]),dialog select{display:block;width:100%;border:1px solid #6b865867;background:#fffaf0;color:var(--green);padding:13px 15px;border-radius:0;font-size:13px}input::placeholder{color:#91a281}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pronoun-option{border:1px solid #738d5d52;background:#eeeede;padding:12px 9px;font-size:10px;text-align:center;color:#728265}.pronoun-option:hover,.origin-option:hover{border-color:#839267}.pronoun-option.selected,.origin-option.selected{border-color:#577749;background:#dfe7d3;box-shadow:inset 0 0 0 1px #92a7771a;color:#3c613a}.origin-grid{display:flex;flex-direction:column;gap:9px}.origin-option{display:flex;align-items:center;gap:16px;border:1px solid #718c5c4f;background:#f0f0e3;text-align:left;padding:15px 17px;width:100%;transition:border .2s,background .2s}.origin-icon{display:block;width:29px;flex:none;font-family:var(--serif);font-size:25px;color:var(--gold);text-align:center}.origin-option>span:last-child{flex:1;min-width:0}.origin-option strong{display:block;font-family:var(--serif);font-weight:500;font-size:20px;color:#47663e;margin-bottom:5px}.origin-option small{display:block;font-size:10px;line-height:1.7;color:#829575;max-width:400px}.origin-option em{display:block;font-size:8px;line-height:1.5;margin-top:7px;text-transform:capitalize;color:var(--gold);font-style:normal}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:27px}.modal-footnote,.modal-note{font-size:9px;line-height:1.8;color:#8d9b7c;margin:23px 0 0;border-top:1px solid var(--line);padding-top:17px}.save-notice{font-size:10px;line-height:1.7;color:#a46c4c;border-left:2px solid #b2784c99;background:#ab795b09;padding:11px 13px;margin:20px 0 0}.empty-state{padding:30px 20px;border:1px dashed #8e9e744f;text-align:center;margin:20px 0}.empty-state>span{font-family:var(--serif);font-size:35px;color:#98a77b}.empty-state h3{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.4;color:#6c835a;margin:13px 0 12px}.empty-state p{font-size:11px;line-height:1.8;color:#92a080;max-width:350px;margin:auto}.journal-entry{display:flex;gap:17px;padding:19px 0;border-bottom:1px solid var(--line)}.entry-number{font-family:var(--display);font-size:24px;color:#a4ae8c;line-height:1.2}.journal-entry>div{flex:1}.journal-entry h3{font-family:var(--serif);font-size:21px;font-weight:500;line-height:1.3;color:#567448;margin:0 0 9px}.journal-entry p{font-family:var(--serif);font-size:16px;line-height:1.8;color:#7a8f6c;margin:0}.journal-profile{padding:15px 0;margin-bottom:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journal-stats{display:flex;gap:22px;flex-wrap:wrap;font-size:10px;color:#819371;text-transform:capitalize}.journal-stats strong{color:var(--gold);font-weight:500;margin-left:6px}.journal-profile .text-button{margin-top:8px}.character-card{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line)}.character-card>div:last-child{flex:1;min-width:0}.character-portrait{display:block;position:relative;width:110px;height:153px;flex:none;background:#e1e7d5;padding:0;border:1px solid #7d92617a;overflow:hidden;cursor:zoom-in}.character-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}.character-portrait>span{position:absolute;right:5px;bottom:5px;font-size:23px;line-height:1;color:#f3eaca;text-shadow:0 1px 8px #102710}.character-card .eyebrow{font-size:6px;letter-spacing:1.5px;line-height:1.7;margin-bottom:8px}.character-card h3{font-family:var(--display);font-weight:500;font-size:31px;line-height:1.15;color:#405e39;margin:0 0 10px;letter-spacing:-.4px}.character-card p{font-size:11px;line-height:1.85;color:#7d8e70;margin:0}.relationship-note{display:block;font-size:8px;line-height:1.6;color:#a5754d;margin-top:12px}.portrait-link{font-size:9px;padding-bottom:0}.ending-grid{display:flex;flex-direction:column;gap:12px}.ending-card{border:1px solid #8196685c;padding:20px;background:#e2e7d32e;display:flex;align-items:flex-start;gap:17px}.ending-number{font-family:var(--display);font-size:27px;color:#aabc92;min-width:27px;line-height:1.1}.ending-card>div{flex:1}.ending-card .eyebrow{font-size:6px;letter-spacing:1.6px;margin-bottom:6px}.ending-card h3{font-family:var(--serif);font-size:21px;line-height:1.3;font-weight:500;color:#5d7a4c;margin:0 0 8px}.ending-card p{font-size:10px;line-height:1.7;color:#8b9c7a;margin:0}.ending-card small{display:block;font-size:8px;color:#a07c4c;line-height:1.6;margin-top:10px}.ending-mark{font-size:21px;line-height:1;color:#a77c4e}.ending-card.locked{opacity:.5}.ending-card.locked .ending-mark{color:#8e9c7b}.ending-card.unlocked{display:grid;grid-template-columns:28px 1fr 23px}.ending-thumbnail{display:block;grid-column:1/-1;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #8d9b6c4a;margin-bottom:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:17px 0}.settings-row>div{flex:1;min-width:0}.settings-row h3{font-family:var(--serif);font-size:20px;font-weight:500;color:#6c8659;margin:0 0 7px}.settings-row p{font-size:10px;line-height:1.7;color:#99a686;margin:0}.toggle{position:relative;width:40px;height:23px;border:1px solid #81976d63;border-radius:20px;background:#dee4d0;padding:0;flex:none}.toggle>span{position:absolute;width:13px;height:13px;left:4px;top:4px;background:#a6b491;border-radius:50%;transition:transform .2s,background .2s}.toggle.on{background:#7b94683b;border-color:#6c855b9c}.toggle.on>span{transform:translateX(17px);background:#638054}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);max-width:min(430px,calc(100% - 30px));padding:13px 21px;background:#294737f5;border:1px solid #78946c99;color:#f4efdd;box-shadow:0 8px 28px #253f2c33;font-size:10px;line-height:1.6;text-align:center;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s}.toast.visible,.toast.show{opacity:1;transform:translate(-50%,0)}#dialog.art-dialog{max-width:1120px;width:calc(100% - 38px);padding:26px;max-height:94svh;background:#f0ecdf}#dialog.art-dialog .modal-head{margin-bottom:20px}.lightbox-image{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;background:#dfe4d6}.artwork-description{font-size:11px;line-height:1.8;color:#849374;margin:17px 0 0}.art-download{text-decoration:none;font-size:11px;margin-top:8px}.portrait-study{display:flex;align-items:flex-start;justify-content:center;gap:25px}.portrait-study figure{margin:0;max-width:390px;min-width:0;flex:1}.portrait-study img{display:block;width:100%;height:auto;max-height:67svh;object-fit:contain;background:#e3e7da}.portrait-study figcaption{font-family:var(--serif);font-size:20px;line-height:1.4;color:#6f875c;text-align:center;margin-top:13px}.map-modal svg,.map-illustration svg,.mountain-map{display:block;width:100%;height:auto;max-height:56svh;margin:auto;color:#6b8760}.map-modal{position:relative;background:#e5e8d7;border:1px solid #89a1774d;padding:20px 15px;margin:18px 0}.map-stops{display:flex;flex-direction:column;gap:9px;margin-top:16px}.map-stop{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid #819b6b57;background:#f4f1e4;font-size:11px;color:#748d61;line-height:1.5}.map-stop>span:first-child{font-family:var(--display);font-size:22px;color:#94a57a}.map-stop.current{border-color:#a65b36;background:#f6ead8;box-shadow:inset 3px 0 #aa603c;color:#a06942}.map-stop.complete{background:#dce6d0;color:#5c7b48}.map-stop.locked{opacity:.5}.map-stop strong{display:block;font-family:var(--serif);font-size:16px;font-weight:500}.map-stop small{font-size:9px;color:#95a583}.training-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.technique-card{border:1px solid #80976b63;background:#e9ecdc;text-align:left;padding:20px 17px;position:relative;min-height:155px;transition:border .2s,background .2s}.technique-card:hover:not(:disabled){background:#dfe7d1;border-color:#547946}.technique-card>span:first-child,.technique-icon{display:block;font-family:var(--serif);font-size:28px;color:#a16f47;margin-bottom:15px;line-height:1}.technique-card h3,.technique-card strong{font-family:var(--serif);font-size:19px;font-weight:500;line-height:1.3;color:#5d7a4d;margin:0 0 9px}.technique-card p{font-size:10px;line-height:1.7;color:#8da17c;margin:0}.technique-card small{display:block;font-size:8px;line-height:1.6;color:#ae8154;margin-top:12px}.technique-card.locked,.technique-card:disabled{opacity:.45}.technique-card.mastered{border-color:#688e51;background:#d9e5c6}.practice-pad{position:relative;border:1px solid #80996b5a;background:#e2e8d5;padding:28px 21px;text-align:center;margin:20px 0}.practice-pad h3{font-family:var(--serif);font-size:25px;font-weight:500;color:#65804f;margin:0 0 15px}.practice-pad p{font-size:11px;line-height:1.8;color:#8b9d77;margin:0 0 20px}.practice-pad .primary-button,.practice-pad .secondary-button{margin:8px}.practice-sequence,.sequence-track{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin:23px 0}.sequence-step{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:8px;border:1px solid #82996b6b;background:#f4f3e7;color:#7d9668;font-family:var(--serif);font-size:20px;transition:background .15s,transform .15s}.sequence-step.active,.sequence-step.current{background:#b2c699;border-color:#66844a;color:#3e6636;transform:translateY(-4px)}.sequence-step.complete,.sequence-step.correct{background:#d6e3c6;border-color:#6f8f52}.sequence-step.wrong,.sequence-step.error{background:#e9c7b4;border-color:#b86d49;color:#a65b39}.practice-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.practice-controls button{border:1px solid #6d8d545e;background:#f0f2e4;min-width:51px;height:51px;color:#6a8b4e;font-size:20px}.practice-controls button:hover{background:#cfddbd}.practice-score{font-size:10px;color:#a37c4e;line-height:1.8;margin-top:17px}.training-reward{font-family:var(--serif);font-size:22px;color:#66874d;line-height:1.5;margin:20px 0}.muted{color:var(--muted)}html[data-font=large]{--reader-size:23px}html[data-font=large] .choice-copy strong{font-size:20px}html[data-font=large] .choice-copy small{font-size:11px}html.reduce-motion{scroll-behavior:auto}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation:none!important;transition:none!important}
@media(min-width:1600px){.hero-layout{padding-top:70px;padding-bottom:60px}.hero-content h1{font-size:125px}.hero-description{font-size:13px;max-width:390px}.hero-visual{min-height:660px}.hero-subhead p{font-size:29px}}
@media(max-width:1150px){.site-header{padding:0 4%;gap:20px}.site-header nav{gap:22px;margin-right:1%}.home-view{padding:0 4%}.hero-layout{grid-template-columns:45% 55%;padding:42px 0 34px}.hero-content{padding-right:7%}.hero-content h1{font-size:83px;letter-spacing:-2.7px}.hero-subhead p{font-size:21px}.hero-description{font-size:11px;line-height:1.9}.hero-actions{gap:20px}.primary-button{gap:25px;padding:16px 19px;font-size:10px}.hero-actions .text-button{font-size:9px;gap:9px}.hero-visual{min-height:560px;padding:10px 10px 0}.hero-visual figcaption{font-size:6px}.hero-visual figcaption>span:first-child{font-size:6px;letter-spacing:.6px;gap:5px}.hero-bottom{gap:4%}.story-feature{gap:11px;min-width:152px}.story-feature strong{font-size:12px}.story-feature>div>span{font-size:7px}.feature-number{font-size:32px}.feature-links{padding-left:20px;gap:10px}.feature-links button{font-size:8px;gap:12px}.reader-layout{grid-template-columns:minmax(0,1fr)218px;gap:35px;padding-left:4%;padding-right:4%}.story-topline{padding-left:4%;padding-right:4%}.reader-sidebar{top:20px}.scene-title{font-size:45px}.journal-button{padding:14px 9px;gap:9px}.journal-button>span:nth-child(2){font-size:13px}.journal-button small{font-size:6px}.ally-copy strong{font-size:13px}}
@media(max-width:900px){.site-header nav{gap:18px}.site-header nav .nav-link:nth-child(3){display:none}.header-tools{gap:4px}.hero-layout{grid-template-columns:47% 53%;align-items:stretch}.hero-content{padding-top:15px;padding-bottom:20px}.hero-content h1{font-size:73px;letter-spacing:-2.6px}.hero-content>.eyebrow{font-size:6px;letter-spacing:1.5px;gap:7px}.hero-content>.eyebrow>span{width:16px}.hero-subhead p{font-size:19px;letter-spacing:-.4px}.hero-description{font-size:10px}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-actions .primary-button{min-width:200px;justify-content:space-between}.hero-save-note{font-size:7px;max-width:230px;margin-top:17px;line-height:1.7}.hero-visual{min-height:550px}.hero-stamp{right:26px;top:26px;width:42px;height:59px}.hero-stamp span{font-size:7px;letter-spacing:1.5px}.hero-visual figcaption>span:last-child{display:none}.hero-bottom{gap:4%;justify-content:space-between;flex-wrap:wrap}.feature-links{margin-left:0;flex-direction:row;gap:25px;border:0;padding:17px 0 0;border-top:1px solid var(--line);width:100%}.story-feature{min-width:0}.home-footnote{font-size:6px}.reader-layout{display:block;max-width:825px;padding-left:6%;padding-right:6%;margin-top:15px;padding-bottom:105px}.reader-sidebar{display:none}.story-topline{max-width:825px;padding-left:6%;padding-right:6%}.mobile-reader-tools{display:flex;position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;border:1px solid #7291638a;background:#eceee0f5;box-shadow:0 5px 20px #23382117;padding:5px 3px;backdrop-filter:blur(10px)}.mobile-reader-tools button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:91px;padding:10px 14px;font-size:9px;color:var(--green);border-right:1px solid var(--line)}.mobile-reader-tools button:last-child{border:0}.mobile-reader-tools svg{height:15px;width:14px}.mobile-reader-tools button>span{font-size:18px;line-height:1}.toast{bottom:82px}.scene-title{font-size:48px}.ending-view{padding-top:47px}}
@media(max-width:650px){.site-header{height:78px;padding:0 6%;gap:10px}.brand{gap:8px}.brand svg{height:36px;width:36px}.brand span{font-size:6px;letter-spacing:1.8px}.brand strong{font-size:21px;letter-spacing:4px}.site-header nav{display:none}.header-tools{gap:2px}.icon-button{width:29px;height:31px}.icon-button svg{height:16px;width:16px}.type-icon{font-size:16px}.resume-button{margin-left:4px;font-size:8px;padding:8px 9px;gap:8px;max-width:110px;line-height:1.4}.home-view{padding:0 6%;min-height:calc(100svh - 78px)}.hero-layout{display:flex;flex-direction:column;padding:24px 0 25px;gap:0}.hero-visual{order:-1;min-height:0;display:block;margin:0 -2% 28px;padding:6px 6px 0;align-self:stretch}.hero-image{width:100%;height:auto;max-height:none;aspect-ratio:1.3;object-fit:cover;object-position:center 39%;display:block}.hero-visual figcaption{padding:9px 3px;font-size:6px;line-height:1.5}.hero-visual figcaption>span:first-child{font-size:6px;letter-spacing:.8px;gap:5px}.hero-visual figcaption>span:last-child{display:block;font-size:5px}.hero-stamp{top:21px;right:21px;width:35px;height:51px;outline-offset:2px}.hero-stamp span{font-size:6px;letter-spacing:1.3px;line-height:1.7}.hero-content{padding:0;position:relative}.hero-content>.eyebrow{font-size:6px;letter-spacing:1.6px;gap:9px}.hero-content>.eyebrow>span{width:21px}.hero-content h1{font-size:75px;line-height:.89;letter-spacing:-2.7px;margin:22px 0 24px}.title-the{font-size:7px;letter-spacing:5px;margin-bottom:13px}.hero-subhead{margin-bottom:17px;gap:12px}.hero-subhead p{font-size:22px;letter-spacing:-.3px;line-height:1.25}.red-rule{height:40px}.hero-description{font-size:11px;line-height:1.85;max-width:360px;margin-bottom:23px}.hero-actions{flex-direction:row;align-items:center;gap:25px}.hero-actions .primary-button{min-width:0;gap:27px;padding:15px 19px;min-height:50px;font-size:10px}.hero-actions .text-button{font-size:9px;gap:9px}.hero-save-note{font-size:7px;margin:17px 0 0;max-width:none;gap:6px;letter-spacing:0}.save-summary{font-size:8px;margin-top:9px}.cloud-lines{width:500px;height:400px;left:-290px;top:600px;opacity:.8}.hero-bottom{padding:22px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:21px 16px}.story-feature{gap:10px}.story-feature:nth-child(3){display:none}.feature-number{font-size:31px}.story-feature strong{font-size:11px;line-height:1.4}.story-feature>div{gap:5px}.story-feature>div>span{font-size:6px;letter-spacing:0}.feature-links{grid-column:1/-1;gap:0;justify-content:space-between;padding-top:18px;margin-top:1px}.feature-links button{font-size:8px;gap:13px}.home-footnote{display:block;font-size:6px;line-height:1.8;margin-top:17px;letter-spacing:1px}.home-footnote>span{display:block}.home-footnote>span:last-child{font-size:6px;letter-spacing:.1px;margin-top:5px}.story-topline{padding:22px 6% 20px;gap:10px}.back-link{font-size:8px;gap:8px}.back-link>span{font-size:16px}.autosave-note{font-size:6px;gap:5px}.autosave-note .save-dot{width:3px;height:3px}.reader-layout{margin-top:10px;padding-bottom:110px}.scene-eyebrow{font-size:6px;letter-spacing:1.5px;gap:9px}.scene-eyebrow #location-label{font-size:6px;letter-spacing:1px}.chapter-track{gap:10px;margin-top:16px}.chapter-track>span{font-size:0;padding-bottom:6px;min-height:22px;white-space:normal}.chapter-track b{display:block;font-size:11px;line-height:1.3;margin:0}.scene-title{font-size:39px;letter-spacing:-1px;line-height:1.08;margin:20px 0 22px}.scene-illustration{margin:0 -1% 22px;padding:5px 5px 0}.scene-illustration figcaption{font-size:6px;padding:8px 4px;gap:8px;line-height:1.6}.scene-illustration figcaption button{font-size:6px}.art-expand{width:28px;height:28px;right:8px;bottom:8px;font-size:20px}.speaker-chip{min-height:62px;padding-right:12px;gap:10px;margin-bottom:19px}.speaker-chip img{width:43px;height:50px}.speaker-chip strong{font-size:18px}.speaker-chip small{font-size:6px;letter-spacing:.6px}.speaker-more{font-size:14px;margin-left:3px}.story-prose{font-size:18px;line-height:1.85;letter-spacing:-.1px}.story-prose p{margin-bottom:20px}.choice-heading{gap:12px;margin:30px 0 18px}.choice-heading>p{font-size:6px;letter-spacing:1.9px}.choice{gap:12px;padding:15px 12px;min-height:83px}.choice-key{font-size:19px;min-width:24px;padding-right:10px;height:29px}.choice-copy strong{font-size:16px;line-height:1.4}.choice-copy small{font-size:8px;line-height:1.7}.choice-arrow{font-size:16px}.choice-requires{font-size:8px}.reader-bottom{gap:10px;margin-top:17px}.undo-button{font-size:7px;gap:7px}.undo-button>span{font-size:19px}.scene-count{font-size:6px;letter-spacing:.6px}.mobile-reader-tools{bottom:14px;padding:4px 2px}.mobile-reader-tools button{min-width:87px;font-size:8px;padding:9px 13px;gap:7px}.mobile-reader-tools svg{width:13px;height:15px}.mobile-reader-tools button>span{font-size:17px}.ending-view{padding:39px 6% 75px}.ending-sigil{font-size:35px;padding:4px 7px 9px;margin-bottom:23px}.ending-content>.eyebrow{font-size:6px;letter-spacing:1.6px}.ending-content h1{font-size:45px;letter-spacing:-1.3px;line-height:1.1;margin:23px 0 18px}.ending-subtitle{font-size:18px;line-height:1.5}.ending-illustration{margin:27px -1%;padding:5px}.ending-body{font-size:17px;line-height:1.9}.ending-body p{margin-bottom:20px}.ending-summary{font-size:7px;gap:17px;padding:16px 0;margin-top:24px}.ending-actions{gap:12px;margin-top:26px}.ending-actions>.primary-button,.ending-actions>.secondary-button{font-size:9px;padding:14px 16px;min-height:49px;gap:17px}.ending-actions>.text-button{font-size:9px}.ending-view .ending-art{opacity:.02}dialog{width:calc(100% - 26px);max-height:calc(100svh - 28px);padding:25px 22px}.modal-head{gap:12px;margin-bottom:20px}.modal-head .eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:10px}.modal-head h2{font-size:31px;line-height:1.1;letter-spacing:-.6px}.modal-close{font-size:24px;width:24px;height:24px}.modal-intro{font-size:15px;line-height:1.8;margin-bottom:23px}.field-label{font-size:7px;letter-spacing:1.3px;margin-top:21px}.option-grid{gap:7px}.pronoun-option{font-size:9px;padding:11px 5px}.origin-option{padding:14px 12px;gap:12px}.origin-icon{font-size:22px;width:24px}.origin-option strong{font-size:19px;margin-bottom:6px}.origin-option small{font-size:9px;line-height:1.75}.origin-option em{font-size:7px;margin-top:6px}.modal-actions{gap:10px;margin-top:25px}.modal-actions .primary-button{font-size:10px;padding:15px 19px;gap:24px}.modal-footnote,.modal-note{font-size:8px;margin-top:22px;padding-top:15px}.save-notice{font-size:9px;padding:10px 12px}.empty-state{padding:23px 14px}.empty-state h3{font-size:21px}.empty-state p{font-size:10px}.character-card{gap:14px;padding:20px 0}.character-portrait{width:82px;height:119px}.character-card .eyebrow{font-size:5px;letter-spacing:1.1px;margin-bottom:6px}.character-card h3{font-size:26px;line-height:1.1;margin-bottom:9px}.character-card p{font-size:10px;line-height:1.8}.relationship-note{font-size:7px;margin-top:10px}.portrait-link{font-size:8px;padding-top:8px;gap:8px}.portrait-link>span{font-size:14px}.journal-entry{gap:13px;padding:17px 0}.entry-number{font-size:22px}.journal-entry h3{font-size:19px;margin-bottom:9px}.journal-entry p{font-size:15px;line-height:1.8}.journal-stats{gap:17px;font-size:9px}.ending-card{padding:17px 13px;gap:12px}.ending-card.unlocked{grid-template-columns:23px 1fr 20px}.ending-number{font-size:23px;min-width:23px}.ending-card h3{font-size:19px}.ending-card p{font-size:9px}.ending-card small{font-size:7px}.ending-mark{font-size:18px}.ending-card .eyebrow{font-size:5px;letter-spacing:1.4px}.settings-row{gap:16px;padding:16px 0}.settings-row h3{font-size:18px;margin-bottom:6px}.settings-row p{font-size:9px}.toggle{width:38px;height:23px}.toggle.on>span{transform:translateX(15px)}.toast{bottom:78px;font-size:9px;padding:12px 16px}#dialog.art-dialog{width:calc(100% - 20px);padding:22px 16px}#dialog.art-dialog .modal-head{margin-bottom:18px}#dialog.art-dialog .modal-head h2{font-size:28px}.artwork-description{font-size:10px;line-height:1.8}.art-download{font-size:10px}.portrait-study{gap:13px}.portrait-study figcaption{font-size:17px;line-height:1.5;margin-top:11px}.portrait-study.has-variation{display:block}.portrait-study.has-variation figure{max-width:320px;margin:0 auto 23px}.portrait-study.has-variation figure:last-child{margin-bottom:0}.portrait-study img{max-height:65svh}.map-modal{padding:15px 10px;margin:17px 0}.map-stop{gap:12px;padding:12px;font-size:10px}.map-stop strong{font-size:15px}.map-stop small{font-size:8px}.training-grid{gap:10px;margin:17px 0}.technique-card{padding:17px 13px;min-height:155px}.technique-card>span:first-child,.technique-icon{font-size:25px;margin-bottom:13px}.technique-card h3,.technique-card strong{font-size:17px}.technique-card p{font-size:9px;line-height:1.7}.technique-card small{font-size:7px}.practice-pad{padding:24px 16px}.practice-pad h3{font-size:23px}.practice-pad p{font-size:10px}.practice-sequence,.sequence-track{gap:8px}.sequence-step{min-width:40px;height:40px;font-size:18px}.practice-controls{gap:8px}.practice-controls button{min-width:46px;height:46px;font-size:19px}html[data-font=large] .story-prose{font-size:22px}html[data-font=large] .choice-copy strong{font-size:19px}html[data-font=large] .choice-copy small{font-size:10px}}
@media(max-width:370px){.site-header{padding-left:5%;padding-right:5%}.brand svg{width:31px;height:33px}.brand span{font-size:5px}.brand strong{font-size:19px}.brand{gap:6px}.icon-button{width:26px}.resume-button{font-size:7px;padding:7px;gap:6px;margin-left:2px}.home-view{padding-left:6%;padding-right:6%}.hero-content h1{font-size:67px}.hero-subhead p{font-size:20px}.hero-actions{gap:20px}.hero-actions .primary-button{font-size:9px;gap:20px;padding:15px 17px}.hero-actions .text-button{font-size:8px;gap:7px}.hero-visual figcaption>span:last-child{display:none}.story-feature{gap:8px}.story-feature strong{font-size:10px}.story-feature>div>span{font-size:5px}.feature-number{font-size:29px}.feature-links button{font-size:7px;gap:9px}.scene-title{font-size:36px}.choice{padding:14px 10px;gap:10px}.choice-copy strong{font-size:15px}.character-portrait{width:72px;height:108px}.character-card{gap:12px}.character-card h3{font-size:24px}.training-grid{grid-template-columns:1fr}.technique-card{min-height:0}.hero-save-note{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the first step within reach on a phone. */
@media(max-width:650px){.hero-visual{margin-bottom:22px}.hero-image{aspect-ratio:1.7;object-position:center 42%}.hero-content h1{font-size:66px;margin-top:18px;margin-bottom:20px}.title-the{font-size:6px;letter-spacing:5px;margin-bottom:10px}.hero-content .hero-description{display:none}.hero-subhead{margin-bottom:22px}.hero-save-note{margin-top:16px}.hero-layout{padding-bottom:26px}}
@media(max-width:370px){.hero-content h1{font-size:60px}.hero-subhead p{font-size:19px}.hero-image{aspect-ratio:1.65}}
/* Interactive forms and the cartographer's living map. */
.training-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.technique-card .eyebrow{font-family:var(--sans);font-size:8px;letter-spacing:1.2px;line-height:1.5;color:#8c5d3f;margin-bottom:16px}.technique-card .secondary-button{margin-top:18px;font-size:10px;padding:10px 12px;min-height:40px}.technique-card .form-note{font-size:9px;margin-top:16px}.form-sequence{display:flex;justify-content:center;gap:11px;margin:25px 0 15px}.practice-status{min-height:24px;text-align:center;font-size:12px;color:#6c745a}.practice-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:none;border:0;padding:0;margin:20px 0}.practice-move{display:flex;flex-direction:column;align-items:center;gap:9px;justify-content:center;border:1px solid #6584557a;background:#e3e9d8;padding:19px 8px;color:#3d5f42;min-height:99px}.practice-move:hover{background:#c9d9ba;border-color:#557747}.practice-move strong{font-size:30px;font-weight:400}.practice-move span{font-size:11px}.practice-actions{display:flex;justify-content:space-between;gap:16px}.practice-complete{text-align:center;padding:15px 0 12px}.practice-complete>span{font-size:52px;color:#ab603d}.practice-complete h3{font-family:var(--serif);font-size:36px;font-weight:500;color:#3f5944;margin:20px 0 12px}.practice-complete p{font-size:13px;color:#64755d;line-height:1.8;margin:0 0 26px}.walking-map{border:1px solid #83977355;background:#e4e9d8;padding:12px;margin:20px 0}.walking-map svg{display:block;width:100%;height:auto;max-height:220px;color:#50704a}.walking-map .map-mountain{fill:#cddabe;stroke:#94ac80;stroke-width:1.5}.walking-map .map-path{fill:none;stroke:#b6774c;stroke-width:2;stroke-dasharray:4 6}.walking-map circle{fill:#ac603e;stroke:#f7f4e8;stroke-width:3}.map-stop{align-items:flex-start}.map-dot{width:10px;height:10px;border-radius:50%;background:#9daa87;flex:none;margin-top:5px}.map-stop.current .map-dot{background:#b16643;box-shadow:0 0 0 4px #b1664320}.map-stop h3{font-family:var(--serif);font-weight:500;font-size:22px;margin:5px 0 7px;color:#435f43}.map-stop p{font-size:11px;line-height:1.6;margin:0}.map-stop .eyebrow{font-size:8px;letter-spacing:1px}.map-stop .text-button{font-size:10px;margin-top:10px;padding:0}.art-download{margin-top:12px;text-decoration:none;font-size:12px}
@media(max-width:650px){.training-grid{grid-template-columns:1fr}.technique-card{padding:19px}.technique-card h3{font-size:23px}.technique-card p{font-size:11px}.technique-card small{font-size:10px}.technique-card .eyebrow{font-size:9px}.form-sequence{gap:9px}.practice-pad{gap:7px}.practice-move{min-height:87px;padding:14px 4px}.practice-move strong{font-size:27px}.practice-move span{font-size:10px}.practice-actions{align-items:flex-start}.practice-actions button{font-size:10px;white-space:normal;text-align:left}.map-stop h3{font-size:22px}.map-stop p{font-size:10px}}
.map-stop.locked{opacity:.78}.technique-card.locked{opacity:.78}.map-stop .eyebrow,.technique-card .eyebrow{color:#79583f}.form-note{color:#64765a!important}