<!-- ============================================================
ONE CIRCLE - blog embed
Paste this entire block into ONE WordPress "Custom HTML" block.
Everything is self-contained: styles, graphics, and animation.
============================================================= -->
<div id="one-circle">
<style>
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;1,9..144,300&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=Archivo:wght@500;600&display=swap');
#one-circle{all:initial;display:block;background:#ffffff;}
#one-circle *{margin:0;padding:0;box-sizing:border-box;}
#one-circle a:focus-visible, #one-circle button:focus-visible{outline:2px solid #141412;outline-offset:4px;}
#one-circle{
    --paper:#ffffff;
    --ink:#141412;
    --gray:#75756f;
    --gray-soft:#a9a9a3;
    --mist:#f6f6f4;
    --line:#e6e6e2;
    --display:'Fraunces', Georgia, serif;
    --body:'Newsreader', Georgia, serif;
    --label:'Archivo', Helvetica, Arial, sans-serif;
    --measure:34em;
  }#one-circle *{margin:0;padding:0;box-sizing:border-box;}#one-circle{
    background:var(--paper);
    color:var(--ink);
    font-family:var(--body);
    font-size:1.1875rem;
    line-height:1.72;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }#one-circle ::selection{background:var(--ink);color:var(--paper);}#one-circle /* ---------- utilities ---------- */
  .wrap{max-width:76rem;margin:0 auto;padding:0 clamp(1.25rem,5vw,4rem);}#one-circle .label{
    font-family:var(--label);
    font-size:.6875rem;
    font-weight:600;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--gray);
    display:flex;
    align-items:center;
    gap:.75rem;
  }#one-circle .label svg{flex:none;}#one-circle .measure{max-width:var(--measure);}#one-circle em{font-style:italic;}#one-circle /* reveal */
  .rv{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s ease;}#one-circle .rv.in{opacity:1;transform:none;}#one-circle .rv.d1{transition-delay:.12s}#one-circle .rv.d2{transition-delay:.24s}#one-circle .rv.d3{transition-delay:.36s}
  @media (prefers-reduced-motion:reduce){#one-circle .rv{opacity:1;transform:none;transition:none;}#one-circle html{scroll-behavior:auto;}#one-circle .ring-draw{animation:none !important;stroke-dashoffset:0 !important;}
  }#one-circle a:focus-visible{outline:2px solid var(--ink);outline-offset:4px;}
  @media(max-width:760px){}#one-circle /* ---------- hero ---------- */
  .hero{
    
    display:flex;flex-direction:column;justify-content:center;
    padding-top:2rem;padding-bottom:5rem;
    position:relative;
  }#one-circle .hero-ring{
    width:clamp(120px,16vw,190px);height:auto;
    margin-bottom:clamp(2rem,5vh,3.5rem);
  }#one-circle .ring-draw{
    stroke-dasharray:560;
    stroke-dashoffset:560;
    animation:draw 2.4s cubic-bezier(.4,0,.2,1) .3s forwards;
  }
  @keyframes draw{to{stroke-dashoffset:0;}}#one-circle .hero h1{
    font-family:var(--display);
    font-weight:300;
    font-size:clamp(3.4rem,11vw,9.5rem);
    line-height:.98;
    letter-spacing:-.015em;
  }#one-circle .hero .tagline{
    margin-top:clamp(1.5rem,3vh,2.4rem);
    font-family:var(--display);
    font-style:italic;
    font-weight:300;
    font-size:clamp(1.25rem,2.4vw,1.75rem);
    color:var(--gray);
    max-width:30em;
    line-height:1.4;
  }#one-circle .hero .still-here{
    margin-top:clamp(2.5rem,6vh,4.5rem);
    max-width:var(--measure);
  }#one-circle /* ---------- sections ---------- */
  section{padding:clamp(5rem,12vh,9rem) 0;}#one-circle section + section{border-top:1px solid var(--line);}#one-circle .sec-grid{
    display:grid;
    grid-template-columns:minmax(0,17rem) minmax(0,1fr);
    gap:clamp(2rem,6vw,6rem);
    align-items:start;
  }#one-circle .sec-grid .label{position:sticky;top:2rem;}
  @media(max-width:860px){#one-circle .sec-grid{grid-template-columns:1fr;}#one-circle .sec-grid .label{position:static;margin-bottom:1.8rem;}
  }#one-circle h2{
    font-family:var(--display);
    font-weight:300;
    font-size:clamp(2.1rem,4.6vw,3.6rem);
    line-height:1.12;
    letter-spacing:-.01em;
    margin-bottom:clamp(1.6rem,4vh,2.6rem);
    max-width:15em;
  }#one-circle .content p{max-width:var(--measure);}#one-circle .content p + p{margin-top:1.35em;}#one-circle .lede{
    font-size:clamp(1.3rem,2vw,1.5rem);
    line-height:1.6;
  }#one-circle .quiet{color:var(--gray);}#one-circle /* ---------- pull quote / centerpiece ---------- */
  .centerpiece{
    text-align:center;
    padding:clamp(6rem,14vh,11rem) 0;
  }#one-circle .centerpiece .inner{max-width:44rem;margin:0 auto;}#one-circle .centerpiece p{
    font-family:var(--display);
    font-weight:300;
    font-size:clamp(1.6rem,3.4vw,2.6rem);
    line-height:1.42;
    letter-spacing:-.005em;
  }#one-circle .centerpiece p + p{margin-top:1.4em;}#one-circle .centerpiece .kicker{margin:0 auto 3rem;justify-content:center;}#one-circle .centerpiece .close-line{
    margin-top:3rem;
    font-family:var(--body);
    font-style:italic;
    font-size:clamp(1.1rem,1.6vw,1.3rem);
    color:var(--gray);
  }#one-circle /* ---------- holdings list ---------- */
  .holdings{list-style:none;max-width:52rem;}#one-circle .holdings li{
    padding:clamp(1.8rem,4vh,2.6rem) 0;
    display:grid;
    grid-template-columns:minmax(0,15rem) minmax(0,1fr);
    gap:1.2rem 3rem;
  }#one-circle .holdings li + li{border-top:1px solid var(--line);}#one-circle .holdings h3{
    font-family:var(--display);
    font-weight:400;
    font-size:clamp(1.25rem,1.9vw,1.5rem);
    line-height:1.3;
  }#one-circle .holdings p{color:var(--ink);max-width:32em;font-size:1.0625rem;line-height:1.7;}
  @media(max-width:700px){#one-circle .holdings li{grid-template-columns:1fr;gap:.6rem;}}#one-circle /* ---------- return list ---------- */
  .returns{
    list-style:none;
    max-width:var(--measure);
    margin-top:.5rem;
  }#one-circle .returns li{
    display:flex;gap:1rem;align-items:baseline;
    padding:.55rem 0;
    font-family:var(--display);
    font-weight:300;
    font-size:clamp(1.3rem,2.2vw,1.7rem);
    line-height:1.4;
  }#one-circle .returns li::before{
    content:"";
    flex:none;
    width:9px;height:9px;
    border:1.5px solid var(--ink);
    border-radius:50%;
    transform:translateY(-1px);
  }#one-circle /* ---------- walk (conduct) ---------- */
  .walk{list-style:none;max-width:52rem;counter-reset:walk;}#one-circle .walk li{padding:clamp(1.6rem,3.5vh,2.4rem) 0;}#one-circle .walk li + li{border-top:1px solid var(--line);}#one-circle .walk h3{
    font-family:var(--display);font-weight:400;
    font-size:clamp(1.2rem,1.8vw,1.45rem);
    margin-bottom:.5rem;
  }#one-circle .walk p{max-width:36em;font-size:1.0625rem;line-height:1.7;color:var(--ink);}#one-circle .walk .kept{font-style:italic;color:var(--gray);margin-top:.6rem;}#one-circle /* ---------- foundation ---------- */
  .foundation-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
    gap:0;
    border-top:1px solid var(--line);
    border-left:1px solid var(--line);
    margin-top:3rem;
    max-width:60rem;
  }#one-circle .foundation-grid .cell{
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:2rem 1.8rem 2.2rem;
    background:var(--paper);
  }#one-circle .foundation-grid h3{
    font-family:var(--display);font-weight:400;
    font-size:1.25rem;margin:.9rem 0 .6rem;
  }#one-circle .foundation-grid p{font-size:1rem;line-height:1.65;color:var(--gray);}#one-circle .cell .glyph{color:var(--ink);}#one-circle /* ---------- gate / closing ---------- */
  .gate{
    text-align:center;
    padding-bottom:clamp(3rem,8vh,6rem);
  }#one-circle .gate .ring-small{width:clamp(70px,8vw,96px);margin:0 auto clamp(2rem,5vh,3rem);display:block;}#one-circle .gate h2{
    margin:0 auto clamp(1.8rem,4vh,2.6rem);
    max-width:14em;
    font-size:clamp(2.4rem,5.4vw,4.2rem);
  }#one-circle .gate .stand{max-width:34rem;margin:0 auto;}#one-circle .gate .stand p{margin-bottom:0;}#one-circle .cta-btn{
    display:inline-flex;align-items:center;gap:.8rem;
    margin-top:2.4rem;
    padding:1.05rem 2.2rem;
    background:var(--ink);color:var(--paper);
    font-family:var(--label);font-size:.75rem;font-weight:600;
    letter-spacing:.24em;text-transform:uppercase;
    text-decoration:none;border-radius:999px;
    transition:opacity .3s ease,transform .3s ease;
  }#one-circle .cta-btn:hover, #one-circle .cta-btn:focus-visible{opacity:.82;transform:translateY(-1px);}#one-circle .cta-btn svg{flex:none;}#one-circle .gate .final{
    margin-top:clamp(3rem,7vh,5rem);
    font-family:var(--display);
    font-style:italic;font-weight:300;
    font-size:clamp(1.35rem,2.4vw,1.8rem);
    color:var(--ink);
  }#one-circle /* ---------- hills + footer ---------- */
  .hills{display:block;width:100%;height:auto;margin-top:clamp(3rem,8vh,6rem);}#one-circle footer.site{
    border-top:1px solid var(--line);
    padding:2.6rem 0 3.2rem;
  }#one-circle .foot{
    display:flex;flex-wrap:wrap;gap:1.5rem 3rem;
    align-items:center;justify-content:space-between;
  }#one-circle .foot p{
    font-family:var(--label);font-size:.6875rem;font-weight:500;
    letter-spacing:.18em;text-transform:uppercase;color:var(--gray-soft);
  }#one-circle /* line art */
  .art{color:var(--ink);}#one-circle .art-block{margin:clamp(2.5rem,6vh,4rem) 0 0;}

