.m8{position:relative;height:680vh;--m8-red:#ac604b;--m8-ink:#414639;--m8-sage:#647357;--m8-line:#dcdccf;scroll-margin-top:0}
.m8-stage{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden;isolation:isolate;background:#f7f5ee}
.m8-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 74% 46%,#e9e6d955,transparent 63%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237d755c' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.m8-canvas{position:absolute;width:1440px;height:900px;transform-origin:0 0;color:var(--m8-ink)}
.m8-heading{position:absolute;left:98px;top:124px;width:390px}
.m8-heading .eyebrow{font-size:11.5px;letter-spacing:2px;margin-bottom:22px;color:#828371}
.m8-heading .eyebrow>span{background:#ad8c75}
.m8-heading h2{font:500 52px/1.25 var(--serif);letter-spacing:-1px}
.m8-heading h2 em{font-style:normal;color:#7a825e;position:relative}
.m8-heading h2 em:after{content:"";position:absolute;left:1px;right:0;bottom:-7px;height:6px;border-top:1.4px solid #a5ae8d;border-bottom:1px solid #b8bda29c;border-radius:50%;transform:rotate(-2deg)}
.m8-heading>p{font-size:12px;color:#858978;line-height:1.9;margin-top:21px;letter-spacing:.5px}
.m8-context{position:absolute;left:551px;top:132px;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.7px;color:#8b8b7b}
.m8-context-dot{width:5px;height:5px;background:#85916e;border-radius:50%}
.m8-context-divider{padding:0 7px;color:#c1c2b2}
.m8-map{position:absolute;left:96px;top:348px;width:350px;height:460px}
.m8-map-source{display:flex;align-items:center;gap:14px;margin-left:26px;font-size:11px;color:#92977f;letter-spacing:.2px}
.m8-map-source i{font:16px var(--serif);color:#c2c5b1}
.m8-route{position:absolute;left:0;top:30px;width:350px;height:440px;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.m8-route-draft{stroke:#c6c7b8;stroke-width:1.6;stroke-dasharray:2 5}
.m8-route-ink{stroke:#a2ac8c;stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1}
.m8-route-return{stroke:#bc7961;stroke-width:1.3;stroke-dasharray:1;stroke-dashoffset:1}
.m8-return-arrow{stroke:#bc7961;stroke-width:1.2;opacity:0}
.m8-waypoint{fill:#f7f5ee;stroke:#b9bdab;stroke-width:1.4;transition:fill .3s,stroke .3s}
.m8-waypoint.is-past{fill:#a5af91;stroke:#a5af91}
.m8-route-marker>circle:first-child{fill:#f7f5ee;stroke:#b56c53;stroke-width:1.4}
.m8-route-marker>circle:nth-child(2){fill:#b56c53}
.m8-route-marker>path{stroke:#b56c53;stroke-width:1;opacity:.24;transform:translate(10px,-9px)}
.m8-stop{position:absolute;text-align:left;padding:0 0 3px;background:transparent;border:0;width:190px}
.m8-stop-label{font:20px/24px var(--serif);color:#9a9c8d;display:inline-block;position:relative;transition:color .3s}
.m8-stop-label:before{content:"";position:absolute;inset:11px -5px -1px 23px;background:#e6dfc9;transform:scaleX(0) rotate(-2deg);transform-origin:0 50%;z-index:-1;transition:transform .3s}
.m8-stop-label i{font:italic 10.5px Georgia,serif;color:#afb19f;margin-right:9px}
.m8-stop small{display:block;font-size:11px;letter-spacing:.5px;color:#a5a695;margin-top:5px;margin-left:25px}
.m8-stop.is-current .m8-stop-label{color:#8a503f}
.m8-stop.is-current .m8-stop-label:before{transform:scaleX(1) rotate(-2deg)}
.m8-stop.is-current small{color:#8d816c}
.m8-stop.is-past .m8-stop-label{color:#6f7b61}
.m8-stop:hover .m8-stop-label{color:var(--m8-red)}
.m8-return-note{position:absolute;left:-23px;top:150px;padding:7px 9px;background:#f3e7d9;border:1px solid #d5b6a3;border-radius:2px 4px 3px 1px;color:#a6654e;font-size:11px;transform:rotate(-5deg);opacity:0;box-shadow:0 3px 8px #8b6b3a0a}
.m8-return-note span{margin-left:6px}
.m8-map-note{position:absolute;left:120px;bottom:-6px;font:italic 15px var(--serif);color:#b0ae98;transform:rotate(-5deg)}
.m8-scene-heading{position:absolute;left:548px;right:96px;top:178px;display:flex;gap:17px;align-items:center}
.m8-scene-number{font:italic 43px/1 Georgia,serif;color:#a5ac91;letter-spacing:-3px}
.m8-scene-kicker{font:8px Georgia,serif;letter-spacing:2px;color:#a3a28e}
.m8-scene-heading p{font:19px var(--serif);color:#656c58;margin-top:7px}
.m8-scene-count{margin-left:auto;align-self:flex-end;font:10px Georgia,serif;color:#a5aa95;letter-spacing:1px;padding-bottom:4px}
.m8-paper-stack{position:absolute;left:550px;top:256px;width:793px;height:531px;background:#eae8dc;border:1px solid #dddbcf;transform:rotate(-1.1deg);border-radius:2px 5px 3px 4px;box-shadow:0 15px 36px #4b493f09}
.m8-sheet{position:absolute;left:540px;top:246px;width:810px;height:548px;border:1px solid #deded2;border-radius:3px 7px 3px 4px;background:#fffef9;box-shadow:0 5px 9px #5c554308,0 18px 40px #5c55430c;transform-origin:50% 85%;--note-color:#5e7455;--note-fill:#e3e9cf;--note-pale:#f1f3e9}
.m8-sheet:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.22'/%3E%3C/svg%3E");border-radius:inherit}
.m8-sheet[data-theme="blue"]{--note-color:#527c8e;--note-fill:#dce9ed;--note-pale:#f0f5f5}
.m8-sheet[data-theme="coral"]{--note-color:#a06c54;--note-fill:#f2dfd0;--note-pale:#faf1e9}
.m8-technical,.m8-expression,.m8-review{opacity:0;visibility:hidden}
.m8-paper-top{position:absolute;left:33px;right:33px;top:24px;display:flex;justify-content:space-between;align-items:center;height:24px}
.m8-paper-label{font-size:11px;letter-spacing:1px;color:#707661}
.m8-paper-label i{font:7px Georgia,serif;letter-spacing:1.5px;color:#a7aa97;margin-left:7px}
.m8-question-tabs{display:flex;align-items:center;gap:15px}
.m8-question-tabs button{padding:4px 0;border:0;background:transparent;font:10px Georgia,serif;color:#a5ac97;border-bottom:1px solid transparent}
.m8-question-tabs button span{font:9px var(--sans);margin-left:4px}
.m8-question-tabs button.is-selected{color:var(--note-color);border-color:var(--note-color)}
.m8-question-title{position:absolute;left:33px;right:30px;top:74px;font:500 29px/1.45 var(--serif);letter-spacing:.3px;margin:0}
.m8-question-meta{position:absolute;left:34px;right:34px;top:171px;display:flex;gap:14px;align-items:center;font-size:11px;color:#8f9580;line-height:20px}
.m8-question-meta>span:first-child{font-size:10.5px;color:#9a9f8c;border-right:1px solid #d6dcca;padding-right:14px}
.m8-question-meta b{font:italic 12px Georgia,serif;margin-left:5px;color:var(--note-color)}
.m8-topic{background:linear-gradient(transparent 48%,var(--note-fill) 48%,var(--note-fill) 95%,transparent 95%);color:var(--note-color)}
.m8-label{display:block;font-size:11px;letter-spacing:.7px;color:#747c65}
.m8-label i{font:italic 12px Georgia,serif;margin-right:8px;color:#a1aa8e}
.m8-origin{position:absolute;left:34px;right:34px;top:219px;height:259px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.m8-why{padding:18px 5px 0 0}
.m8-why p{font-size:15px;line-height:1.9;color:#707661;margin-top:18px}
.m8-requirement{position:relative;align-self:start;background:var(--note-pale);border-left:2px solid #b6c3a0;padding:18px 20px 17px;transform:rotate(.6deg)}
.m8-requirement strong{font:500 20px/1.6 var(--serif);color:var(--note-color);display:block;margin-top:16px}
.m8-requirement p{font-size:12px;line-height:1.9;color:#8b927d;margin-top:8px}
.m8-requirement small{display:block;font-size:10.5px;letter-spacing:.6px;margin-top:19px;color:#a3aa94}
.m8-origin-foot{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:13px;font:14px var(--serif);color:#9b9c87;border-top:1px dashed #e1e2d5;padding-top:21px}
.m8-origin-foot svg{width:72px;height:20px;fill:none;stroke:#b8bda6;stroke-width:1.2}
.m8-origin-foot strong{font-weight:400;color:#768565}
.m8-preparation{position:absolute;left:34px;right:34px;top:218px;height:275px;opacity:0}
.m8-evidence-note{position:relative;padding:17px 20px 15px;background:#f4f2e6;transform:rotate(-.4deg);border:1px solid #e7e4d4;border-radius:1px 4px 2px 4px;min-height:139px}
.m8-tape{position:absolute;left:44%;top:-10px;width:76px;height:20px;background:#d8d6bc80;clip-path:polygon(1% 5%,97% 0,99% 93%,3% 100%);transform:rotate(3deg)}
.m8-evidence-note>div{display:flex;justify-content:space-between;align-items:center}
.m8-evidence-note small{font-size:10.5px;color:#939682}
.m8-evidence{font:16px/1.85 var(--serif);margin-top:13px;color:#6b725d}
.m8-evidence mark{color:var(--note-color);background:linear-gradient(transparent 28%,var(--note-fill) 28%,var(--note-fill) 91%,transparent 91%);background-repeat:no-repeat;background-size:calc(var(--evidence-ink,0)*100%) 100%;box-decoration-break:clone}
.m8-follow-heading{display:flex;align-items:center;justify-content:space-between;margin-top:17px}
.m8-follow-heading>span:last-child{font-size:10.5px;color:#a8aa99}
.m8-followups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}
.m8-followups>div{position:relative;border-top:1px solid #c6cfb4;padding:13px 7px 7px;display:flex;align-items:flex-start;gap:8px}
.m8-followups>div:before{content:"";position:absolute;left:20px;top:-8px;height:8px;border-left:1px solid #c6cfb4}
.m8-followups i{font:italic 10px Georgia,serif;color:#a3ae90;padding-top:2px}
.m8-followups span{font-size:12px;color:#788264;line-height:1.6}
.m8-answer-entry{font-size:11.5px;color:#a09d87;margin-top:12px;letter-spacing:.3px}
.m8-evidence-missing{display:none;position:absolute;bottom:-4px;left:0;right:0;padding:6px 9px;font-size:11px;line-height:1.6;color:#a4674c;background:#f9eddd;border-left:2px solid #c58b65}
.m8-evidence-missing.is-visible{display:block}
.m8-paper-bottom{position:absolute;left:34px;right:34px;bottom:17px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.5px;color:#aaa997}
.m8-paper-bottom button{padding:0;background:transparent;border:0;font-size:11px;letter-spacing:.2px;color:#758265}
.m8-paper-bottom button span{margin-left:9px}
.m8-paper-bottom button:hover{color:#a2654d}
.m8-role-switch{display:flex;gap:4px;padding:3px;background:#f0f0e6;border-radius:3px}
.m8-role-switch button{font-size:10.5px;padding:4px 9px;border:0;background:transparent;color:#9b9c88;border-radius:2px}
.m8-role-switch button[aria-pressed="true"]{background:#fffef9;color:#6c7b5b;box-shadow:0 1px 3px #756d4212}
.m8-technical{background-color:#fffef9;background-image:linear-gradient(#a9b3a00b 1px,transparent 1px),linear-gradient(90deg,#a9b3a00b 1px,transparent 1px);background-size:22px 22px}
.m8-tech-tabs{position:absolute;left:34px;top:67px;display:flex;gap:24px}
.m8-tech-tabs[hidden]{display:none}
.m8-tech-tabs button{padding:4px 0;border:0;border-bottom:1px solid transparent;color:#9b9f8c;background:transparent;font-size:10.5px;letter-spacing:.5px}
.m8-tech-tabs button.is-selected{color:#a16d54;border-bottom-color:#bd997c}
.m8-tech-title{position:absolute;top:109px;left:34px;right:34px;font:500 28px/1.45 var(--serif);margin:0}
.m8-tech-context{position:absolute;left:34px;top:202px;right:34px;display:flex;flex-direction:column;gap:7px}
.m8-tech-context>span{font-size:11px;color:#8b795f}
.m8-tech-context>small{font-size:10.5px;color:#a0a18d}
.m8-flow{position:absolute;top:263px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between}
.m8-flow>div{position:relative;display:flex;align-items:center;gap:12px;justify-content:center;width:145px;height:67px;background:#f5f5eb;border:1px solid #dcdfcd;border-radius:2px 5px 2px 3px}
.m8-flow small{font:italic 11px Georgia,serif;color:#a5b093}
.m8-flow strong{font:500 18px var(--serif);color:#6b785f}
.m8-flow .is-fault{background:#f8eae0;border-color:#e7cbb9}
.m8-flow .is-fault strong{color:#a86850}
.m8-flow-arrow{font:25px var(--serif);color:#b6bca8}
.m8-flow svg{position:absolute;inset:-7px -5px;width:155px;height:81px;fill:none;stroke:#b87257;stroke-width:1.3;overflow:visible}
.m8-flow svg path{stroke-dasharray:1;stroke-dashoffset:1}
.m8-fault-note{position:absolute;right:42px;top:338px;display:flex;align-items:center;gap:8px;color:#a9765a}
.m8-fault-note svg{width:65px;height:26px;fill:none;stroke:#bb8b6a;stroke-width:1.1}
.m8-fault-note span{font:15px var(--serif);transform:rotate(-2deg)}
.m8-tech-hints{position:absolute;left:36px;right:36px;top:382px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.m8-tech-hints>div{position:relative;padding-left:20px;border-left:1px solid #d7ddc6}
.m8-tech-hints>div>span{position:absolute;left:-7px;top:-1px;font:italic 10px Georgia,serif;color:#9eaa89;background:#fffef9;padding-block:2px}
.m8-tech-hints strong{font-size:12px;font-weight:500;color:#6d7d59}
.m8-tech-hints p{font-size:11px;line-height:1.9;margin-top:8px;color:#949682}
.m8-tech-follow{position:absolute;left:36px;right:36px;top:488px;font-size:11px;color:#a17b60;line-height:1.6}
.m8-outline-tag{font-size:10.5px;color:#859174;padding:4px 9px;border:1px solid #d9dfcc;border-radius:2px;transform:rotate(2deg)}
.m8-expression h3{position:absolute;top:75px;left:34px;right:30px;margin:0;font:500 30px/1.5 var(--serif)}
.m8-expression h3 em{font-style:normal;color:#7b8867}
.m8-expression-question{position:absolute;top:134px;left:35px;right:35px;color:#949783;font-size:11px;line-height:1.8;border-bottom:1px dashed #e0e3d4;padding-bottom:13px}
.m8-expression-question br{display:none}
.m8-outline{position:absolute;left:35px;right:35px;top:188px}
.m8-outline-row{height:69px;display:flex;align-items:flex-start;gap:23px;position:relative}
.m8-outline-row>span{font:17px var(--serif);color:#7d896b;width:66px;flex-shrink:0;padding-top:1px}
.m8-outline-row i{font:italic 10px Georgia,serif;color:#a9b194;margin-right:7px}
.m8-outline-row>div{border-bottom:1px solid #eceee2;flex:1;padding:0 0 13px}
.m8-outline-row strong{font-size:13px;line-height:1.6;font-weight:500;color:#6c775d}
.m8-outline-row p{font-size:11px;line-height:1.8;color:#9a9e89;margin-top:5px}
.m8-outline-row:last-child>div{border-bottom:0}
.m8-outline-row:last-child p{color:#a88962}
.m8-outline-row>small{position:absolute;right:0;top:0;font-size:8px;padding:3px 5px;border:1px dashed #d7c2a3;color:#b2946b;transform:rotate(-4deg)}
.m8-expression-note{position:absolute;left:123px;bottom:53px;font:15px var(--serif);color:#a5a78f}
.m8-review{background:#fffdf5}
.m8-review-sample{font-size:10.5px;color:#b59d7b;padding:4px 9px;border:1px solid #e6d7bd;transform:rotate(3deg)}
.m8-review h3{position:absolute;left:35px;top:75px;font:500 33px/1.45 var(--serif);margin:0;color:#626b54}
.m8-review-record{position:absolute;left:36px;right:36px;top:199px;padding-left:17px;border-left:2px solid #a7b18e}
.m8-review-record .m8-label{font-size:10.5px;color:#a2a58c}
.m8-review-record p{font:18px/1.7 var(--serif);color:#657357;margin-top:10px}
.m8-review-insight{position:absolute;left:36px;right:36px;top:285px}
.m8-review-insight .m8-label{font-size:10.5px;color:#a6a18b}
.m8-review-insight p{font-size:13px;line-height:1.8;color:#8a8d76;margin-top:12px}
.m8-review-insight small{display:block;color:#aaa793;font-size:10.5px;line-height:1.6;margin-top:9px}
.m8-review-action{position:absolute;left:34px;right:34px;top:395px;min-height:91px;display:flex;align-items:center;gap:16px;padding:17px 18px;background:#f2ecd9;border:1px solid #e1d6b8;transform:rotate(-.5deg)}
.m8-action-check{font:24px var(--serif);color:#a37c54}
.m8-review-action>div{flex:1}
.m8-review-action>div>span{font-size:11px;color:#a58b61;letter-spacing:.5px}
.m8-review-action p{font-size:12px;color:#8d8064;line-height:1.8;margin-top:7px}
.m8-review-return{flex-shrink:0;background:transparent;border:0;border-bottom:1px solid #b8a280;padding:6px 0;font-size:11px;color:#997450;margin-left:5px}
.m8-review-return span{margin-left:4px}
.m8-review-handwriting{position:absolute;right:38px;bottom:-34px;font:18px var(--serif);color:#a99a7b;transform:rotate(-3deg)}
.m8-review-handwriting svg{position:absolute;left:5px;bottom:-11px;width:180px;height:19px;fill:none;stroke:#c4b79b;stroke-width:1}
.m8-side-annotation{position:absolute;left:1175px;top:807px;display:flex;align-items:center;gap:5px;transform:rotate(-4deg);color:#a6a98f;pointer-events:none}
.m8-side-annotation>span{font:14px var(--serif);white-space:nowrap}
.m8-side-annotation svg{width:52px;height:26px;fill:none;stroke:#b3b59b;stroke-width:1.2;transform:rotate(165deg)}
.m8-footer{position:absolute;left:98px;right:94px;bottom:29px;display:flex;align-items:center;justify-content:space-between;color:#aaa995;font-size:10px;letter-spacing:.5px}
.m8-footer>span:last-child{font:8px Georgia,serif;letter-spacing:1.7px;color:#a6ad95}
.m8-footer>span:last-child i{font-style:normal;margin:0 12px;color:#b8bdaa}
.m8-scroll-cue{display:flex;align-items:center;gap:14px;color:#a0a58d}
.m8-scroll-cue>i{display:block;width:90px;height:1px;background:#dbdfcf}
.m8-scroll-cue b{display:block;height:1px;width:0;background:#a0ad87}
.m8-end{background:#f1f1e7;border-top:1px solid #e0e2d5}
.site-header nav{gap:22px;white-space:nowrap}

/* text pass: keep the map quiet, one sub-label at a time */
.m8-stop small{display:none}
.m8-stop.is-current small{display:block}
.m8-footer{justify-content:center}