:root{--cream:#F6F0E8;--sand:#E8D8C8;--terracotta:#C27660;--honey:#D3A34F;--sage:#8FA58A;--espresso:#3B2F2A}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--espresso);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--espresso);outline-offset:6px}footer a:focus-visible{outline-color:var(--cream)}.shell{max-width:1120px;margin:auto;padding:0 44px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3b2f2a26}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:40px;font-weight:bold;letter-spacing:-3px;line-height:1;text-decoration:none}.wordmark span{color:var(--terracotta)}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:13px;padding:12px 0}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:65px;align-items:center;padding:48px 0 40px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:700;margin:0 0 19px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--terracotta);margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,5.5vw,66px);font-weight:400;line-height:1.02;letter-spacing:-2.7px;margin-bottom:23px}h1 em{font-weight:400;color:#9B503C}.intro-copy{font-size:14px;max-width:370px;line-height:1.8;margin-bottom:24px}.button{background:var(--espresso);color:var(--cream);display:inline-flex;align-items:center;gap:28px;padding:12px 18px;border-radius:5px;text-decoration:none;font-size:12px}.button:hover{background:#57433a}.small-note{font-size:10px;margin:13px 0 0;color:#6c5b50}.project{background:var(--sand);border:1px solid #3b2f2a1c;border-radius:12px;overflow:hidden;}.project-top{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:17px 20px}.project-top .eyebrow{margin:0;font-size:9px}.badge{font-size:9px;background:var(--cream);padding:4px 9px;border-radius:20px;white-space:nowrap}.forest-art{position:relative;margin:0 14px;overflow:hidden;border-radius:6px}.forest-art svg{display:block;width:100%;height:auto}.art-label{position:absolute;bottom:10px;left:12px;font-size:8px;letter-spacing:1.4px;color:var(--cream)}.project-copy{padding:22px 23px 18px}.project-copy .eyebrow{font-size:8px;margin-bottom:10px}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.project h2{font-size:30px;line-height:1.1;letter-spacing:-.7px;margin-bottom:12px}.project-copy>p:not(.eyebrow){font-size:12px;line-height:1.7;max-width:310px;margin-bottom:15px}.project-bottom{border-top:1px solid #3b2f2a26;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px}.project-bottom a{font-size:22px;text-decoration:none;min-width:40px;min-height:40px;display:grid;place-items:center;border:1px solid #3b2f2a35;border-radius:50%}.project-bottom a:hover{background:var(--cream)}.journey{padding:10px 0 38px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2{font-size:22px;letter-spacing:-.4px;margin:0}.section-heading p{font-size:10px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:18px 20px;border-radius:7px}.design{background:var(--terracotta)}.build{background:var(--honey)}.grow{background:var(--sage)}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:9px}.card-top span:last-child{font-size:24px;line-height:1}h3{font:400 29px Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:12px 0 9px}.card p{font-size:11px;line-height:1.75;margin:0;max-width:250px}footer{background:var(--espresso);color:var(--cream);padding:30px 30px 17px;border-radius:10px 10px 0 0}.footer-main{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:24px}.footer-main .eyebrow{color:var(--sand);font-size:8px;margin-bottom:8px}.footer-main h2{font-size:28px;letter-spacing:-.5px;margin:0}.email{font-size:14px;white-space:nowrap}.email span{margin-left:12px;color:var(--honey)}.footer-bottom{border-top:1px solid #f6f0e830;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-bottom .wordmark{font-size:28px}.footer-bottom p,.footer-bottom>span{font-size:9px;margin:0;color:var(--sand)}.skip{position:absolute;top:-100px;left:15px;background:var(--espresso);color:var(--cream);padding:10px;z-index:10}.skip:focus{top:10px}
@media(min-width:1400px){.shell{max-width:1180px}.hero{gap:90px}}
@media(max-width:800px){.shell{padding:0 26px}.hero{gap:30px}h1{font-size:49px}.section-heading{display:block}.section-heading p{margin-top:5px}.project-top{padding:14px 12px}.project-copy{padding:18px}.footer-main{align-items:flex-start;flex-direction:column;gap:14px}.card{padding:16px}}
@media(max-width:600px){.shell{padding:0 20px}header{height:78px}.wordmark{font-size:36px}nav{gap:20px}nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:33px 0 26px;gap:30px}h1{font-size:clamp(44px,12vw,62px)}.intro-copy{max-width:100%}.project{}.forest-art svg{max-height:220px}.project h2 br{display:none}.project-copy>p:not(.eyebrow){max-width:none}.cards{grid-template-columns:1fr;gap:10px}.card{padding:16px 20px}.card p{max-width:none;font-size:12px}.card-top{float:right;gap:20px}h3{margin:0 0 7px}.journey{padding-bottom:28px}.section-heading h2{font-size:23px}footer{padding:25px 20px 18px}.footer-main h2{font-size:27px}.footer-bottom{flex-wrap:wrap}.footer-bottom p{flex:1;min-width:150px}.footer-bottom>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Small interactions, with native disclosure controls for keyboard and touch. */
[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:3px solid var(--espresso);outline-offset:4px}footer button:focus-visible{outline-color:var(--cream)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:11px;font-weight:600}summary::-webkit-details-marker{display:none}.plus{font-size:20px;font-weight:400;}details[open]>summary .plus{}.concept{margin-bottom:13px;border-top:1px solid #3b2f2a26}.concept-content{padding:8px 0 13px}.concept-note{font-size:9px;line-height:1.6;margin-bottom:12px}.concept-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.concept-steps button{border:1px solid #3b2f2a40;border-radius:20px;padding:8px 10px;min-height:40px;background:transparent;font-size:10px}.concept-steps button[aria-pressed=true]{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}.concept-steps button:hover{box-shadow:0 0 0 1px var(--espresso)}#concept-panel{border-left:2px solid var(--terracotta);padding-left:12px;min-height:130px}#concept-panel h4{font:400 20px Georgia,'Times New Roman',serif;margin:0 0 9px}#concept-panel p{font-size:12px;line-height:1.75;margin:0}.concept-email{display:inline-flex;gap:12px;align-items:center;font-size:11px;min-height:44px;margin-top:8px}.cards{align-items:start}.card-details{margin-top:14px;border-top:1px solid #3b2f2a35}.card-details p{padding:6px 0 4px}.contact-actions{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.copy-email{display:inline-flex;align-items:center;gap:14px;border:1px solid #f6f0e845;border-radius:4px;background:transparent;padding:8px 12px;min-height:40px;font-size:11px;color:var(--cream)}.copy-email:hover{background:#f6f0e815}.copy-status{font-size:10px;line-height:1.5;max-width:250px;margin:0;color:var(--sand)}.copy-status:empty{display:none}.card,.project,.button,.card-top span:last-child{}.forest-art svg>circle{}.project:focus-within{}
.intro{align-self:start;padding-top:18px}
.wordmark{display:inline-flex;align-items:center;min-height:44px}.wordmark svg{display:block;width:96px;height:auto}.footer-bottom .wordmark svg{width:68px}
@media(max-width:600px){.intro{padding-top:0}#concept-panel{min-height:120px}.contact-actions{width:100%}.card-details{clear:both}}
@media(prefers-reduced-motion:reduce){.card,.project,.button,.card-top span:last-child,.plus,.forest-art svg>circle{}}

/* A warm night palette; the inline wordmark inherits the readable text color. */
:root{color-scheme:light;--page-bg:#F6F0E8;--page-ink:#3B2F2A;--panel-bg:#E8D8C8;--rule:#3b2f2a26;--quiet:#6c5b50;--headline-accent:#9B503C;--action-bg:#3B2F2A;--action-ink:#F6F0E8;--action-hover:#57433a}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--page-bg:#28231F;--page-ink:#F6F0E8;--panel-bg:#463A32;--rule:#f6f0e830;--quiet:#D5C3B2;--headline-accent:#E2A68F;--action-bg:#E8D8C8;--action-ink:#3B2F2A;--action-hover:#F6F0E8}}
:root[data-theme="dark"]{color-scheme:dark;--page-bg:#28231F;--page-ink:#F6F0E8;--panel-bg:#463A32;--rule:#f6f0e830;--quiet:#D5C3B2;--headline-accent:#E2A68F;--action-bg:#E8D8C8;--action-ink:#3B2F2A;--action-hover:#F6F0E8}
body{background:var(--page-bg);color:var(--page-ink)}header{border-color:var(--rule)}h1 em{color:var(--headline-accent)}.small-note{color:var(--quiet)}.button{background:var(--action-bg);color:var(--action-ink)}.button:hover{background:var(--action-hover)}.project{background:var(--panel-bg);border-color:var(--rule)}.badge{background:var(--page-bg);color:var(--page-ink)}.project-bottom,.project-bottom a,.concept,.concept-steps button{border-color:var(--rule)}.project-bottom a:hover{background:var(--page-bg)}.concept-steps button[aria-pressed=true]{background:var(--action-bg);color:var(--action-ink);border-color:var(--action-bg)}.concept-steps button:hover{box-shadow:0 0 0 1px currentColor}.card{color:var(--espresso)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:currentColor}.card summary:focus-visible{outline-color:var(--espresso)}nav{align-items:center}.theme-toggle{background:transparent;border:1px solid var(--rule);border-radius:50%;padding:0;width:36px;height:36px;display:grid;place-items:center;flex:none}.theme-toggle span{font-size:22px;line-height:1}.theme-toggle:hover{background:var(--panel-bg)}footer .wordmark{color:var(--cream)}
@media(max-width:600px){nav{gap:14px}.theme-toggle{width:32px;height:32px}.wordmark svg{width:85px}}
@media(max-width:380px){nav{gap:9px}.wordmark svg{width:80px}}

.idea-section{border-top:1px solid var(--rule);padding:48px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.idea-intro h2,.example-copy h2{font-size:40px;line-height:1.1;letter-spacing:-1.4px;margin:0 0 21px}.idea-intro>p:not(.eyebrow),.example-copy>p{font-size:13px;line-height:1.85;max-width:390px}.idea-intro>p:not(.eyebrow):first-of-type{font-size:16px}.audience{margin-top:25px}.audience-label{font-size:10px;color:var(--quiet)}.audience ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:10px 0 0}.audience li{font-size:10px;border:1px solid var(--rule);padding:5px 10px;border-radius:20px}.research-questions{padding:22px 25px;background:var(--panel-bg);border-radius:9px}.research-questions>.eyebrow{margin-bottom:10px}.research-questions article{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid var(--rule)}.research-questions article:last-child{border-bottom:0;padding-bottom:0}.research-questions article>span{font-size:10px;padding-top:6px;color:var(--quiet)}.research-questions h3{font-size:23px;letter-spacing:-.4px;margin:0 0 7px}.research-questions p{font-size:12px;line-height:1.7;margin:0}.example-section{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center;border-top:1px solid var(--rule);padding:44px 0 48px}.example-copy .eyebrow{font-size:10px}.example-copy .example-disclaimer{font-size:11px;color:var(--quiet);border-left:2px solid var(--terracotta);padding-left:12px;margin:23px 0 15px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:11px;min-height:44px}.notebook{border:1px solid var(--rule);border-radius:10px;background:var(--panel-bg);overflow:hidden}.notebook-heading{display:flex;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid var(--rule);font:400 22px Georgia,serif;letter-spacing:-.6px}.notebook-mark{color:var(--headline-accent);font:22px Arial,sans-serif}.sample-label{margin-left:auto;font:9px Arial,sans-serif;letter-spacing:0;border:1px solid var(--rule);border-radius:20px;padding:5px 8px;white-space:nowrap}.sample-controls{display:flex;gap:6px;padding:16px 20px 0}.sample-controls button{font-size:10px;background:transparent;border:1px solid var(--rule);border-radius:5px;min-height:40px;padding:8px 14px}.sample-controls button[aria-pressed=true]{background:var(--action-bg);color:var(--action-ink);border-color:var(--action-bg)}.sample-controls button:hover{box-shadow:0 0 0 1px currentColor}.visit-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 20px 13px}.visit-heading .eyebrow{font-size:8px;display:block;margin:0 0 4px}.visit-heading h3{font:400 24px Georgia,serif;margin:0;letter-spacing:-.6px}.visit-count{font-size:10px;color:var(--quiet)}.sample-notes{padding:0 20px;list-style:none;margin:0}.sample-notes li{display:flex;align-items:start;gap:10px;border-top:1px solid var(--rule);padding:16px 0}.note-dot{width:7px;height:7px;background:var(--sage);border-radius:50%;margin-top:6px;flex:none}.sample-notes li:nth-child(2) .note-dot{background:var(--honey)}.sample-notes li:nth-child(3) .note-dot{background:var(--terracotta)}.sample-notes strong{font-size:11px;font-weight:600}.sample-notes p{font-size:11px;line-height:1.65;margin:5px 0 0}.note-tag{font-size:8px;margin-left:auto;white-space:nowrap;border:1px solid var(--rule);padding:3px 6px;border-radius:4px}.notebook-footnote{font-size:9px;color:var(--quiet);border-top:1px solid var(--rule);padding:12px 20px;margin:0}.roadmap-section{border-top:1px solid var(--rule);padding:35px 0 40px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;list-style:none;padding:0;margin:22px 0 0}.roadmap li{border-top:2px solid var(--rule);padding:15px 0 0}.roadmap li.current{border-color:var(--terracotta)}.roadmap-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;font-size:10px;color:var(--quiet)}.stage-label{font-size:8px;padding:3px 7px;border-radius:12px;background:var(--panel-bg);color:var(--page-ink)}.roadmap h3{font-size:24px;letter-spacing:-.5px;margin:13px 0 11px}.roadmap p{font-size:12px;line-height:1.75;margin:0;max-width:280px}.feedback-section{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:center;background:var(--panel-bg);padding:30px;border-radius:10px;margin:0 0 38px}.feedback-section .eyebrow{font-size:9px;margin-bottom:10px}.feedback-section h2{font-size:30px;line-height:1.15;letter-spacing:-.6px;margin-bottom:13px}.feedback-section p{font-size:12px;line-height:1.8;margin:0;max-width:470px}.feedback-action{justify-self:end}.feedback-action .button{gap:16px}.feedback-action p{font-size:9px;margin-top:10px;color:var(--quiet)}
@media(max-width:800px){.idea-section{gap:30px}.example-section{gap:25px;grid-template-columns:1fr 1fr}.idea-intro h2,.example-copy h2{font-size:34px}.notebook-heading{font-size:18px;padding:15px}.sample-label{font-size:8px}.sample-notes,.sample-controls{padding-left:15px;padding-right:15px}.visit-heading{padding-left:15px;padding-right:15px}.note-tag{display:none}.feedback-section{grid-template-columns:1fr;gap:20px}.feedback-action{justify-self:start}}
@media(max-width:600px){.idea-section,.example-section{grid-template-columns:1fr;gap:25px;padding:30px 0}.idea-intro>p:not(.eyebrow),.example-copy>p{max-width:none}.idea-intro h2,.example-copy h2{font-size:36px}.research-questions{padding:20px}.roadmap-section{padding:28px 0}.roadmap{grid-template-columns:1fr;gap:22px}.roadmap p{max-width:none}.roadmap h3{margin-top:9px}.feedback-section{padding:23px 20px;margin-bottom:28px}.feedback-section h2{font-size:29px}.feedback-action .button{font-size:11px;padding:12px;gap:12px}.sample-label{font-size:9px}.note-tag{display:block}}
@media(max-width:380px){.note-tag{display:none}.notebook-heading{font-size:17px;gap:7px}}
/* Consistent vector icons; interactions change state without moving the layout. */
.icon{display:inline-block;width:17px;height:17px;vertical-align:middle;flex:none}
.card-top .icon{width:23px;height:23px}.notebook-mark .icon{width:21px;height:21px}
.project-bottom .icon{width:18px;height:18px}.theme-toggle .icon{width:19px;height:19px}
.theme-toggle .sun-shape{display:none}.theme-toggle[data-mode="dark"] .sun-shape{display:inline}
.theme-toggle[data-mode="dark"] .moon-shape{display:none}
details[open]>summary .vertical-line{display:none}.plus{display:inline-flex;align-items:center}
.button>span,.email>span,nav a>span{display:inline-flex;align-items:center}

/* Simple, accessible FAQs; no animation or extra scripts. */
.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:55px;padding:36px 0 44px;border-top:1px solid var(--rule)}
.faq-intro h2{font-size:36px;line-height:1.12;letter-spacing:-1px;margin-bottom:18px}.faq-intro>p:last-child{font-size:13px;line-height:1.8;color:var(--quiet);max-width:300px}
.faq-item{border-bottom:1px solid var(--rule)}.faq-item:first-child{border-top:1px solid var(--rule)}.faq-item summary{padding:15px 2px;font-size:13px;line-height:1.6;min-height:54px}.faq-item .plus{flex:none}.faq-item>p{font-size:13px;line-height:1.8;margin:0;padding:0 28px 20px 2px}.faq-item a{overflow-wrap:anywhere}
@media(max-width:600px){.faq-section{grid-template-columns:1fr;gap:12px;padding:28px 0 32px}.faq-intro h2{font-size:32px}.faq-intro h2 br{display:none}.faq-intro>p:last-child{max-width:none}.faq-item summary{padding:16px 2px}}
.privacy-copy { max-width: 760px; padding: 48px 0 64px; }
.privacy-copy h1 { margin-bottom: 32px; }
.privacy-copy h2 { margin: 32px 0 12px; }
.privacy-copy p { line-height: 1.75; margin: 0 0 16px; }

#language-select{max-width:145px;min-height:36px;padding:6px 8px;border:1px solid var(--rule);border-radius:6px;background:var(--page-bg);color:var(--page-ink);font:inherit;font-size:12px}#language-select:focus-visible{outline:2px solid currentColor;outline-offset:3px}header nav{flex-wrap:wrap}html[lang=es] .hero h1{font-size:clamp(38px,5.2vw,64px)}@media(max-width:600px){header{flex-wrap:wrap;gap:14px}header nav{width:100%;justify-content:space-between;gap:10px}#language-select{max-width:125px}.concept-steps{flex-wrap:wrap}}