</style>

<section class="hero wrap" style="border-top:none;">
  <svg class="hero-ring" viewBox="0 0 200 200" fill="none" aria-hidden="true">
    <path class="ring-draw" d="M 138 12 A 96 96 0 1 0 173 40"
          stroke="var(--ink)" stroke-width="2.5" stroke-linecap="round"/>
  </svg>
  <h1 class="rv">One Circle</h1>
  <p class="tagline rv d1">A land trust and a village for every Salinan family — permanent, neutral, and open.</p>
  <p class="still-here rv d2">We are still here. We are gathering. And we are building something meant to outlast us all.</p>
  </section>

<!-- ============ invitation ============ -->
<section id="invitation">
  <div class="wrap sec-grid">
    <p class="label rv"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>The invitation</p>
    <div class="content">
      <h2 class="rv">The circle belongs to no council, and competes with no council.</h2>
      <p class="lede rv d1">It stands neutral of all organizational lines, open to every Salinan family without condition. It takes nothing from anyone. It exists to hold what we all share — the land, the language, the culture, and the responsibility to the generations coming.</p>
      <p class="rv d2">A land trust holds land in perpetuity — permanently, for the people, beyond the reach of any sale or election. But this circle is designed to hold far more than acres. It is the steady ground under all the ways of being Salinan: a true village, gathering us in person and connecting us across the miles, where elders teach, children learn, and everyone has a seat.</p>
      <p class="rv d2 quiet">No one is asked to settle old disagreements, give up any authority, or take a side. Every Salinan who arrives with good intentions belongs here.</p>
    </div>
  </div>
