/* ═══ Native Tongue token layer (brand-v3, ratified 2026-07-02) ═══
   Scoped to this page: overrides the shared tokens AFTER injection.
   The other sites keep the shipped system. */
:root{
  --limewash:#F2EDE2; --chalk:#FAFAF7; --charcoal:#23201A; --driftwood:#423F38;
  --spruce:#1C3A38; --seaglass:#93A89F; --terracotta:#C9573C; --terracotta-ink:#A8442E;
  /* remap the shared plumbing (nav, footer, reveal) into the new materials */
  --forest:var(--spruce); --fr:28,58,56;
  --parchment:var(--limewash); --pr:242,237,226;
  --white:var(--chalk); --wr:250,250,247;
  --gold:var(--terracotta-ink); --gr:168,68,46;
  --slate:var(--driftwood); --stone:var(--seaglass); --sr:147,168,159;
  --dark:var(--charcoal); --dr:35,32,26;
  --heading:'Fraunces',Georgia,serif;
  --body:'DM Sans',-apple-system,sans-serif;
  --mono:'DM Mono',ui-monospace,monospace;
}
@media (prefers-color-scheme: dark){
  :root{
    --limewash:#15201D; --chalk:#1C2A26; --charcoal:#ECE6D9; --driftwood:#CFC8BA;
    --parchment:var(--limewash); --pr:21,32,29;
    --white:var(--chalk);
    --dark:var(--charcoal); --slate:var(--driftwood);
    --forest:#ECE3D4;
  }
}

/* ═══ base ═══ */
body{background:var(--limewash);color:var(--driftwood);font-family:var(--body);font-size:17px;line-height:1.65}
h1,h2,h3{font-family:var(--heading);font-variation-settings:'opsz' 96,'SOFT' 0,'WONK' 0;color:var(--charcoal);letter-spacing:-0.01em}
section{padding:104px 52px 88px}
.inner{max-width:1080px;margin:0 auto}

/* the mono eyebrow: sea-glass ground-rule above a lowercase mono label */
.nt-label{display:block;margin-bottom:26px;font-family:var(--mono);font-size:0.72rem;font-weight:500;letter-spacing:0.12em;color:var(--driftwood);opacity:0.85}
.nt-label::before{content:'';display:block;width:28px;height:2px;background:var(--seaglass);margin-bottom:14px}

