:root{color-scheme:dark;--green:#142e2a;--deep:#102622;--ink:#142e2a;--paper:#f8f2e5;--muted:#b7c8bc;--orange:#f3a673;--gold:#ead2a3;--line:#ffffff24;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}.site-shell{max-width:1800px;margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-family:Georgia,'Times New Roman',serif;font-size:1.75rem;letter-spacing:-1px}.sun{width:42px;height:42px;fill:var(--orange);stroke:var(--orange);stroke-width:1.5;flex-shrink:0}.brand-sub{display:block;font-family:Arial,Helvetica,sans-serif;font-size:0.75rem;letter-spacing:2.3px;font-weight:400;line-height:2.2}.text-button{border:0;background:none;display:flex;gap:25px;align-items:center;font-size:0.875rem;padding:14px 0}.text-button span{font-size:1.4375rem;color:var(--orange)}.main{display:grid;grid-template-columns:1.12fr 1fr;gap:6%;padding:48px 5% 44px;min-height:810px}.workspace{max-width:610px;width:100%;margin:auto}.eyebrow{font-size:0.75rem;font-weight:600;letter-spacing:2.3px;line-height:1.8;margin:0 0 14px;color:var(--orange)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4vw,64px);line-height:1.02;font-weight:400;letter-spacing:-2px;margin:0 0 17px}em{font-weight:400;color:var(--gold)}.lead{font-size:1rem;line-height:1.6;color:var(--muted);max-width:390px;margin:0}.theme-picker{margin:30px 0 20px}.small-label{font-size:0.875rem;color:#d0dacf;margin:0 0 13px}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.themes button{background:transparent;border:1px solid #ffffff35;border-radius:5px;padding:13px 8px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:0.875rem;transition:background .2s,color .2s,border-color .2s}.themes button:hover{background:#ffffff0c;border-color:#d7ceab}.themes button[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:var(--ink)}.themes svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;flex-shrink:0}.reflection{background:var(--paper);color:var(--ink);border-radius:7px;padding:26px 30px 20px;position:relative;min-height:321px;display:flex;flex-direction:column;box-shadow:0 8px 35px #0000000b}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.chapter{font-size:0.75rem;font-weight:700;letter-spacing:1.8px}.step-count{color:#626f63;font-size:0.75rem}.card-copy{flex:1;min-height:188px}.card-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,2.7vw,39px);font-weight:400;line-height:1.1;letter-spacing:-.6px;margin:20px 0 12px}.card-copy p{font-size:1rem;line-height:1.6;margin:0;color:#526257;max-width:470px}.card-copy .reflection-note{font-family:Georgia,'Times New Roman',serif;font-size:1rem;font-style:italic;margin-top:12px;color:#5d6e5c}.card-bottom{display:flex;align-items:center;gap:15px;border-top:1px solid #142e2a22;margin-top:23px;padding-top:16px;min-height:43px}.step-track{display:flex;gap:5px;margin-right:auto}.step-track span{height:4px;width:18px;border-radius:2px;background:#c8cec1}.step-track .active{background:#365843}.step-track .done{background:#8d9e85}.next-button{border:0;background:var(--green);color:var(--paper);border-radius:4px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:0.875rem;line-height:1.3;transition:background .2s}.next-button:hover{background:#2c4e3e}.next-button span{color:var(--orange);font-size:1.1875rem;line-height:1}.back-button{padding:10px 0;border:0;background:transparent;color:#526257;font-size:0.875rem}.back-button:hover{color:#142e2a}.pause-row{display:flex;align-items:center;margin-top:20px;gap:12px}.pause-button{display:flex;align-items:center;gap:12px;background:none;border:0;padding:4px 0;text-align:left;margin-right:auto;font-size:0.875rem}.pause-button:hover .timer-icon{background:#ffffff09}.timer-icon{width:42px;height:42px;display:block;border-radius:50%}.timer-icon svg{width:42px;height:42px;fill:none;stroke:var(--gold);stroke-width:1}.timer-base{opacity:.25}.timer-progress{transform:rotate(-90deg);transform-origin:center;stroke-dasharray:94.248;stroke-dashoffset:94.248;stroke-width:1.5;transition:stroke-dashoffset 1s linear}#timer-symbol{fill:var(--gold);stroke:none}.timer-sub{display:block;font-size:0.75rem;color:#a9bdae;margin-top:5px}.time-display{font-size:0.875rem;font-variant-numeric:tabular-nums;color:var(--gold)}.reset-button{padding:10px 0 10px 6px;color:var(--muted);background:none;border:0;font-size:0.75rem;text-decoration:underline;text-underline-offset:3px}.landscape{position:relative;min-height:740px;border-radius:110px 7px 7px 7px;overflow:hidden;background:#3c4630;isolation:isolate}.landscape-image{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#17201840 0%,transparent 40%,#151e16c9 100%)}.landscape-top{position:absolute;top:35px;left:40px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-left:14px}.landscape-top span{font-size:0.75rem;letter-spacing:2.2px;text-shadow:0 1px 12px #000}.landscape-top svg{width:26px;height:26px;stroke:#f9edd4;fill:none;stroke-width:1}.landscape-copy{position:absolute;bottom:38px;left:40px;right:30px}.landscape-copy .eyebrow{color:#f1dbc1;font-size:0.75rem;letter-spacing:2.4px}.image-message{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.3vw,70px);line-height:1.05;letter-spacing:-1.5px;margin:15px 0 23px;color:#fff9ea}.image-message em{color:#f5d49c}.image-rule{width:40px;height:1px;background:#f3d6aa;margin-bottom:22px}.image-caption{font-size:0.875rem;line-height:1.65;color:#ece4d2;margin:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin:0 5%;padding:24px 0 28px;font-size:0.75rem;color:#a9bdae}.footer>span:first-child{font-family:Georgia,'Times New Roman',serif;font-size:1rem;color:#d5dfd0}.footer-about{font-size:0.75rem;border:0;background:none;padding:3px 0;color:#c7d3c6;text-decoration:underline;text-underline-offset:5px}dialog{color:var(--ink);background:var(--paper);border:0;border-radius:8px;width:min(92%,510px);max-height:90dvh;padding:48px;box-shadow:0 30px 80px #0008}dialog::backdrop{background:#081e1ad9;backdrop-filter:blur(6px)}dialog .eyebrow{color:#8e5932}dialog h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:2.8125rem;line-height:1.05;margin:15px 0 24px}dialog em{color:#5b704e}dialog p{font-size:1rem;line-height:1.7;color:#526257}dialog .dialog-note{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.125rem;margin:25px 0}dialog .next-button{width:100%;margin-top:28px}.close-dialog{position:absolute;right:18px;top:12px;background:none;border:0;color:var(--ink);font-size:1.875rem;padding:5px 10px;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-100px;z-index:20;padding:12px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:16px}@media(min-width:1500px){.main{gap:8%;padding-top:56px;padding-bottom:56px}.landscape{min-height:820px}.workspace{max-width:630px}.card-copy{min-height:198px}.card-copy p{font-size:1rem}.intro{margin-bottom:30px}}@media(max-width:1050px){.main{gap:4%;grid-template-columns:1.15fr 1fr;padding:36px 5%}.reflection{padding:23px 23px 18px}.themes button{gap:6px}.landscape-copy{left:28px;right:20px}.landscape-top{left:25px;right:25px;padding-left:10px}.landscape-top span{font-size:0.75rem}.landscape{border-top-left-radius:90px}.next-button{gap:12px;padding:12px}.card-copy{min-height:212px}.card-copy p{font-size:1rem}}@media(max-width:760px){.header{height:92px;margin:0 6%}.brand{font-size:1.5625rem;gap:10px}.sun{width:32px;height:32px}.brand-sub{font-size:0.75rem;letter-spacing:2px}.text-button{font-size:0.8125rem;gap:10px}.main{display:flex;flex-direction:column;padding:30px 6%;gap:32px;min-height:0}.workspace{max-width:none;margin:0}h1{font-size:2.75rem;letter-spacing:-1.7px}h1 br{display:none}.lead{font-size:1rem;max-width:400px}.eyebrow{font-size:0.75rem;letter-spacing:1.9px;margin-bottom:12px}.theme-picker{margin-top:24px}.themes button{padding:13px 6px;font-size:0.875rem}.themes svg{width:17px;height:17px}.reflection{min-height:310px;padding:23px 23px 18px}.card-copy h2{font-size:2.125rem}.card-copy{min-height:210px}.card-copy p{font-size:1rem}.pause-row{margin-top:17px}.landscape{min-height:380px;border-radius:65px 5px 5px 5px}.landscape-image{object-position:center 50%}.landscape-top{top:24px;left:24px;right:24px}.landscape-top span{font-size:0.75rem}.landscape-copy{bottom:26px;left:28px}.image-message{font-size:2.6875rem;margin:12px 0 16px}.image-rule{margin-bottom:15px}.image-caption{font-size:0.875rem}.landscape-copy .eyebrow{font-size:0.75rem}.footer{margin:0 6%;padding:22px 0 28px;flex-wrap:wrap;gap:14px}.footer>span:nth-child(2){display:none}dialog{padding:40px 28px}.card-bottom{gap:10px}.step-track{gap:4px}.step-track span{width:14px}}@media(max-width:370px){.brand{font-size:1.375rem}.brand-sub{font-size:0.75rem}.themes{gap:5px}.themes button{font-size:0.8125rem;gap:5px}.themes svg{width:16px}.reflection{padding:21px 18px 18px}.next-button{font-size:0.8125rem}.card-top{align-items:flex-start}.step-count{font-size:0.75rem}.card-copy h2{font-size:1.9375rem}.card-bottom{gap:8px}.step-track span{width:10px}.back-button{font-size:0.8125rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.brand-sub{letter-spacing:1.3px}.landscape-top span{line-height:1.5;max-width:240px}.card-bottom{flex-wrap:wrap}.next-button{margin-left:auto}.landscape-top{align-items:flex-start}.landscape-top svg{flex-shrink:0}@media(max-width:760px){.brand-sub{letter-spacing:.8px}.header{gap:14px}.landscape-top span{max-width:230px}.landscape-top{padding-left:14px}}@media(max-width:370px){.brand-sub{display:none}.step-count{max-width:135px;text-align:right}.step-track{gap:3px}}

/* The manifesto extends the original forest green and sandstone palette. */
.header-nav{display:flex;align-items:center;gap:34px}
.header-nav a,.header-nav button{min-height:44px}
.principle-connection{font-size:.875rem;line-height:1.5;color:#586954;border-top:1px solid #142e2a18;padding-top:15px;margin:20px 0 0}
.card-bottom{margin-top:16px}
.step-count{font-size:.875rem}
.landscape-copy .image-message{font-size:clamp(36px,4.1vw,64px);line-height:1.08}
.manifesto{margin:22px 5% 0;padding:64px 0 0;border-top:1px solid var(--line);scroll-margin-top:32px}
.manifesto-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-bottom:48px}
.manifesto h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,3.8vw,58px);line-height:1.08;letter-spacing:-1.3px;font-weight:400;margin:0}
.manifesto-intro p{font-size:1rem;line-height:1.8;color:var(--muted);max-width:560px;margin:0 0 16px}
.manifesto-intro p:first-child{color:var(--paper);font-size:1.125rem;line-height:1.7}
.manifesto-byline{font-size:.875rem;color:var(--gold);display:block;line-height:1.6;margin-top:22px}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:start}
.principle{border-top:1px solid var(--line)}
.principle:last-child{border-bottom:1px solid var(--line)}
.principle summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:22px 0;font-family:Georgia,'Times New Roman',serif;font-size:1.4375rem;line-height:1.35;color:var(--paper)}
.principle summary::-webkit-details-marker{display:none}
.principle summary::after{content:'+';font-family:Arial,Helvetica,sans-serif;font-size:1.25rem;font-weight:400;color:var(--orange);flex-shrink:0;line-height:1}
.principle[open] summary::after{content:'−'}
.principle summary:hover{color:var(--gold)}
.principle summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px;border-radius:2px}
.principle[open] summary{color:var(--gold);padding-bottom:14px}
.principle-body{padding:0 32px 28px 0;max-width:600px}
.principle-body p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0}
.principle-body .practice-label{font-size:.875rem;color:var(--orange);font-weight:600;margin:20px 0 5px}
.manifesto-closing{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:60px 0}
.manifesto-closing>p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3vw,42px);line-height:1.2;letter-spacing:-.6px;margin:0}
.return-link{display:flex;align-items:center;gap:24px;color:var(--paper);font-size:1rem;min-height:44px;border-bottom:1px solid #ead2a360;padding:12px 0}
.return-link span{color:var(--orange);font-size:1.25rem}
.return-link:hover{color:var(--gold)}
.footer,.footer-about{font-size:.875rem}
@media(max-width:1050px){.header-nav{gap:24px}.manifesto-heading{gap:6%}.principle summary{font-size:1.3125rem}.principle-body{padding-right:12px}}
@media(max-width:760px){.header-nav .about-open{display:none}.header-nav{gap:0}.header-nav .text-button{font-size:.875rem;white-space:nowrap}.manifesto{margin:12px 6% 0;padding-top:40px}.manifesto-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.manifesto h2{font-size:2.5rem}.manifesto-byline{margin-top:16px}.principles{grid-template-columns:1fr;gap:0}.principle-column:first-child .principle:last-child{border-bottom:0}.principle summary{min-height:76px;font-size:1.3125rem;padding:20px 0}.principle-body{padding-right:8px}.manifesto-closing{align-items:flex-start;flex-direction:column;gap:24px;padding:40px 0}.landscape-copy .image-message{font-size:2.5rem;line-height:1.08}.landscape{min-height:400px}.step-count{font-size:.875rem;max-width:150px;text-align:right}}
@media(max-width:370px){.header{gap:10px}.brand{gap:8px}.sun{width:26px;height:26px}.header-nav .text-button{font-size:.875rem;gap:6px}.principle summary{font-size:1.25rem}.card-top{gap:10px}.chapter{font-size:.75rem;letter-spacing:1px}.step-count{max-width:128px}}