</section>

<!-- ============ one people ============ -->
<section id="people">
  <div class="wrap sec-grid">
    <p class="label rv"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>One people</p>
    <div class="content">
      <h2 class="rv">We are not one government. We are one people.</h2>
      <p class="rv d1">Long before any modern version of a tribal council existed, we were one people made up of many communities, each organizing and caring for its people through its own traditions, relationships, and leadership. Villages along the rivers, across the valleys, and beside the coast guided their own affairs — and came together for the common good: to gather, to confer, to resolve, and to return to balance.</p>
      <p class="rv d2">That is the ancient precedent this circle stands on. Not centralized authority — belonging. Our families have carried this belonging through everything, and it has held.</p>
      <p class="rv d2">Our language, one of California's oldest, was wrongly declared extinct. It is being spoken again — at learning tables, in ceremony, and at the dinner table — carried forward by new generations of speakers.</p>

      <svg class="art art-block rv d3" width="220" height="86" viewBox="0 0 220 86" fill="none" aria-hidden="true">
        <!-- oak sprig with acorns -->
        <path d="M6 74 C 50 60, 92 44, 150 30 C 172 25, 192 22, 212 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M74 52 C 70 40, 76 30, 88 26 C 90 38, 84 48, 74 52 Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
        <path d="M118 38 C 112 27, 117 16, 129 11 C 132 23, 128 33, 118 38 Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
        <path d="M160 29 C 158 42, 165 51, 177 53 C 179 41, 172 32, 160 29 Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
        <!-- acorn -->
        <path d="M40 62 c 0 7 4 12 9 12 c 5 0 9 -5 9 -12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M37 62 c 0 -4 5 -7 12 -7 c 7 0 12 3 12 7 Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
        <path d="M49 55 c 0 -3 1 -5 3 -6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
      </svg>
    </div>
  </div>
