:root{
  --paper:#f4efe5; --paper2:#fbf8f1; --ink:#18382d; --ink2:#294b3c;
  --rust:#b5533d; --clay:#9a6852; --sage:#80927b; --line:#d9d0c0; --white:#fffdf7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:#27372f;background:
radial-gradient(circle at 1px 1px,rgba(24,56,45,.045) 1px,transparent 1.4px) 0 0/12px 12px,
var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.62}
img{display:block;max-width:100%}
button,a{font:inherit}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-weight:500;line-height:.98;margin:0}
.wrap{width:min(1420px,92vw);margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(244,239,229,.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(24,56,45,.12)}
.navbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;display:flex;gap:12px;align-items:center;color:var(--ink)}
.mark{width:38px;height:48px;position:relative}
.mark:before,.mark:after{content:"";position:absolute;background:#6f866f;border-radius:100% 0 100% 0;transform:rotate(-30deg)}
.mark:before{width:16px;height:30px;top:0;left:16px}.mark:after{width:14px;height:23px;top:17px;left:0}
.mark i{position:absolute;width:6px;height:37px;background:var(--rust);left:19px;top:15px;transform:rotate(11deg);border-radius:8px}
.brand strong{display:block;font:500 29px/.9 Georgia,serif}.brand small{display:block;margin-top:6px;color:var(--rust);font-weight:800;letter-spacing:.08em}
nav{display:flex;gap:28px;align-items:center}
nav a{text-decoration:none;color:#25382f;font-weight:750;font-size:15px}
nav a:hover,nav a.active{color:var(--rust)}
.menu{display:none;border:0;background:none;font-size:26px}
.hero{min-height:800px;overflow:hidden;position:relative}
.hero-grid{min-height:800px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center}
.hero-copy{padding:95px 0 120px;position:relative;z-index:2}
.kicker{color:var(--rust);font-weight:850;letter-spacing:.2em;text-transform:uppercase;font-size:13px;margin-bottom:24px}
.hero h1{font-size:clamp(66px,7.7vw,124px);max-width:660px}
.hero p{font:500 clamp(23px,2.1vw,34px)/1.36 Georgia,serif;color:var(--clay);max-width:640px;margin:36px 0}
.cta{display:inline-flex;text-decoration:none;background:var(--rust);color:white;border:2px solid var(--rust);border-radius:999px;padding:18px 30px;font-weight:800}
.cta.outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.hero-arch{position:absolute;right:-2%;bottom:-2%;width:57%;height:68%;border:15px solid var(--ink);border-right:0;border-bottom:0;border-radius:48% 0 0 0;overflow:hidden;background:var(--ink)}
.hero-arch img{width:100%;height:100%;object-fit:cover;object-position:center 36%}
.section{padding:105px 0}.soft{background:rgba(255,253,247,.74)}.dark{background:var(--ink);color:#fff7e8}
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.big{font-size:clamp(52px,6vw,92px)}.dark .big{color:#fff8e9}
.lead{font-size:21px;color:#665f55}
.dark .lead{color:#e5dccd}
.image-frame{overflow:hidden;border-radius:42% 3% 42% 3%;border:13px solid var(--white);box-shadow:0 24px 60px rgba(24,56,45,.12)}
.image-frame img{width:100%;height:100%;object-fit:cover}
.quote{background:var(--ink);color:white;text-align:center;padding:90px 0}
.quote h2{color:white;font-size:clamp(48px,6vw,86px);max-width:1100px;margin:auto}
.page-hero{padding:125px 0 90px;background:rgba(255,253,247,.62);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(66px,7.5vw,112px);max-width:1180px}
.page-hero p{font:500 23px/1.45 Georgia,serif;color:var(--clay);max-width:900px}
.card{background:var(--white);border:1px solid var(--line);border-radius:26px;overflow:hidden}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 25%}
.card-body{padding:27px}.card h3{font-size:42px}.tag{font-size:11px;color:var(--rust);font-weight:850;letter-spacing:.17em}
.root{display:grid;grid-template-columns:330px 1fr 240px;gap:48px;align-items:center;padding:54px 0;border-bottom:1px solid var(--line)}
.root img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px}
.root h2{font-size:60px}.root h3{font-size:30px}
.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-weight:700;font-size:13px}
.walter{padding:145px 0;background:linear-gradient(rgba(24,56,45,.66),rgba(24,56,45,.84)),url('walter-tree.jpg') center/cover;color:white;text-align:center}
.walter h2{color:white;font-size:clamp(60px,7.6vw,106px);max-width:1030px;margin:auto}
.footer{background:#112c22;color:#eee5d6;padding:58px 0 28px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.footer a{display:block;color:#eee5d6;text-decoration:none;margin:8px 0}
.notice{padding:16px;border-radius:15px;background:#fff2cb;border:1px solid #e2c873;color:#5a471f}
@media(max-width:980px){
 nav{display:none;position:absolute;top:96px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
 nav.open{display:flex}.menu{display:block}
 .hero-grid{grid-template-columns:1fr;min-height:900px;align-items:start}.hero-copy{padding-top:85px}
 .hero-arch{width:92%;height:45%;right:-9%}
 .two,.three,.root,.footgrid{grid-template-columns:1fr}.root{gap:22px}
}

/* Expanded post–Book One website */
.navbar{align-items:center}
nav{gap:20px}
nav a{font-size:14px;white-space:nowrap}
.hero h1{max-width:790px}
.hero-copy{max-width:760px}
.hero-grid{grid-template-columns:.95fr 1.05fr}
.intro-stack p{margin:.35rem 0}
.cycle{position:relative;width:min(680px,86vw);aspect-ratio:1;margin:48px auto 18px;border:2px solid rgba(24,56,45,.25);border-radius:50%;background:rgba(255,253,247,.75)}
.cycle:before{content:"";position:absolute;inset:13%;border:1px dashed rgba(181,83,61,.45);border-radius:50%}
.cycle-center{position:absolute;inset:34%;display:grid;place-items:center;text-align:center;border-radius:50%;background:var(--ink);color:#fff8e9;font:500 30px/1.05 Georgia,serif;padding:20px}
.cycle-item{position:absolute;width:150px;text-align:center;font-weight:800;color:var(--ink)}
.cycle-item small{display:block;font-weight:500;color:#6f6559}
.c1{top:3%;left:50%;transform:translateX(-50%)} .c2{top:25%;right:0}
.c3{bottom:18%;right:4%}.c4{bottom:3%;left:50%;transform:translateX(-50%)}
.c5{bottom:18%;left:4%}.c6{top:25%;left:0}
.split-list{columns:2;column-gap:38px;padding-left:20px}
.split-list li{margin:.45rem 0;break-inside:avoid}
.book-cover{min-height:560px;border-radius:28px;background:
linear-gradient(rgba(24,56,45,.28),rgba(24,56,45,.72)),url('walter-tree.jpg') center/cover;
display:flex;align-items:flex-end;padding:38px;color:white;box-shadow:0 28px 70px rgba(24,56,45,.18)}
.book-cover h3{font-size:54px;color:white}
.book-cover p{font:500 23px/1.35 Georgia,serif}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.audience{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;font-weight:800;color:var(--ink)}
.topic{padding:34px;border-bottom:1px solid var(--line)}
.topic h2{font-size:44px;margin-bottom:12px}
.story-panel{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:30px;overflow:hidden}
.story-panel img{width:100%;height:100%;min-height:480px;object-fit:cover}
.story-panel .copy{padding:44px}
.mini-nav{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.mini-nav a{padding:10px 15px;border-radius:999px;text-decoration:none;border:1px solid var(--line);background:var(--white);font-weight:700}
@media(max-width:1180px){nav{gap:13px}nav a{font-size:12px}}
@media(max-width:980px){.split-list{columns:1}.audience-grid,.story-panel{grid-template-columns:1fr}.cycle-item{width:115px;font-size:13px}}

/* Water the Roots — refined desktop scale, v2.0 */
:root{--content:1180px}
.wrap{width:min(var(--content),90vw)}
.navbar{min-height:78px}
.brand strong{font-size:24px;line-height:.92}
.brand small{font-size:10px;margin-top:5px}
.mark{transform:scale(.88);transform-origin:left center}
nav{gap:17px}
nav a{font-size:13px}
.hero{min-height:650px}
.hero-grid{min-height:650px;grid-template-columns:.9fr 1.1fr}
.hero-copy{padding:64px 0 82px;max-width:670px}
.kicker{font-size:11px;margin-bottom:17px}
.hero h1{font-size:clamp(52px,5.6vw,82px);max-width:650px;line-height:1.01}
.hero p{font-size:clamp(19px,1.55vw,24px);max-width:600px;margin:25px 0 28px}
.hero-arch{right:0;bottom:0;width:52%;height:72%;border-width:11px}
.cta{padding:13px 22px;font-size:14px}
.section{padding:72px 0}
.two{gap:52px}
.three{gap:20px}
.big{font-size:clamp(42px,4.25vw,64px);line-height:1.03}
.lead{font-size:18px}
.image-frame{max-height:500px;border-width:9px;border-radius:34% 3% 34% 3%}
.image-frame img{max-height:500px}
.quote{padding:62px 0}
.quote h2{font-size:clamp(38px,4.6vw,62px);max-width:900px}
.page-hero{padding:76px 0 58px}
.page-hero h1{font-size:clamp(50px,5.5vw,76px);max-width:980px;line-height:1.02}
.page-hero p{font-size:20px;max-width:820px;margin-bottom:0}
.card{border-radius:22px}
.card-body{padding:23px}
.card h3{font-size:31px;line-height:1.08}
.root{grid-template-columns:245px 1fr 190px;gap:34px;padding:38px 0}
.root h2{font-size:44px;line-height:1.04}
.root h3{font-size:24px}
.walter{padding:88px 0}
.walter h2{font-size:clamp(46px,5.2vw,72px);max-width:900px}
.footer{padding:46px 0 24px}
.footgrid{gap:42px}
.cycle{width:min(540px,82vw);margin:34px auto 12px}
.cycle-center{font-size:24px}
.cycle-item{width:132px;font-size:14px}
.book-cover{min-height:440px;padding:30px}
.book-cover h3{font-size:43px}
.book-cover p{font-size:20px}
.topic{padding:25px 20px}
.topic h2{font-size:35px}
.story-panel{gap:30px;border-radius:24px}
.story-panel img{min-height:390px}
.story-panel .copy{padding:32px}
.audience{padding:18px}

.why-roots{background:var(--ink);color:#fff7e8}
.why-roots h2{color:#fff8e9}
.why-roots .lead{color:#e8ded0}
.why-roots .root-line{display:block;width:68px;height:2px;background:#d8a16e;margin:22px 0}
.why-roots p{max-width:690px}

@media(min-width:981px) and (max-height:820px){
 .hero,.hero-grid{min-height:570px}
 .hero-copy{padding:48px 0 64px}
 .hero h1{font-size:clamp(48px,5.1vw,72px)}
 .hero p{font-size:19px;margin:20px 0 24px}
 .hero-arch{height:74%}
}
@media(max-width:1180px){nav{gap:11px}nav a{font-size:11px}}
@media(max-width:980px){
 .navbar{min-height:78px}
 nav{top:78px}
 .hero,.hero-grid{min-height:auto}
 .hero-grid{grid-template-columns:1fr;padding-bottom:360px}
 .hero-copy{padding:58px 0 48px}
 .hero-arch{width:94%;height:330px;right:-8%;bottom:0}
 .section{padding:58px 0}
 .page-hero{padding:58px 0 45px}
 .two,.three,.root,.footgrid{grid-template-columns:1fr}
 .root{gap:18px}
 .root img{max-width:520px}
 .story-panel img{min-height:320px}
}
@media(max-width:620px){
 .wrap{width:min(92vw,1180px)}
 .brand strong{font-size:21px}
 .hero-grid{padding-bottom:285px}
 .hero-arch{height:270px}
 .hero h1{font-size:43px}
 .page-hero h1{font-size:43px}
 .big{font-size:39px}
 .card h3{font-size:28px}
 .cycle{transform:scale(.92);margin-left:auto;margin-right:auto}
}

/* v2.1 — visibility, illustration framing, and science-page refinements */
.hero-arch{
  height:78%;
  bottom:0;
  border-radius:42% 0 0 0;
}
.hero-arch img{
  object-position:center bottom;
}

/* Keep the opening artwork fully readable, especially Pebble at the lower edge. */
@media(min-width:981px){
  .hero{min-height:690px}
  .hero-grid{min-height:690px}
  .hero-copy{padding-bottom:72px}
}

/* Use one consistent illustrated-window language for major tree imagery. */
.image-frame,
.book-cover{
  border-radius:30px 30px 48px 48px;
  border:9px solid var(--white);
  box-shadow:0 22px 54px rgba(24,56,45,.14);
  background:var(--white);
}
.image-frame img{
  object-position:center bottom;
  filter:saturate(.88) contrast(.96) brightness(1.03);
}
.book-cover{
  background-position:center bottom;
  filter:saturate(.9);
}
.walter{
  background-position:center bottom;
}

/* Five Roots: show each natural element as a complete, clear image. */
.root img{
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:center;
  border:8px solid var(--white);
  box-shadow:0 14px 34px rgba(24,56,45,.12);
}

.science-practices{
  background:linear-gradient(135deg,rgba(255,253,247,.96),rgba(237,231,216,.88));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.practice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:30px;
}
.practice-card{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:20px;
  padding:24px;
}
.practice-card h3{
  font-size:27px;
  line-height:1.08;
  margin-bottom:10px;
}
.practice-card p{margin:0;color:#5f5a51}
.science-bridge{
  max-width:920px;
  margin:30px auto 0;
  text-align:center;
  font:500 20px/1.55 Georgia,serif;
  color:var(--clay);
}
@media(max-width:760px){
  .practice-grid{grid-template-columns:1fr}
  .hero-arch{height:295px}
}

/* v3.0 — definitive Canon, book & brand alignment */
.skip-link{position:absolute;left:-9999px;top:8px;background:var(--ink);color:white;padding:10px 14px;z-index:1000;border-radius:8px}
.skip-link:focus{left:12px}
.brand strong{font-size:23px;line-height:1;white-space:nowrap}
.brand small{letter-spacing:.12em}
.book-subtitle{font:500 clamp(22px,2.2vw,32px)/1.35 Georgia,serif;color:var(--clay);max-width:970px;margin-top:24px}
.architecture-intro{max-width:850px}
.architecture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.architecture-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 12px 32px rgba(24,56,45,.06)}
.architecture-card.wide{grid-column:1/-1}
.architecture-card span,.pathway span{display:block;color:var(--rust);font-weight:850;letter-spacing:.14em;font-size:10px;margin-bottom:10px}
.architecture-card h3{font-size:31px;line-height:1.08;margin-bottom:12px}
.architecture-card p{margin:0;color:#5f5a51}
.architecture-note{margin:28px auto 0;max-width:960px;padding:22px 25px;border-left:4px solid var(--rust);background:rgba(255,253,247,.76)}
.pathway-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:36px}
.pathway{display:block;text-decoration:none;color:inherit;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px;transition:transform .18s ease,box-shadow .18s ease}
.pathway:hover,.pathway:focus-visible{transform:translateY(-3px);box-shadow:0 15px 30px rgba(24,56,45,.10)}
.pathway h3{font-size:27px;line-height:1.08;margin-bottom:12px}.pathway p{margin:0}
.vision-panel{background:var(--ink);color:#fff8e9;border-radius:28px;padding:46px;min-height:300px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 24px 58px rgba(24,56,45,.15)}
.vision-panel p{font:500 30px/1.35 Georgia,serif;margin:0;color:#fff8e9}
.vision-panel span{display:block;margin-top:22px;color:#e9bf82;font-weight:800;font-size:11px;letter-spacing:.14em}
.condition-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}
.condition{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;color:var(--ink)}
.memory-anchor{font:500 18px/1.45 Georgia,serif;color:var(--clay);border-left:2px solid var(--rust);padding-left:16px}
.relational-link{margin-top:18px;padding:16px 18px;background:rgba(181,83,61,.08);border-radius:15px;border:1px solid rgba(181,83,61,.18)}
.credential-box{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:26px}.credential-box p{margin:0}
.fine-note{font-size:12px;color:#6d665d;margin-top:12px}.fineprint{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;margin-top:35px;font-size:12px}
.cycle-five .c1{top:2%;left:50%;right:auto;bottom:auto;transform:translateX(-50%)}
.cycle-five .c2{top:28%;right:-1%;left:auto;bottom:auto;transform:none}
.cycle-five .c3{bottom:8%;right:10%;left:auto;top:auto;transform:none}
.cycle-five .c4{bottom:8%;left:10%;right:auto;top:auto;transform:none}
.cycle-five .c5{top:28%;left:-1%;right:auto;bottom:auto;transform:none}

@media(max-width:1280px){
 .pathway-grid{grid-template-columns:repeat(3,1fr)}
 nav{gap:10px}nav a{font-size:11px}
}
@media(max-width:980px){
 .architecture-grid,.condition-grid,.pathway-grid{grid-template-columns:1fr 1fr}
 .architecture-card.wide{grid-column:1/-1}
 .brand strong{font-size:21px}
}
@media(max-width:620px){
 .architecture-grid,.condition-grid,.pathway-grid{grid-template-columns:1fr}
 .architecture-card.wide{grid-column:auto}
 .vision-panel{padding:30px;min-height:0}.vision-panel p{font-size:24px}
 .cycle-five .cycle-item{width:105px;font-size:12px}
 .memory-anchor{font-size:16px}
}

/* v3.1 — visitor-experience compression + interactive Living Tree */
.section-narrow{max-width:820px;margin:0 auto;text-align:center}
.center-action{text-align:center;margin-top:30px}
.text-link{display:inline-block;margin-top:18px;color:var(--rust);font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.text-link:hover,.text-link:focus-visible{border-bottom-width:2px}
.light-link{color:#e9bf82}
.nourishments-intro{overflow:hidden}
.nourishment-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}
.nourishment-strip a{position:relative;display:flex;min-height:150px;flex-direction:column;justify-content:flex-end;padding:22px;text-decoration:none;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.nourishment-strip a:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(255,253,247,.96));pointer-events:none}
.nourishment-strip a:nth-child(1){background:linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.85)),url('root-water.jpg') center/cover}
.nourishment-strip a:nth-child(2){background:linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.85)),url('root-sunlight.jpg') center/cover}
.nourishment-strip a:nth-child(3){background:linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.85)),url('root-soil.jpg') center/cover}
.nourishment-strip a:nth-child(4){background:linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.85)),url('root-wind.jpg') center/cover}
.nourishment-strip a:nth-child(5){background:linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.85)),url('root-pruning.jpg') center/cover}
.nourishment-strip a:hover,.nourishment-strip a:focus-visible{transform:translateY(-4px);box-shadow:0 18px 35px rgba(24,56,45,.12)}
.nourishment-strip b,.nourishment-strip span{position:relative;z-index:1}.nourishment-strip b{font:500 28px/1 Georgia,serif}.nourishment-strip span{margin-top:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--rust)}
.living-tree-section{background:linear-gradient(180deg,var(--paper2),#ebe4d6)}
.living-tree-heading{max-width:820px;margin-bottom:38px}
.living-tree-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:46px;align-items:center}
.living-tree{position:relative;min-height:610px;border:10px solid var(--white);border-radius:34px;overflow:hidden;box-shadow:0 28px 70px rgba(24,56,45,.14);background:var(--ink)}
.living-tree img{width:100%;height:610px;object-fit:cover;object-position:center bottom;filter:saturate(.9) contrast(.96) brightness(1.02)}
.tree-hotspot{position:absolute;width:86px;height:86px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:rgba(24,56,45,.82);color:#fffdf7;font-weight:800;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.22);transition:transform .18s ease,background .18s ease,box-shadow .18s ease;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px}
.tree-hotspot span{font-size:12px;letter-spacing:.04em}
.tree-hotspot:hover,.tree-hotspot:focus-visible,.tree-hotspot.active{transform:scale(1.1);background:var(--rust);box-shadow:0 10px 30px rgba(181,83,61,.36);outline:none}
.tree-hotspot:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(255,255,255,.55);border-radius:50%}
.roots-spot{left:18%;bottom:7%}.trunk-spot{left:46%;bottom:29%}.branches-spot{right:19%;top:38%}.repair-spot{left:24%;top:31%}.leaves-spot{right:24%;top:10%}
.tree-explainer{padding:12px 2px}
.tree-step-number{font:500 70px/1 Georgia,serif;color:rgba(181,83,61,.28)}
.tree-explainer h3{font-size:50px;margin:-14px 0 20px}
.tree-explainer>p:not(.tree-cycle-note){font-size:19px;color:#4f574f}
.tree-cycle-note{margin-top:28px;padding:20px 22px;background:var(--white);border:1px solid var(--line);border-radius:18px;font-family:Georgia,serif;color:var(--ink)}
.philosophy-tease{background:var(--paper)}
.vision-quote{min-height:330px;border-radius:30px;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(rgba(24,56,45,.2),rgba(24,56,45,.84)),url('root-sunlight.jpg') center/cover;color:white;box-shadow:0 24px 56px rgba(24,56,45,.14)}
.vision-quote p{font:500 34px/1.25 Georgia,serif;margin:0;color:#fffdf7}.vision-quote span{margin-top:18px;color:#e9bf82;font-size:11px;font-weight:900;letter-spacing:.14em}
.compact-pathways{grid-template-columns:repeat(5,minmax(0,1fr))}
.quiet-principle{font:500 31px/1.45 Georgia,serif;color:#fff8e9;padding-left:30px;border-left:2px solid #e9bf82}.quiet-principle p{margin:0}.quiet-principle small{display:block;margin-top:18px;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#d9cfbf;text-transform:uppercase}
@media(max-width:1080px){.nourishment-strip{grid-template-columns:repeat(3,1fr)}.compact-pathways{grid-template-columns:repeat(3,1fr)}.living-tree-layout{grid-template-columns:1fr}.tree-explainer{max-width:720px}}
@media(max-width:760px){.nourishment-strip,.compact-pathways{grid-template-columns:1fr 1fr}.living-tree{min-height:500px}.living-tree img{height:500px}.tree-hotspot{width:68px;height:68px}.roots-spot{left:12%}.trunk-spot{left:44%;bottom:27%}.branches-spot{right:10%;top:38%}.repair-spot{left:16%;top:31%}.leaves-spot{right:18%;top:8%}}
@media(max-width:520px){.nourishment-strip,.compact-pathways{grid-template-columns:1fr}.living-tree{min-height:430px;border-width:7px}.living-tree img{height:430px}.tree-hotspot{width:58px;height:58px}.tree-hotspot span{font-size:10px}.tree-explainer h3{font-size:42px}.tree-step-number{font-size:58px}.vision-quote{min-height:280px;padding:34px}.vision-quote p{font-size:29px}}
@media(prefers-reduced-motion:reduce){.tree-hotspot,.nourishment-strip a{transition:none}}

/* v4.0 — September 2026 implementation foundation */
:root{--forest:#17392f;--forest2:#23483b;--cream:#f6f0e5;--cream2:#fffaf1;--gold:#d7aa70;--terracotta:#a85843;--muted:#6c6a61}
.header{position:sticky;top:0;z-index:100;background:rgba(255,250,241,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,57,47,.12)}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;color:var(--forest)}
nav{display:flex;align-items:center;gap:15px}nav a{text-decoration:none;color:var(--forest);font-weight:700;font-size:12px;white-space:nowrap}nav a:hover,nav a:focus-visible{color:var(--terracotta)}
.hero-v4{min-height:720px;background:linear-gradient(90deg,rgba(15,42,33,.78),rgba(15,42,33,.20)),url('walters-grove-approved.png') center/cover;display:flex;align-items:center;color:white}.hero-v4 .hero-copy{max-width:780px;padding:110px 0}.hero-v4 h1{color:white;font-size:clamp(52px,6vw,88px);line-height:.98;margin:.15em 0 .28em}.hero-v4 p{font-size:clamp(19px,2vw,25px);max-width:680px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--gold)}
.community-panel{background:rgba(255,250,241,.95);color:#263a32;border-radius:24px;padding:28px;max-width:520px;box-shadow:0 22px 55px rgba(0,0,0,.16)}.community-panel h2{color:var(--forest);font-size:34px}.community-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.community-form input,.community-form select{width:100%;padding:13px 14px;border:1px solid #cfc5b4;border-radius:10px;background:white}.community-form button{grid-column:1/-1;border:0;border-radius:999px;background:var(--forest);color:white;padding:13px 18px;font-weight:800}.form-note{font-size:12px;color:var(--muted);margin-top:10px}.section-v4{padding:82px 0}.section-v4.soft{background:var(--cream2)}.section-v4.dark{background:var(--forest);color:#f9f2e6}.section-v4.dark h2,.section-v4.dark h3{color:white}.intro{max-width:850px}.intro h2{font-size:clamp(42px,5vw,66px);line-height:1.02}.intro p{font-size:19px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.feature-card{background:white;border:1px solid var(--line);border-radius:20px;padding:25px}.feature-card h3{font-size:29px}.five-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:32px}.five-grid a,.five-grid div{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;color:inherit}.five-grid b{display:block;color:var(--forest);font:700 27px/1.1 Georgia,serif}.five-grid span{color:var(--terracotta);font-weight:800;font-size:12px}.pullquote{font:500 clamp(28px,3vw,42px)/1.25 Georgia,serif;color:var(--forest);max-width:900px}.page-hero-v4{padding:92px 0 64px;background:linear-gradient(135deg,var(--cream2),#e9dfcd)}.page-hero-v4 h1{font-size:clamp(50px,6vw,78px);line-height:1}.page-hero-v4 p{font-size:20px;max-width:850px}.content-narrow{max-width:860px}.book-row{display:grid;grid-template-columns:280px 1fr;gap:42px;align-items:center;margin-top:34px}.book-placeholder{aspect-ratio:2/3;border-radius:10px;background:linear-gradient(160deg,#d7c7a8,#667c68);display:flex;align-items:end;padding:24px;color:white;font:700 28px/1.1 Georgia,serif;box-shadow:0 18px 40px rgba(23,57,47,.18)}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.friend-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.friend-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.friend-card div{padding:20px}.friend-card h3{font-size:28px;margin-bottom:8px}.footer-v4{background:#102c24;color:#eee5d8;padding:58px 0 28px}.footer-v4 a{color:#eee5d8;text-decoration:none}.footer-v4 .footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:44px}.footer-v4 small{color:#c8bfb1}.status-note{padding:14px 16px;background:#fff5df;border:1px solid #e5cfa6;border-radius:12px;font-size:13px}
@media(max-width:1100px){nav{display:none}.menu{display:block}.five-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.friend-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hero-v4{min-height:650px}.hero-v4 .hero-copy{padding:80px 0}.community-form,.feature-grid,.friend-grid,.five-grid,.book-row,.footer-v4 .footgrid{grid-template-columns:1fr}.book-row{gap:24px}.book-placeholder{max-width:260px}.section-v4{padding:58px 0}}

/* v4.1 — visual integration pass */
:root{--gold:#c79a62;--forest:#17382d;--cream2:#f8f3e9;--terracotta:#ad5d48;--muted:#6e675e}
body{background:linear-gradient(180deg,#f6f1e8 0%,#f3ede2 100%)}
.header{box-shadow:0 1px 0 rgba(23,56,45,.08)}
.navbar{min-height:82px}.brand{position:relative;padding-left:48px}.brand:before{content:"";position:absolute;left:0;top:50%;width:35px;height:35px;transform:translateY(-50%);border:1px solid rgba(23,56,45,.22);border-radius:50%;background:radial-gradient(circle at 50% 70%,rgba(173,93,72,.2),transparent 45%),linear-gradient(145deg,#e7dfcd,#fbf8f1)}
.hero-v4{min-height:760px;background-position:center 54%;isolation:isolate}.hero-v4:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,var(--cream2));z-index:-1;opacity:.9}
.hero-v4 .hero-copy{background:linear-gradient(90deg,rgba(16,44,36,.70),rgba(16,44,36,.32) 72%,transparent);padding:72px 54px 76px 0;border-radius:0 40px 40px 0}
.hero-v4 .eyebrow{color:#f0cf9e}.hero-v4 p{color:#fff9ee}
.section-v4{position:relative}.section-v4.soft{background:linear-gradient(135deg,#fbf7ef,#eee5d5)}
.five-grid.visual a{min-height:245px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;padding:20px;box-shadow:0 14px 30px rgba(23,56,45,.08);transition:transform .2s ease,box-shadow .2s ease;background-size:cover;background-position:center}.five-grid.visual a:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,40,32,.02) 18%,rgba(250,247,239,.22) 45%,rgba(250,247,239,.98) 80%)}.five-grid.visual a>*{position:relative;z-index:1}.five-grid.visual a:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(23,56,45,.14)}
.five-grid.visual a:nth-child(1){background-image:url('root-water.jpg')}.five-grid.visual a:nth-child(2){background-image:url('root-sunlight.jpg')}.five-grid.visual a:nth-child(3){background-image:url('root-soil.jpg')}.five-grid.visual a:nth-child(4){background-image:url('root-wind.jpg')}.five-grid.visual a:nth-child(5){background-image:url('root-pruning.jpg')}
.feature-card{box-shadow:0 12px 30px rgba(23,56,45,.055);transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(23,56,45,.09)}
.page-hero-v4{position:relative;overflow:hidden}.page-hero-v4:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(23,56,45,.09);border-radius:50%;right:-100px;top:-160px;box-shadow:0 0 0 45px rgba(23,56,45,.025),0 0 0 90px rgba(23,56,45,.018)}
.book-showcase{display:grid;grid-template-columns:minmax(220px,310px) 1fr;gap:54px;align-items:center;margin-top:42px}.book-showcase+.book-showcase{margin-top:64px;padding-top:64px;border-top:1px solid var(--line)}.book-art{max-width:310px;margin:auto;filter:drop-shadow(0 22px 25px rgba(23,56,45,.20))}.book-art img{width:100%;border-radius:4px}.book-copy h3{font-size:clamp(38px,4vw,58px);margin-bottom:12px}.book-copy .subtitle{font:500 20px/1.45 Georgia,serif;color:var(--clay)}
.riverwoods-banner{min-height:460px;display:flex;align-items:end;background:linear-gradient(180deg,rgba(15,42,33,.05),rgba(15,42,33,.78)),url('walters-grove-approved.png') center/cover;border-radius:30px;overflow:hidden;padding:42px;color:white;box-shadow:0 24px 52px rgba(23,56,45,.14)}.riverwoods-banner h2{color:white;font-size:clamp(40px,5vw,66px)}.riverwoods-banner p{max-width:680px;font-size:18px}
.friend-card img{aspect-ratio:1/1;object-position:center 24%}.friend-card.canon img{object-position:center 24%}.friend-card h3{color:var(--forest)}
.parent-pause-band{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;margin-top:38px;background:var(--white);border:1px solid var(--line);border-radius:26px;overflow:hidden}.parent-pause-band .copy{padding:34px}.parent-pause-band .nature{min-height:360px;background:url('root-water.jpg') center/cover}
.walter{background-image:linear-gradient(rgba(24,56,45,.58),rgba(24,56,45,.78)),url('walters-grove-approved.png');background-position:center 55%}
.root{width:min(var(--content),90vw);margin:auto}.root:nth-of-type(even) img{order:2}.root:nth-of-type(even) .memory-anchor{order:0}
.footer-v4{background:linear-gradient(180deg,#14372c,#0e2a21)}
@media(max-width:800px){.book-showcase,.parent-pause-band{grid-template-columns:1fr}.book-art{max-width:240px}.parent-pause-band .nature{min-height:260px}.riverwoods-banner{min-height:380px;padding:28px}.root:nth-of-type(even) img,.root:nth-of-type(even) .memory-anchor{order:initial}.hero-v4 .hero-copy{padding-right:22px}}

/* Pass 4 — canonical logo, character portrait framing, and keyboard polish */
.brand{display:flex;align-items:center;gap:11px}
.brand>img{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.friend-card img{aspect-ratio:4/3;object-fit:cover;object-position:center 25%}
.friend-card:nth-child(4) img,.friend-card:nth-child(7) img,.friend-card:nth-child(8) img{object-position:center 18%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b56b46;outline-offset:3px}
@media(max-width:620px){.brand>img{width:38px;height:38px}.brand small{display:none}}
.community-form input:disabled,.community-form select:disabled{background:#f3eee5;color:#6f746f;cursor:not-allowed}.community-form button:disabled{opacity:.7;cursor:not-allowed}.menu:focus-visible,.community-form input:focus-visible,.community-form select:focus-visible,.community-form button:focus-visible{outline:3px solid #d8a26d;outline-offset:3px}@media(max-width:700px){.brand small{display:none}.navbar{min-height:68px}.brand img{width:44px;height:44px}.brand strong{font-size:18px}.header nav.open{max-height:calc(100vh - 76px);overflow:auto}}
\n\n/* v4.3 — Melissa browser-review refinements */
/* One brand mark only; keep descriptor on one line on desktop */
.brand{padding-left:0!important}.brand:before{display:none!important}.brand small{white-space:nowrap;font-size:10px;letter-spacing:.10em}
/* Unified page-title treatment using Riverwoods Forest imagery */
.page-hero,.page-hero-v4{background:linear-gradient(90deg,rgba(250,247,239,.94),rgba(250,247,239,.82)),url('walters-grove-approved.png') center 48%/cover!important;padding:72px 0 54px!important}
.page-hero h1,.page-hero-v4 h1{font-size:clamp(42px,5vw,66px)!important;line-height:1.03!important;max-width:1050px!important}
.page-hero p,.page-hero-v4 p{max-width:900px!important}
/* Home hero scale and CTA clarity */
.hero-v4 h1{font-size:clamp(44px,5vw,68px)!important;line-height:1.02!important;max-width:760px}
.hero-v4 .cta{background:#fff7e8!important;color:#17382d!important;border:2px solid #fff7e8!important;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.hero-v4 .cta.outline{background:#17382d!important;color:white!important;border-color:#fff7e8!important}
/* Approved nourishment images fill every card consistently */
.five-grid.visual a{background-size:cover!important;background-position:center center!important}
.five-grid.visual a:nth-child(2),.five-grid.visual a:nth-child(3){background-size:cover!important;background-position:center center!important}
.approved-nourishments{padding:38px 0 18px;background:#fbf8f1}.approved-nourishments img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 42px rgba(23,56,45,.12)}
/* Tagline remains a single statement */
.pullquote{max-width:1100px}.section-v4>.wrap>.pullquote{text-align:center;white-space:nowrap;font-size:clamp(22px,2.4vw,36px)}
/* Community area: warmer, more inviting hierarchy */
#community .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:52px;align-items:center}
#community .intro{max-width:620px}#community .intro h2{font-size:clamp(42px,5vw,64px)}
.community-panel{border:1px solid rgba(233,191,130,.5);box-shadow:0 28px 70px rgba(0,0,0,.24);padding:34px}
.community-welcome{font-size:16px;line-height:1.55;color:#52635c}.community-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 6px}.community-benefits span{font-size:12px;font-weight:800;padding:8px 10px;border-radius:999px;background:#edf0e8;color:#17382d}
/* Character cards: full body, centered, no text-bearing source art */
.friend-card img{aspect-ratio:4/5!important;object-fit:contain!important;object-position:center!important;background:#f7f4eb;padding:10px}
.ensemble-intro{padding:46px 0;background:#eef0e8}.ensemble-copy{max-width:760px}.ensemble-copy h2{font-size:clamp(34px,4vw,52px)}
@media(max-width:900px){#community .wrap{grid-template-columns:1fr}.brand small{white-space:normal}.section-v4>.wrap>.pullquote{white-space:normal}}

/* Pass 7 — approved Children hero and final browser-review refinements */
.children-hero{
  min-height:640px;
  display:flex;
  align-items:flex-start;
  background-image:linear-gradient(180deg,rgba(10,35,28,.70) 0%,rgba(10,35,28,.42) 34%,rgba(10,35,28,.10) 64%,rgba(10,35,28,.02) 100%),url('forest-friends-group-approved.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  color:#fff;
}
.children-hero .wrap{padding-top:34px}
.children-hero .eyebrow,.children-hero h1,.children-hero p{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.children-hero h1{max-width:900px!important}
.children-hero p{max-width:850px!important;font-weight:600}
/* Keep the approved brand descriptor and home refrain together on wide screens. */
@media(min-width:901px){.brand small{white-space:nowrap!important}.section-v4>.wrap>.pullquote{white-space:nowrap}}
@media(max-width:700px){.children-hero{min-height:590px;background-position:center 45%!important}.children-hero .wrap{padding-top:22px}.children-hero h1{font-size:clamp(36px,10vw,48px)!important}}

/* Pass 9 — tighter rhythm, clean Forest Friend portraits, and Children hero separation */
.section-v4{padding:58px 0}
.section-v4 + .section-v4{padding-top:50px}
.section-v4.soft{padding-top:58px;padding-bottom:58px}
.friend-grid{margin-top:24px}
.friend-card img{
  display:block;
  width:100%;
  height:390px;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#f7f4eb;
  padding:0!important;
}
.children-hero-split{background:#f7f1e6}
.children-hero-copy{padding:62px 0 38px;background:linear-gradient(90deg,rgba(250,247,239,.96),rgba(250,247,239,.84)),url('walters-grove-approved.png') center 48%/cover}
.children-hero-copy h1{font-size:clamp(42px,5vw,66px);line-height:1.03;max-width:1050px}
.children-hero-copy p{font-size:20px;max-width:900px}
.children-ensemble-image{width:100%;background:#f7f1e6;line-height:0}
.children-ensemble-image img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;object-position:center}
.children-hero-split + .section-v4{padding-top:48px}
.friend-grid + *{margin-top:28px}
.section-v4 .intro{margin-bottom:0}
@media(max-width:900px){.section-v4{padding:48px 0}.friend-card img{height:360px}.children-hero-copy{padding:48px 0 30px}}
@media(max-width:700px){.section-v4{padding:42px 0}.friend-card img{height:auto;max-height:460px}.children-hero-copy h1{font-size:clamp(36px,10vw,48px)}}

/* Pass 10 — alignment, portrait-card fit, and stronger Riverwoods hero imagery */
/* Keep page-body statements aligned to the same left edge as page heroes. */
.content-left{max-width:1180px!important;width:min(1180px,90vw)!important;margin-left:auto!important;margin-right:auto!important}

/* Forest Friend cards: the card width now follows the portrait format so the
   approved character artwork fills its allotted visual area instead of floating
   inside an oversized box. */
.friend-grid{grid-template-columns:repeat(3,minmax(0,300px))!important;justify-content:center!important;gap:22px!important}
.friend-card img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;background:#f7f4eb!important;padding:0!important}
.friend-card>div{padding:18px 18px 22px!important}

/* Let Riverwoods Forest read as an image rather than a nearly-white texture,
   while retaining enough veil for dark text legibility. */
.page-hero,.page-hero-v4,.children-hero-copy{background-image:linear-gradient(90deg,rgba(250,247,239,.82),rgba(250,247,239,.68)),url('walters-grove-approved.png')!important}

@media(max-width:980px){.friend-grid{grid-template-columns:repeat(2,minmax(0,300px))!important}}
@media(max-width:700px){.friend-grid{grid-template-columns:minmax(0,300px)!important}.friend-card img{height:auto!important;max-height:none!important}}

/* Pass 11 — text-flow correction before rebuilding Forest Friend portraits */
/* The earlier wide-screen rule forced large pullquotes onto one line. That is
   what caused the Children, Families, Adults and Professionals copy to run off
   the right side of the viewport. Large statements now wrap naturally. */
.section-v4>.wrap>.pullquote,
.section-v4 .pullquote{
  white-space:normal!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* Body sections use the same safe left/right page gutter as the hero copy,
   rather than becoming a narrow centered column that appears shifted right. */
.section-v4>.wrap.content-narrow,
.section-v4>.wrap.content-left{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-v4>.wrap.content-narrow .pullquote,
.section-v4>.wrap.content-left .pullquote{
  text-align:left!important;
}

/* General guardrail: prose and headings may never widen the page. */
main h1,main h2,main h3,main p,main li{
  max-width:100%;
  overflow-wrap:break-word;
}
main{overflow-x:hidden}

@media(max-width:700px){
  .section-v4>.wrap.content-narrow,
  .section-v4>.wrap.content-left{width:min(100% - 32px,1180px)!important}
}

/* Pass 12 — final individual Forest Friends website portraits */
.friend-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important;object-position:center center!important;padding:0!important;background:#f7f4eb!important}
@media(max-width:700px){.friend-card img{width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important}}

/* Pass 14 launch CTA refinements */
#community .community-panel h2{color:#17382d!important}
.community-image{width:calc(100% + 68px);max-width:none;margin:-34px -34px 28px;border-radius:24px 24px 0 0;display:block;aspect-ratio:16/9;object-fit:cover;object-position:center 62%}
.hero-v4 .mini-nav{display:flex;flex-wrap:wrap;gap:12px}
.soul-seeds-feature{border:2px solid rgba(181,83,61,.28);box-shadow:0 18px 44px rgba(23,56,45,.10);padding:34px;max-width:900px;margin:0 auto;background:linear-gradient(135deg,#fffdf8,#f4eee2)}
.soul-seeds-feature h2{font-size:clamp(36px,4vw,52px);color:#17382d}
@media(max-width:700px){.community-image{width:calc(100% + 50px);margin:-25px -25px 24px}.soul-seeds-feature{padding:25px}}