@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=DM+Mono:wght@400;500&display=swap');
:root{--paper:#fefaf6;--ink:#24231f;--muted:#69655f;--line:#dcd4ca;--orange:#f58a4b;--orange-pale:#f9e7d9;--green:#dfe7d9;--blue:#e5eaf0;--white:#fffdfb;--serif:Georgia,'Times New Roman',serif;--sans:'Atkinson Hyperlegible',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.62}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}.skip-link{position:absolute;left:-9999px;top:1rem;background:var(--ink);color:white;padding:.7rem 1rem;z-index:20}.skip-link:focus{left:1rem}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1.2rem,5vw,5rem);background:rgba(254,250,246,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{flex-shrink:0}.wordmark{font-size:1.35rem;font-weight:700;letter-spacing:-.07em;text-decoration:none}.site-header nav{display:flex;gap:clamp(.8rem,2vw,1.8rem);flex-wrap:wrap;justify-content:flex-end}.site-header nav a,.footer-links a{font-size:.84rem;text-decoration:none;color:var(--muted)}.site-header nav a:hover,.footer-links a:hover{color:var(--ink)}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;max-width:1280px;margin:auto;padding:clamp(4rem,9vw,8rem) clamp(1.2rem,7vw,7rem) 5rem;min-height:560px}.eyebrow{font:500 .73rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 1rem}.hero h1{font:400 clamp(3.4rem,7.6vw,7.2rem)/.98 var(--serif);letter-spacing:-.07em;max-width:700px;margin:0 0 1.6rem}.hero-lede{font-size:1.2rem;max-width:610px;color:#514d47}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-block;padding:.9rem 1.25rem;text-decoration:none;font-weight:700;border:1px solid var(--ink)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#49443d}.text-link{font-weight:700;text-decoration-thickness:1px}.illustration svg{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hero-art{background:var(--orange-pale);border-radius:48% 52% 49% 51%;padding:1.4rem;color:#7c573e;max-width:460px;justify-self:center}.notice{padding:1.15rem clamp(1.2rem,7vw,7rem);background:#282722;color:#fefaf6;font-size:.92rem}.notice p{max-width:1100px;margin:auto}.notice a{color:white}.section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,7vw,7rem)}.section-intro{max-width:820px;margin:0 auto 3rem}.section-intro h2,.topic-heading h2,.context-heading h2,.feature-copy h2,.about-copy h2,.crisis h2{font:400 clamp(2.4rem,5vw,4.8rem)/1.05 var(--serif);letter-spacing:-.055em;margin:.2rem 0 1.2rem}.section-intro>p:last-child{font-size:1.12rem;color:var(--muted);max-width:740px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1200px;margin:auto}.topic{display:flex;align-items:center;gap:1rem;padding:1.1rem;border:1px solid var(--line);background:var(--white);text-decoration:none;transition:transform .18s,border-color .18s}.topic:hover{transform:translateY(-3px);border-color:#a99c8d}.card-art{width:92px;flex-shrink:0;color:#655c51}.card-art svg{height:65px}.topic-copy span,.topic-copy small{display:block}.topic-copy span{font-weight:700}.topic-copy small{font-size:.82rem;color:var(--muted);line-height:1.35;margin-top:.2rem}.feature{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,7vw,7rem);align-items:center;padding:clamp(4rem,8vw,7rem) clamp(1.2rem,10vw,10rem);background:var(--green)}.feature-art{max-width:330px;justify-self:center}.feature-copy{max-width:750px}.feature-copy>p:not(.eyebrow){font-size:1.08rem}.mini-columns,.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.mini-columns h3,.content-columns h3{font:500 .78rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.mini-columns p,.content-columns p{color:#514d47}.topic-content{max-width:1320px;margin:auto}.topic-content.alt{background:#f2ede6;max-width:none}.topic-content.alt>*{max-width:1050px;margin-left:auto;margin-right:auto}.topic-heading{max-width:850px;margin-bottom:2rem}.topic-heading>p:last-child{font-size:1.12rem;color:var(--muted)}.content-columns>div{min-width:0}.compact-section{background:var(--blue)}.narrow{max-width:760px}.practice-list{max-width:940px;margin:auto;border-top:1px solid #b9c4cf}.practice{display:grid;grid-template-columns:70px 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid #b9c4cf}.practice-number{font:500 1rem var(--mono);color:#647181;padding-top:.25rem}.practice h3{font:400 1.7rem/1.2 var(--serif);margin:0 0 .45rem}.practice p{max-width:760px;margin:.2rem 0;color:#514d47}.approach-section{background:#f4eee6}.principle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1100px;margin:auto}.principle{padding:1.7rem;background:var(--white);border:1px solid var(--line)}.principle-index{font:500 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8c5b3d}.principle h3{font:400 clamp(1.55rem,2.5vw,2.1rem)/1.15 var(--serif);letter-spacing:-.025em;margin:.7rem 0 1rem}.principle p{font-size:.96rem;color:#514d47}.practice-note{max-width:1100px;margin:2rem auto 0;padding:2rem;background:var(--orange-pale)}.practice-note h3{font:400 clamp(1.7rem,3vw,2.5rem)/1.1 var(--serif);margin:.4rem 0 .8rem}.practice-note p:last-child{max-width:900px}.context-section{background:var(--green)}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1200px;margin:auto}.context{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem;background:var(--white);border:1px solid #c9d2c4;text-decoration:none}.context-art{color:#5d6b57}.context-art svg{height:100px}.context>strong{font-size:1.08rem}.context>span{font-size:.86rem;color:var(--muted)}.context-detail{max-width:1250px;margin:auto}.context-detail.alt{background:#f2ede6;max-width:none}.context-detail.alt>*{max-width:1050px;margin-left:auto;margin-right:auto}.context-heading{max-width:850px;margin-bottom:2rem}.context-heading>p:last-child{font-size:1.12rem;color:var(--muted)}.resource-section{background:#e9e4dc}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;max-width:1100px;margin:auto}.resource{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem;background:var(--white);border:1px solid var(--line);text-decoration:none}.resource strong{font-size:1.08rem}.resource span{font-size:.92rem;color:var(--muted)}.resource em{font:400 .7rem var(--mono);font-style:normal;margin-top:.4rem}.pathways{max-width:1320px;margin:auto}.pathway-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.pathway-grid article{border-top:2px solid var(--ink);padding:1rem .2rem}.pathway-grid article>span{font:500 .75rem var(--mono);color:var(--muted)}.pathway-grid h3{font:400 1.45rem/1.15 var(--serif)}.pathway-grid p{font-size:.88rem;color:var(--muted)}.crisis{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;padding:clamp(3rem,7vw,6rem) clamp(1.2rem,10vw,10rem);background:#292824;color:var(--paper)}.crisis .eyebrow,.crisis p{color:#d5d0c7}.crisis h2{max-width:700px}.crisis a{color:white}.crisis-list{display:grid;align-content:center}.crisis-list a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #59574f;text-decoration:none}.crisis-list span{color:#d5d0c7;font-size:.9rem;text-align:right}.about{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2rem,7vw,7rem);align-items:center;max-width:1250px;margin:auto}.about-art{max-width:330px;color:#8b654c;background:var(--orange-pale);border-radius:48%;padding:1rem}.about-copy{max-width:780px}.about-copy>p:not(.eyebrow){color:#514d47}.boundaries{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.boundaries span{padding:.35rem .55rem;border:1px solid var(--line);font:400 .65rem var(--mono);text-transform:uppercase;color:var(--muted)}.sources{background:#f2ede6}.source-list{max-width:1000px;margin:auto;border-top:1px solid var(--line)}.source-list a{display:grid;grid-template-columns:220px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none}.source-list span{color:var(--muted)}.disclaimer{padding:2.5rem clamp(1.2rem,10vw,10rem);font-size:.83rem;color:var(--muted);max-width:1300px;margin:auto}.disclaimer h2{font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--ink)}.site-footer{display:grid;grid-template-columns:1fr auto;gap:1.5rem;padding:2rem clamp(1.2rem,5vw,5rem);background:#e9e4dc;border-top:1px solid var(--line)}.wordmark.small{font-size:1.1rem}.site-footer p{margin:.25rem 0;font-size:.8rem;color:var(--muted)}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1rem}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column;gap:.7rem}.site-header nav{justify-content:flex-start}.hero{grid-template-columns:1fr;min-height:auto;padding-top:4rem}.hero-art{width:min(78%,380px)}.topic-grid,.context-grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.feature-art{max-width:220px}.pathway-grid{grid-template-columns:repeat(2,1fr)}.crisis{grid-template-columns:1fr;gap:1rem}.about{grid-template-columns:1fr}.about-art{max-width:210px}.about-copy{max-width:none}}@media(max-width:600px){body{font-size:16px}.site-header nav{gap:.65rem 1rem}.site-header nav a{font-size:.78rem}.hero h1{font-size:clamp(3.2rem,16vw,5rem)}.topic-grid,.context-grid,.principle-grid,.resource-grid,.mini-columns,.content-columns{grid-template-columns:1fr}.topic{padding:.75rem}.card-art{width:75px}.card-art svg{height:55px}.section{padding-top:3.5rem;padding-bottom:3.5rem}.practice{grid-template-columns:42px 1fr;gap:.8rem}.practice h3{font-size:1.5rem}.pathway-grid{grid-template-columns:1fr}.crisis-list a{flex-direction:column;gap:.15rem}.crisis-list span{text-align:left}.source-list a{grid-template-columns:1fr;gap:.2rem}.site-footer{grid-template-columns:1fr}.copyright{grid-column:auto}.footer-links{gap:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