</section>

<!-- ============ what the circle holds ============ -->
<section id="holds">
  <div class="wrap sec-grid">
    <p class="label rv"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>The village</p>
    <div class="content">
      <h2 class="rv">What the circle holds</h2>
      <ul class="holdings">
        <li class="rv">
          <h3>Culture, learned by doing</h3>
          <p>Gatherings, campouts, skills circles, and retreats where lifeways are learned hands-on — traditional cooking, plant knowledge, land tending, and ceremony — taught by our own culture bearers on our own land, anchored by an annual community gathering.</p>
        </li>
        <li class="rv">
          <h3>Open gates to the homeland</h3>
          <p>Places for every Salinan family to walk, gather, camp, harvest, hold ceremony, and simply be — belonging to all of us, always.</p>
        </li>
        <li class="rv">
          <h3>Arts, crafts, and language</h3>
          <p>A living home for basketry, beadwork, carving, song, and story — and for learning and speaking our language, generation after generation.</p>
        </li>
        <li class="rv">
          <h3>Many lands, many restorations</h3>
          <p>Not one property but a growing constellation: oak woodlands, creeks and watersheds, food and medicine gardens, habitat for returning wildlife — each piece of land matched to its own restoration.</p>
        </li>
        <li class="rv">
          <h3>Protecting the sacred</h3>
          <p>Safeguarding sacred sites and supporting the repatriation and reburial of our ancestors — work carried out quietly, with reverence, under the guidance of our elders.</p>
        </li>
      </ul>
      <svg class="art art-block rv" width="190" height="92" viewBox="0 0 190 92" fill="none" aria-hidden="true">
        <!-- quail pair, fine line -->
        <path d="M18 78 C 14 66, 18 54, 30 48 C 40 43, 52 44, 60 50 C 68 56, 70 66, 66 74 C 62 81, 52 84, 42 83 C 32 82, 22 82, 18 78 Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
        <path d="M30 48 C 30 42, 33 37, 38 35" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M38 35 c 1 -6 -2 -10 -1 -13 c 3 2 6 6 5 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <circle cx="36" cy="43" r="1.2" fill="currentColor"/>
        <path d="M66 74 L 78 70" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M104 82 C 101 73, 104 64, 113 59 C 121 55, 130 56, 136 61 C 142 66, 143 73, 140 79 C 137 85, 129 87, 121 86 C 113 85, 107 86, 104 82 Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
        <path d="M113 59 C 113 54, 115 51, 119 49" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M119 49 c 1 -5 -1 -8 0 -10 c 2 2 4 5 3 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
        <circle cx="117" cy="55" r="1.1" fill="currentColor"/>
        <path d="M140 79 L 150 76" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
        <path d="M6 88 L 184 88" stroke="currentColor" stroke-width="1" stroke-linecap="round" opacity=".35"/>
      </svg>
    </div>
  </div>
</section>

