*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f4eb;color:#213d32;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}[hidden]{display:none!important}.site-header,main,footer{max-width:1120px;margin:auto}.site-header{padding:30px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5dacf}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;letter-spacing:-.5px;font-size:21px}.smallcaps,.eyebrow,.step-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.smallcaps{color:#607165}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:72px 32px 66px;gap:38px}.eyebrow{color:#607165;margin:0 0 18px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.8px;line-height:1.06}h1{font-size:clamp(44px,6vw,70px);margin-bottom:26px}h2{font-size:34px;margin:10px 0 16px}h3{font-size:19px;font-weight:650;margin:8px 0 10px}.intro{color:#5a6c60;font-size:18px;line-height:1.7;margin-bottom:24px}.text-link{font-weight:650;text-underline-offset:5px;background:none;border:0;padding:0;color:#284b3a}.text-link span{margin-left:16px}.loop-art{position:relative;text-align:center}.loop-art svg{width:100%;overflow:visible;max-height:320px}.trail{stroke:#96ac87;stroke-width:2;fill:none;stroke-dasharray:5 7}.trail-shadow{stroke:#e3e8d8;stroke-width:46;fill:none;stroke-linecap:round}.marker circle{fill:#f6f4eb;stroke:#496b49;stroke-width:1.5}.marker text{fill:#315336;text-anchor:middle;font:600 15px system-ui}.leaf{stroke:#537c4d;stroke-width:2;fill:#cad8b7}.map-note{fill:#637865;font:italic 15px Georgia}.art-caption{font:italic 15px Georgia;color:#74856c;display:block;margin-top:25px}.prep{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:32px;margin:0 32px 60px;background:#e8ecdF;border:1px solid #d4ddca;border-radius:5px}.prep h2{font-size:29px;letter-spacing:-1px}.prep p{font-size:14px;color:#506349;margin-bottom:0;max-width:530px}.prep-action{align-self:center;text-align:right}button.primary{background:#25473a;border:1px solid #25473a;color:#fff;padding:13px 24px;border-radius:5px;font-size:14px;font-weight:600}.primary span{margin-left:20px}button.secondary{padding:12px 20px;border:1px solid #b8c4b0;background:transparent;border-radius:5px;font-size:14px;color:#294633}.prep-action p{margin-top:12px;font-size:12px}.step-label{color:#697a5f}.walk{padding:0 32px 64px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center}.pill{border:1px solid #c9d2be;border-radius:50px;padding:6px 16px;font-size:12px;white-space:nowrap;background:#f0f1e7}.walk-steps{display:flex;list-style:none;padding:10px 0 26px;gap:32px;font-size:13px;color:#65725e}.walk-steps span{color:#456145;padding-right:7px;font-size:11px}.capture-card{background:#fffef8;border:1px solid #ced5c3;padding:26px;display:flex;gap:20px;border-radius:6px;align-items:center}.stop-icon{width:52px;height:52px;flex:0 0 52px;background:#edf0e2;border-radius:50%;display:grid;place-items:center;font-size:35px;color:#6f8861}.capture-body{flex:1}.capture-body label{font-size:12px;font-weight:600;color:#6b7b63;display:block}.capture-body input{border:0;border-bottom:1px solid #d3d9cb;background:transparent;width:100%;font-family:Georgia,serif;font-size:23px;color:#294731;margin:5px 0 12px;padding:3px 0}.capture-body p{font-size:13px;color:#66745d;margin:0}.capture-actions{display:flex;flex-direction:column;gap:9px;text-align:center}.file-link{font-size:12px;color:#66785f;cursor:pointer;text-decoration:underline;text-underline-offset:3px;position:relative;overflow:hidden}.file-link input{width:100%;height:100%;position:absolute;inset:0;opacity:0;cursor:pointer}.file-link:focus-within{outline:2px solid #426443;outline-offset:3px}.activity{font-size:13px;min-height:25px;margin:12px 0;color:#577054}.error{background:#f8eade;color:#713c2f;border-left:3px solid #a9684b;padding:14px;margin-bottom:15px}.journal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.note-card{padding:23px 20px;background:#fffef8;border:1px solid #d6dccb;border-radius:5px}.note-card .stop-no{font-size:11px;color:#7b8a6b;letter-spacing:1px}.note-card h3{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:8px 0 12px;overflow-wrap:anywhere}.note-card .sound-title{font-size:14px;font-weight:600;margin-bottom:10px}.sound-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 15px}.tag{font-size:11px;background:#edf1e2;padding:3px 9px;border-radius:20px;color:#486041}.note-card p{font-size:12px;color:#6c785f}.note-card label{font-size:12px;font-weight:600;display:block;margin-bottom:5px}.note-card textarea{background:#f6f5ee;border:1px solid #d8ddcf;border-radius:3px;width:100%;padding:10px;resize:vertical;min-height:85px;color:#364e32;font-size:13px}.source{display:block;font-size:10px;letter-spacing:.5px;color:#788568;margin-top:10px}.complete{text-align:center;background:#e9eddf;padding:34px;margin-top:28px;border-radius:6px}.complete h2{font-size:33px}.complete p{font-size:14px;color:#57694d}.complete button{margin:6px}.storage{padding:24px 0 0;font-size:12px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.storage label{display:flex;align-items:center;gap:8px}.storage p{margin:0;color:#778368;flex-basis:100%}.storage input{accent-color:#345b3c}.understand{border-top:1px solid #d5dacf;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:48px 32px 36px}.understand h2{font-size:32px}.understand p{color:#63735b;font-size:14px}.sample{border-left:1px solid #d5dacf;padding-left:30px}.sample h3{font-family:Georgia,serif;font-size:24px;font-weight:400}.sample p{font-size:13px}.sample #demo-result{font-size:12px;margin-top:14px}.about{margin:10px 32px 40px;font-size:13px;color:#5f7258}.about summary{cursor:pointer;padding:10px 0;border-top:1px solid #d5dacf;font-size:12px;font-weight:650}.about p{max-width:800px;margin:12px 0}footer{padding:24px 32px;border-top:1px solid #d5dacf;display:flex;justify-content:space-between;gap:20px;color:#718066;font-size:12px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:8px}:focus-visible{outline:3px solid #b18b39;outline-offset:4px}@media(max-width:760px){.site-header{padding:22px}.smallcaps{display:none}.hero{padding:44px 22px;grid-template-columns:1fr;gap:36px}.loop-art svg{max-height:240px}.art-caption{margin-top:12px}.prep{margin:0 22px 42px;padding:24px;grid-template-columns:1fr;gap:20px}.prep-action{text-align:left}.walk{padding:0 22px 42px}.walk h2{font-size:29px;max-width:230px}.walk-steps{flex-direction:column;gap:6px}.capture-card{flex-wrap:wrap;padding:20px}.stop-icon{width:40px;height:40px;flex-basis:40px;font-size:27px}.capture-body{min-width:180px}.capture-actions{width:100%;margin-top:6px}.journal{grid-template-columns:1fr}.understand{padding:32px 22px;grid-template-columns:1fr;gap:28px}.sample{border-left:0;border-top:1px solid #d5dacf;padding:25px 0 0}.about{margin:0 22px 30px}footer{padding:22px;flex-direction:column;gap:5px}.section-heading{align-items:flex-start}.pill{margin-top:25px}.complete h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}