/* actions: one terracotta act per page; everything else is quiet */
.btn-act{display:inline-block;font-family:var(--body);font-weight:600;font-size:0.95rem;letter-spacing:0.01em;background:var(--terracotta-ink);color:#F6F1E7;padding:16px 34px;border-radius:999px;text-decoration:none;transition:transform .25s ease,background .25s ease}
.btn-act:hover{transform:translateY(-1px);background:#963C28}
.link-quiet{font-family:var(--body);font-weight:500;font-size:0.95rem;color:var(--charcoal);text-decoration:none;border-bottom:1px solid rgba(35,32,26,0.3);padding-bottom:2px;transition:border-color .25s}
.link-quiet:hover{border-color:var(--charcoal)}
.link-mono{font-family:var(--mono);font-size:0.8rem;color:var(--charcoal);text-decoration:none;border-bottom:1px solid rgba(35,32,26,0.3);padding-bottom:2px}
.link-mono:hover{border-color:var(--charcoal)}

/* ═══ nav ═══ */
.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 52px}
.nav .wordmark{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav .wordmark img{width:30px;height:30px;display:block}
.nav .wordmark .wm-text{font-family:var(--body);font-weight:500;font-size:1.02rem;letter-spacing:0.02em;color:var(--charcoal);text-transform:lowercase}
.nav:not(.solid){background:transparent}
.nav:not(.solid)::before{display:none}
.nav:not(.solid) .nav-links a{color:var(--driftwood);text-shadow:none}
.nav .cta-link{background:transparent;border:1px solid rgba(35,32,26,0.35);color:var(--charcoal);border-radius:999px;padding:9px 20px}
.nav.solid .nav-links a.cta-link{background:transparent;border:1px solid rgba(35,32,26,0.35);color:var(--charcoal)}
.burger span{background:var(--charcoal)}

/* ═══ hero · the mantra ═══ */
.nt-hero{min-height:72vh;display:flex;align-items:center;padding:150px 52px 70px;background:var(--limewash)}
.nt-hero .inner{max-width:900px}
.nt-hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1.08;font-weight:560;letter-spacing:-0.02em;color:var(--charcoal)}
.nt-hero h1 .dot{color:var(--terracotta-ink)}
.nt-hero .sub{font-size:1.2rem;line-height:1.6;max-width:32em;margin:32px 0 0;color:var(--driftwood);font-family:var(--heading);font-variation-settings:'opsz' 40;font-style:italic}

/* ═══ the invitation · prose anchor ═══ */
.invitation{background:var(--chalk)}
.invitation .inner{max-width:640px}
.invitation p{font-size:1.16rem;line-height:1.72;color:var(--driftwood);max-width:40em}
.invitation p + p{margin-top:24px}
.invitation .lead-caps{font-family:var(--heading);font-size:3.2rem;font-weight:500;color:var(--charcoal);float:left;line-height:0.8;margin-right:12px;margin-top:6px}

/* ═══ the vision · spruce breath band ═══ */
.vision{background:var(--spruce);text-align:center}
.vision .inner{max-width:800px}
.vision .nt-label{color:rgba(242,237,226,0.72);margin-left:auto;margin-right:auto;width:fit-content}
.vision .nt-label::before{background:rgba(242,237,226,0.5);margin-left:auto;margin-right:auto}
.vision p{font-family:var(--heading);font-variation-settings:'opsz' 72;font-size:clamp(1.7rem,2.6vw,2.2rem);font-weight:420;color:#F2EDE2;line-height:1.38;letter-spacing:-0.01em;margin:0 auto;max-width:22em}
.vision .accent{color:var(--seaglass)}

/* ═══ the seven · section intro ═══ */
.seven-intro{text-align:center;padding-bottom:24px}
.seven-intro .num{font-family:var(--heading);font-variation-settings:'opsz' 96;font-size:clamp(3rem,4vw,3.8rem);font-weight:440;color:var(--charcoal);margin-bottom:6px}
.seven-intro .nt-label{margin-left:auto;margin-right:auto;width:fit-content;margin-bottom:0}
.seven-intro .nt-label::before{margin-left:auto;margin-right:auto}

/* ═══ the tenet block · a ruled, numbered proposition ═══ */
.tenet{padding:80px 52px}
.tenet.chalk{background:var(--chalk)}
.tenet.limewash{background:var(--limewash)}
.tenet-inner{max-width:760px;margin:0 auto;display:grid;grid-template-columns:96px 1fr;gap:44px;align-items:start}
.tenet-num{font-family:var(--mono);font-size:1.5rem;font-weight:500;color:var(--terracotta-ink);letter-spacing:0.04em;padding-top:6px}
.tenet-body h2{font-family:var(--heading);font-variation-settings:'opsz' 72;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:520;color:var(--charcoal);line-height:1.14;letter-spacing:-0.02em;margin-bottom:26px}
.tenet-claim{font-family:var(--heading);font-variation-settings:'opsz' 40;font-size:1.28rem;font-weight:500;font-style:italic;color:var(--spruce);line-height:1.42;margin:0 0 26px}
.tenet-commentary{font-family:var(--body);font-size:1.04rem;color:var(--driftwood);line-height:1.72;max-width:58ch}
.tenet-commentary + .tenet-commentary{margin-top:18px}

/* the quiet rule between tenets */
.tenet-rule{height:1px;background:rgba(35,32,26,0.12);max-width:760px;margin:0 auto}

/* ═══ tenet vii · the finale on spruce ═══ */
.tenet.finale{background:var(--spruce);padding:120px 52px 130px;text-align:center}
.tenet.finale .tenet-inner{grid-template-columns:1fr;gap:24px;max-width:820px;text-align:center}
.tenet.finale .tenet-num{color:var(--seaglass);font-size:2rem;padding-top:0;margin:0 auto}
.tenet.finale .tenet-body h2{color:#F2EDE2;font-size:clamp(2.2rem,3.6vw,3.2rem);margin-bottom:30px}
.tenet.finale .tenet-claim{color:var(--seaglass);font-size:clamp(1.3rem,2vw,1.6rem);max-width:26em;margin:0 auto 28px}
.tenet.finale .tenet-commentary{color:rgba(242,237,226,0.78);max-width:58ch;margin-left:auto;margin-right:auto}

/* ═══ the coda ═══ */
.coda{background:var(--limewash);text-align:center}
.coda .inner{max-width:640px}
.coda .mark{width:40px;height:2px;background:var(--seaglass);margin:0 auto 44px}
.coda blockquote{font-family:var(--heading);font-variation-settings:'opsz' 72;font-size:clamp(1.7rem,2.6vw,2.3rem);font-weight:420;font-style:italic;color:var(--charcoal);line-height:1.4;letter-spacing:-0.01em;margin:0}
.coda .signoff{margin-top:48px;font-family:var(--mono);font-size:0.78rem;letter-spacing:0.14em;color:var(--driftwood);text-transform:uppercase}

/* ═══ close band ═══ */
.close-band{background:var(--spruce);padding:130px 52px;text-align:center}
.close-band h2{font-size:clamp(2rem,4vw,3.2rem);color:#F2EDE2;font-weight:540;margin-bottom:20px}
.close-band .sub{color:rgba(242,237,226,0.75);max-width:34em;margin:0 auto 40px;line-height:1.65}
.close-band .acts{display:flex;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap}

/* ═══ responsive ═══ */
@media (max-width:1080px){
  .tenet-inner{grid-template-columns:64px 1fr;gap:28px}
}
@media (max-width:900px){
  section{padding:72px 24px 60px}
  .nt-hero{padding:130px 24px 50px;min-height:60vh}
  .tenet{padding:56px 24px}
  .tenet.finale{padding:88px 24px 100px}
  .tenet-inner{grid-template-columns:1fr;gap:16px}
  .tenet-num{padding-top:0}
  .nav{padding:16px 24px}
  .close-band{padding:90px 24px}
}