<!-- ============ why ============ -->
<section id="why">
  <div class="wrap sec-grid">
    <p class="label rv"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>Why</p>
    <div class="content">
      <h2 class="rv">Everything we do is a form of return.</h2>
      <ul class="returns">
        <li class="rv">People, back to the land.</li>
        <li class="rv">Language, back to our mouths.</li>
        <li class="rv d1">Culture, back into daily life.</li>
        <li class="rv d1">Knowledge, to the next generation.</li>
      </ul>
      <p class="rv d2" style="margin-top:2.2rem;">Holding land is one of the most concrete expressions of a people's self-determination — Salinan people standing on Salinan land that no one can take. Native plants, watersheds, wildlife, and traditional food systems thrive under our care; we carry the knowledge, and the circle gives it ground. And land in trust cannot be sold out from under the next generation. What we gather now, our grandchildren inherit.</p>
    </div>
  </div>
</section>

<!-- ============ centerpiece: the child ============ -->
<section class="centerpiece" id="child">
  <div class="wrap">
    <div class="inner">
      <p class="label kicker rv"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>A generation from now</p>
      <p class="rv">Picture a Salinan child, a generation from now, who has never once wondered whether her people are still here.</p>
      <p class="rv d1">She knows the shape of the oaks her ancestors knew, the names of the rivers, words of a language spoken again at the dinner table. And she knows that somewhere in the homeland, held in trust forever, there is land that belongs to the people — land she can stand on.</p>
      <p class="close-line rv d2">Everything in this plan is built backward from her.</p>
    </div>
  </div>
</section>

<!-- ============ trust ============ -->
<section id="trust">
  <div class="wrap sec-grid">
    <p class="label rv"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>Trust</p>
    <div class="content">
      <h2 class="rv">Trust is the oldest technology a village has.</h2>
      <p class="lede rv d1">It is how our ancestors moved food, knowledge, protection, and belonging across long distances — without contracts, without courts. It is still the only thing that really works.</p>
      <p class="rv d2">So we do not ask anyone to trust our words. We ask people to watch the two things that cannot be faked: time and action. Show up for years. Give without invoicing. Keep your word in small things and large ones. Let the work sit out in the open, where anyone can walk up and inspect it.</p>
      <p class="rv d2"><em>Trustworthiness isn't a claim; it's a record.</em> And a record is patient — it speaks even to people who have stopped listening. The gate stays open, because people change. Whenever that day comes for anyone, they will find us where we have always been: doing the work, in the open, with an open hand.</p>
    </div>
  </div>
</section>

<!-- ============ how we walk together ============ -->
<section id="walk">
  <div class="wrap sec-grid">
    <p class="label rv"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>How we walk together</p>
    <div class="content">
      <h2 class="rv">The circle is only as strong as the way we treat each other.</h2>
      <p class="rv d1" style="max-width:var(--measure);margin-bottom:1rem;">Our conduct agreements — drawn from California Indian protocols, the honorable harvest, and plain wisdom about good relations — are a living document the community will shape. The heart of them:</p>
      <ul class="walk">
        <li class="rv">
          <h3>We arrive in a good way</h3>
          <p>Acknowledging the homeland and the ancestors, introducing ourselves honestly, opening and closing with gratitude.</p>
        </li>
        <li class="rv">
          <h3>With the land</h3>
          <p>We ask before taking, never take the first or the last, take only what we need, waste nothing, and give back through tending and restoring.</p>
        </li>
        <li class="rv">
          <h3>With elders and knowledge</h3>
          <p>We honor our knowledge keepers without overburdening them, keep sacred things sacred, credit our teachers, and keep the language alive in our mouths.</p>
        </li>
        <li class="rv">
          <h3>With each other</h3>
          <p>We keep our word, don't take things personally, ask instead of assuming, do our best, and leave old fights at the gate.</p>
        </li>
        <li class="rv">
          <h3>Carrying it forward</h3>
          <p>We stay humble, decide for the seventh generation, and give thanks — always.</p>
        </li>
      </ul>
    </div>
  </div>
</section>

