@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--paper:#f4ead5;--paper-deep:#ead9b8;--ink:#17372e;--green:#1e4d3b;--green-soft:#2f654e;--moss:#a5b38d;--clay:#cf724c;--clay-dark:#a34d31;--line:rgba(23,55,46,.2);--white:#fbf7ee;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--shadow:0 14px 38px rgba(23,55,46,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.06;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.section-shell{max-width:1150px;margin:0 auto;padding-left:48px;padding-right:48px}.site-header{max-width:1250px;margin:auto;padding:28px 48px 16px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.brand,.site-footer>div{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:500 12px var(--mono);letter-spacing:.16em}.brand-mark{display:inline-flex;gap:2px;align-items:flex-end;height:19px;width:18px;transform:rotate(-14deg)}.brand-mark span{display:block;width:5px;background:var(--clay);border-radius:5px 5px 1px 1px}.brand-mark span:first-child{height:10px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:last-child{height:13px;background:var(--green-soft)}.brand-mark.small{height:14px;width:14px}.brand-mark.small span{width:4px}.brand-mark.small span:first-child{height:8px}.brand-mark.small span:nth-child(2){height:13px}.brand-mark.small span:last-child{height:10px}.header-actions{display:flex;gap:17px;align-items:center}.status-pill,.offline-badge{display:inline-flex;align-items:center;gap:8px;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase}.status-dot{width:7px;height:7px;background:#72a064;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(114,160,100,.17)}.icon-button{background:transparent;border:1px solid var(--line);width:29px;height:29px;border-radius:50%;color:var(--ink);font:500 13px var(--mono);cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:575px;align-items:center;padding-top:35px;padding-bottom:82px}.eyebrow{font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;display:flex;align-items:center;gap:11px;color:var(--green-soft)}.eyebrow-line{width:27px;height:1px;background:var(--clay);display:inline-block}.hero h1,.section-heading h2,.how-intro h2,.open-copy h2{font:500 clamp(53px,7vw,91px)/.92 var(--serif);letter-spacing:-.055em;margin:0;color:var(--green)}em{font-style:italic;color:var(--clay-dark)}.hero-intro{max-width:400px;font-size:16px;line-height:1.65;margin:29px 0 27px;color:var(--green-soft)}.hero-actions{display:flex;align-items:center;gap:25px}.primary-button,.secondary-button,.complete-button{border:0;cursor:pointer;background:var(--clay);color:#fff9ed;font:500 12px var(--mono);letter-spacing:.045em;padding:16px 21px;transition:transform .2s ease,background .2s ease;box-shadow:0 5px 0 var(--clay-dark)}.primary-button:hover,.secondary-button:hover,.complete-button:hover{transform:translateY(-2px);background:#d87d57}.primary-button span,.secondary-button span,.complete-button span{font-size:17px;margin-left:18px;vertical-align:-1px}.text-link,.reset-link{color:var(--green);text-decoration:none;font:500 11px var(--mono);letter-spacing:.03em}.text-link span{margin-left:6px;color:var(--clay)}.hero-art{position:relative;max-width:560px;margin:0 auto}.hero-art svg{display:block;width:100%;overflow:visible}.sun{fill:var(--clay)}.hill.back{fill:var(--moss)}.hill.front{fill:var(--green-soft)}.path{fill:var(--paper)}.plant,.bird{fill:none;stroke:var(--paper);stroke-linecap:round;stroke-width:3}.bird{stroke-width:2}.tiny-sun{fill:var(--paper)}.art-caption{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--green-soft)}.art-caption span:first-child{color:var(--clay)}.mission-section{padding-top:94px;padding-bottom:120px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.section-heading h2{font-size:64px}.section-note{font-size:14px;color:var(--green-soft);max-width:265px;margin:0 30px 3px 0;line-height:1.6}.mission-form{border-top:1px solid var(--line)}.form-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.field-group{border:0;padding:30px 0 31px;margin:0}.field-group+ .field-group{border-left:1px solid var(--line);padding-left:34px}.field-group legend{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-soft);padding:0;margin-bottom:19px}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented button{border:1px solid var(--line);background:transparent;color:var(--green);padding:10px 15px;font:11px var(--mono);cursor:pointer;transition:.2s}.segmented button:hover,.segmented button.selected{background:var(--green);border-color:var(--green);color:var(--paper)}.select-wrap{position:relative;max-width:285px}.select-wrap select{appearance:none;width:100%;padding:10px 14px;background:transparent;border:1px solid var(--line);color:var(--green);font:11px var(--mono);cursor:pointer}.select-wrap span{position:absolute;right:13px;top:9px;pointer-events:none;color:var(--clay)}.form-footer{display:flex;justify-content:space-between;align-items:center;padding-top:28px}.form-footnote{font:11px var(--mono);color:var(--green-soft);margin:0}.leaf-icon{color:var(--clay);font-size:16px;margin-right:8px}.hidden{display:none!important}.generated-section,.trail-section,.fieldnote-section{padding-top:70px;padding-bottom:95px;border-top:1px solid var(--line)}.mission-topline,.trail-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.mission-topline .eyebrow{margin:0}.offline-badge{color:var(--green-soft)}.mission-card{background:var(--green);color:var(--paper);padding:38px 42px 31px;box-shadow:var(--shadow);position:relative;overflow:hidden}.mission-card:after{content:'WQ';position:absolute;right:-10px;bottom:-47px;font:600 180px/1 var(--serif);color:rgba(244,234,213,.05);letter-spacing:-.1em}.mission-card-head{display:flex;justify-content:space-between;position:relative;z-index:1}.kicker,.trail-label,.result-stamp{font:500 10px var(--mono);letter-spacing:.15em;color:var(--moss);text-transform:uppercase}.mission-card h2{font:500 clamp(37px,5vw,62px)/.95 var(--serif);letter-spacing:-.04em;margin:15px 0 23px}.mission-number{font:500 48px var(--serif);color:var(--moss);opacity:.8}.mission-lead{max-width:500px;font-size:14px;line-height:1.7;color:var(--paper-deep);margin-bottom:35px}.task-list{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(244,234,213,.25);border-bottom:1px solid rgba(244,234,213,.25);position:relative;z-index:1}.task{padding:19px 15px 18px 0;border-right:1px solid rgba(244,234,213,.25);margin-right:15px;min-height:130px}.task:last-child{border-right:0;margin-right:0}.task-index{font:11px var(--mono);color:var(--clay);display:block;margin-bottom:22px}.task-type{font:500 10px var(--mono);letter-spacing:.11em;color:var(--moss);text-transform:uppercase;display:block;margin-bottom:8px}.task-title{font:500 15px var(--serif);line-height:1.2}.mission-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:25px;position:relative;z-index:1;font:10px var(--mono);color:var(--moss);text-transform:uppercase;letter-spacing:.08em}.mini-signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8cb47a;margin-right:6px}.secondary-button{background:var(--paper);color:var(--green);box-shadow:0 4px 0 var(--paper-deep);padding:14px 18px}.secondary-button:hover{background:#fff9ed}.reset-link{display:inline-block;margin-top:24px;background:transparent;border:0;cursor:pointer}.trail-section{background:var(--green);max-width:none;padding-left:max(48px,calc((100% - 1054px)/2));padding-right:max(48px,calc((100% - 1054px)/2));color:var(--paper)}.trail-topline{margin-bottom:20px}.close-trail{background:transparent;border:0;color:var(--paper-deep);font:11px var(--mono);cursor:pointer}.trail-card{text-align:center;max-width:690px;margin:0 auto;padding:30px 0 20px}.trail-meta{display:flex;justify-content:space-between;font:11px var(--mono);color:var(--moss);letter-spacing:.1em}.trail-timer{color:var(--paper);font-size:14px}.trail-progress{height:2px;background:rgba(244,234,213,.2);margin:12px 0 70px}.trail-progress span{display:block;background:var(--clay);width:20%;height:100%;transition:width .3s}.trail-icon{font-size:64px;color:var(--clay);font-family:var(--serif);height:78px}.trail-type{font:500 10px var(--mono);letter-spacing:.16em;color:var(--moss);margin:20px 0 12px}.trail-card h2{font:500 clamp(42px,6vw,76px)/.93 var(--serif);letter-spacing:-.055em;margin:0}.trail-card>p:not(.trail-type):not(.trail-reminder){max-width:420px;margin:25px auto 33px;color:var(--paper-deep);font-size:15px;line-height:1.65}.complete-button{font-size:12px}.trail-reminder{font:10px var(--mono)!important;color:var(--moss)!important;margin-top:33px!important;text-transform:uppercase;letter-spacing:.1em}.fieldnote-section{background:rgba(234,217,184,.28);max-width:none;padding-left:max(48px,calc((100% - 1054px)/2));padding-right:max(48px,calc((100% - 1054px)/2))}.fieldnote-section .section-heading{max-width:1054px;margin-left:auto;margin-right:auto}.note-form{max-width:1054px;margin:0 auto}.note-form>label{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-soft);display:block;margin-bottom:15px}.note-form textarea{width:100%;border:1px solid var(--line);resize:vertical;padding:20px;background:rgba(251,247,238,.5);color:var(--ink);font:16px/1.6 var(--serif);outline:none;min-height:160px}.note-form textarea:focus{border-color:var(--green-soft)}.note-tools{display:flex;gap:10px;margin-top:11px}.upload-button,.voice-button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:transparent;padding:10px 13px;color:var(--green);font:11px var(--mono);cursor:pointer}.upload-button input{display:none}.upload-button span,.voice-button span:first-child{font-size:16px;color:var(--clay)}.upload-button small{color:var(--clay-dark)}.voice-button.recording{border-color:var(--clay);color:var(--clay-dark)}.note-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.note-private{font:10px var(--mono);color:var(--green-soft);text-transform:uppercase;letter-spacing:.09em}.note-private .status-dot{margin-right:8px}.fieldnote-result{max-width:700px;margin:67px auto 0;background:var(--white);padding:37px 41px 38px;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.fieldnote-result:before{content:'✳';position:absolute;right:35px;top:29px;color:var(--clay);font-size:25px}.fieldnote-result h3{font:500 49px/.95 var(--serif);letter-spacing:-.045em;margin:22px 0 18px}.fieldnote-result>p{font-size:15px;line-height:1.7;max-width:560px}.result-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:32px;padding-top:19px;gap:24px}.result-label{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--clay-dark);margin-bottom:9px}.result-grid strong{font:500 16px/1.25 var(--serif);display:block}.how-section{padding-top:110px;padding-bottom:110px}.how-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end;margin-bottom:68px}.how-intro .eyebrow{grid-column:1/-1}.how-intro h2{font-size:64px}.how-intro>p:last-child{max-width:280px;color:var(--green-soft);font-size:14px;line-height:1.7;margin:0 30px 3px 0}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.how-steps article{border-top:1px solid var(--line);padding-top:17px}.how-steps article>span{font:11px var(--mono);color:var(--clay)}.how-steps h3{font:500 24px var(--serif);margin:33px 0 10px}.how-steps p{font-size:13px;line-height:1.7;color:var(--green-soft);max-width:240px}.open-section{background:var(--green);color:var(--paper);max-width:none;padding-top:100px;padding-bottom:105px;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-left:max(48px,calc((100% - 1054px)/2));padding-right:max(48px,calc((100% - 1054px)/2))}.open-copy .eyebrow{color:var(--moss)}.open-copy h2{color:var(--paper);font-size:61px}.open-copy p:not(.eyebrow):not(.open-quote){color:var(--paper-deep);font-size:14px;line-height:1.75;max-width:470px;margin-top:30px}.open-quote{border-left:2px solid var(--clay);padding-left:18px;color:var(--paper);font:italic 19px var(--serif);margin-top:34px}.open-facts{padding-top:55px}.open-facts>div{border-top:1px solid rgba(244,234,213,.22);padding:18px 0 20px;display:grid;grid-template-columns:45px 1fr;column-gap:14px}.fact-icon{grid-row:span 2;color:var(--clay);font:26px var(--serif)}.open-facts h3{font:500 19px var(--serif);margin:0}.open-facts p{font-size:12px;color:var(--paper-deep);margin:7px 0 0}.site-footer{padding-top:28px;padding-bottom:34px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);color:var(--green-soft);text-transform:uppercase;letter-spacing:.08em}.site-footer>div{color:var(--ink);text-transform:none;letter-spacing:.1em}.site-footer p{margin:0}.site-footer>span{color:var(--clay-dark)}dialog{border:0;background:var(--white);color:var(--ink);max-width:490px;padding:42px;box-shadow:0 20px 80px rgba(23,55,46,.25)}dialog::backdrop{background:rgba(23,55,46,.45)}dialog h2{font:500 45px/.95 var(--serif);letter-spacing:-.04em;margin:20px 0}.dialog-close{position:absolute;right:17px;top:15px;border:0;background:transparent;font-size:23px;color:var(--green);cursor:pointer}.dialog-small{font:11px var(--mono);color:var(--clay-dark);margin-top:30px}
@media(max-width:780px){.section-shell{padding-left:22px;padding-right:22px}.site-header{padding:23px 22px}.status-pill{display:none}.hero{display:block;min-height:auto;padding-top:55px;padding-bottom:70px}.hero h1{font-size:64px}.hero-intro{font-size:15px;margin-top:25px}.hero-art{margin-top:54px}.mission-section,.generated-section,.how-section{padding-top:68px;padding-bottom:78px}.section-heading,.how-intro{display:block;margin-bottom:39px}.section-heading h2,.how-intro h2{font-size:52px}.section-note{margin:23px 0 0;max-width:320px}.form-row{display:block}.field-group+ .field-group{border-left:0;border-top:1px solid var(--line);padding-left:0}.field-group{padding:24px 0}.form-footer{display:block}.form-footnote{margin-bottom:25px;line-height:1.5}.form-footer .primary-button{width:100%}.mission-card{padding:28px 22px 24px}.mission-card h2{font-size:42px}.mission-number{font-size:37px}.task-list{display:block}.task{display:grid;grid-template-columns:31px 1fr;min-height:auto;padding:15px 0;border-right:0;border-bottom:1px solid rgba(244,234,213,.25);margin:0}.task:last-child{border-bottom:0}.task-index{margin:0}.task-type{margin:0}.task-title{grid-column:2}.mission-card-footer{display:block;padding-top:22px}.mission-card-footer .secondary-button{display:block;width:100%;margin-top:20px}.trail-section,.fieldnote-section,.open-section{padding-left:22px;padding-right:22px}.trail-card{padding-top:25px}.trail-progress{margin-bottom:53px}.trail-card h2{font-size:53px}.trail-topline{align-items:flex-start}.trail-label{max-width:150px;line-height:1.5}.note-actions{display:block}.note-private{display:block;margin-bottom:22px}.note-actions .primary-button{width:100%}.fieldnote-result{padding:29px 24px}.fieldnote-result h3{font-size:39px}.result-grid{display:block}.result-grid>div+div{margin-top:20px}.how-steps{display:block}.how-steps article{margin-bottom:32px}.how-steps h3{margin-top:18px}.open-section{display:block;padding-top:73px;padding-bottom:78px}.open-copy h2{font-size:51px}.open-facts{padding-top:40px}.site-footer{display:block}.site-footer p{margin:20px 0}.site-footer>span{display:block}.hero-actions{gap:17px;flex-wrap:wrap}}