<!-- ============ foundation ============ -->
<section id="foundation">
  <div class="wrap sec-grid">
    <p class="label rv"><svg width="11" height="11" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>The foundation</p>
    <div class="content">
      <h2 class="rv">Three years to build ground that lasts.</h2>
      <p class="rv d1">We have identified a three-year opportunity that can fund the circle's foundation. It does not buy land or buildings — it buys the ability to get and manage them: trained people, written systems, real community connection, completed plans, and a track record funders can trust.</p>
      <div class="foundation-grid rv d2">
        <div class="cell">
          <svg class="glyph" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
          <h3>People</h3>
          <p>Paid, trained coordinators from our own community; stipends for elders, interns, and volunteers; every outside professional required to teach their skills before the work ends.</p>
        </div>
        <div class="cell">
          <svg class="glyph" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
          <h3>Systems</h3>
          <p>Written procedures, sound financial systems, a central records system, and a clear calendar of funding and deadlines.</p>
        </div>
        <div class="cell">
          <svg class="glyph" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
          <h3>Connection</h3>
          <p>An honest, regular line to every family we can reach — newsletter, website, updates, listening sessions, elder and youth circles, and a gathering on the land each year.</p>
        </div>
        <div class="cell">
          <svg class="glyph" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
          <h3>Planning</h3>
          <p>A confidential community needs assessment, a land and project roadmap, cultural resource mapping, and a strategic plan shaped by the community — not written for it.</p>
        </div>
        <div class="cell">
          <svg class="glyph" width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
          <h3>What comes next</h3>
          <p>Community-chosen projects matched to future funding, with applications prepared and submitted — and a clean track record behind every one.</p>
        </div>
      </div>
      <p class="rv d3" style="margin-top:2.4rem;"><em>When the funding ends, the money is spent — but the trained people, the written systems, the community connections, the plans, and the pipeline all stay. They belong to the Salinan people.</em></p>
    </div>
  </div>
</section>

<!-- ============ the open gate ============ -->
<section class="gate" id="gate">
  <div class="wrap">
    <svg class="ring-small" viewBox="0 0 200 200" fill="none" aria-hidden="true">
      <path d="M 138 12 A 96 96 0 1 0 173 40" stroke="var(--ink)" stroke-width="3" stroke-linecap="round"/>
    </svg>
    <h2 class="rv">The land is waiting. The circle is open.</h2>
    <div class="stand">
      <p class="rv d1">Every Salinan has a place in this.</p>
      <a class="cta-btn rv d2" href="https://docs.google.com/forms/d/e/1FAIpQLSfmCs9h0sB_Con9wo9D-X8q1Ts92asGLgHV_hAWWpxr-wxZ6g/viewform" target="_blank" rel="noopener">
        Step into the circle
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"/></svg>
      </a>
      <p class="final rv d3">Our people deserve more than survival. We deserve unity, opportunity, and a prosperous future.</p>
    </div>
  </div>

  <svg class="hills" viewBox="0 0 1440 130" fill="none" preserveAspectRatio="none" aria-hidden="true">
    <path d="M0 118 C 220 70, 400 96, 560 88 C 760 78, 900 40, 1080 58 C 1240 74, 1360 96, 1440 92" stroke="var(--ink)" stroke-width="1.5" stroke-linecap="round" opacity=".85"/>
    <path d="M0 128 C 260 108, 520 122, 760 112 C 1020 101, 1240 116, 1440 108" stroke="var(--ink)" stroke-width="1" stroke-linecap="round" opacity=".35"/>
  </svg>
</section>

<footer style="border-top:1px solid #e6e6e2;padding:2.6rem 0 1rem;">
  <div class="wrap foot">
    <span class="brand-mark" style="display:inline-flex;align-items:center;gap:.7rem;font-family:'Archivo',sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#141412;">
      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2.5 A9.5 9.5 0 1 0 21.5 12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
      One Circle
    </span>
    <p>A land trust &amp; village for all Salinan people &middot; The homeland, California &middot; 2026</p>
  </div>
</footer>
</div>
<script>
(function(){
  var scope = document.getElementById('one-circle');
  if(!scope) return;
  if ('IntersectionObserver' in window && !window.matchMedia('(prefers-reduced-motion: reduce)').matches){
    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if (e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); }
      });
    },{threshold:.12, rootMargin:'0px 0px -6% 0px'});
    scope.querySelectorAll('.rv').forEach(function(el){ io.observe(el); });
  } else {
    scope.querySelectorAll('.rv').forEach(function(el){ el.classList.add('in'); });
  }
})();
</script>

Leave a Reply