:root{
  --cream:#F7F4ED; --ink:#141415; --ink-soft:#2a2a2b;
  --muted:#9d9c96; --butter:#ECE5A6; --butter-ink:#1b1b16;
  --navy:#1E2D40; --hair:rgba(20,20,21,.12); --hair-navy:rgba(255,255,255,.14);
  --maxw:1180px; --gut:clamp(20px,5vw,72px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  overflow-x:hidden;
  font-family:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--cream); color:var(--ink); letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}

/* ── Sub-page routes. Every selector is pg- prefixed or scoped
   under .pg-page so nothing collides with the homepage styles. ── */


.pg-page *{box-sizing:border-box}
.pg-page a{color:inherit}
.pg-page a,.pg-page a:visited{color:inherit;text-decoration:none}
.pg-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.pg-read{max-width:680px;margin:0 auto;padding:0 var(--gut)}
.pg-page a:focus-visible{outline:2px solid var(--butter);outline-offset:3px;border-radius:4px}
.pg-page .on-cream a:focus-visible{outline-color:var(--navy)}

/* ---------- NAV ---------- */
.pg-nav{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
}
.pg-nav-inner{
  max-width:var(--maxw);margin:0 auto;padding:16px var(--gut);
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.pg-mark{font-size:19px;font-weight:700;letter-spacing:-.04em;text-decoration:none}
.pg-links{display:flex;align-items:center;gap:26px}
.pg-links a{
  font-size:14px;font-weight:500;letter-spacing:-.01em;text-decoration:none;
  opacity:.72;transition:opacity .2s ease;
}
.pg-links a:hover,.pg-links a[aria-current="page"]{opacity:1}
.pg-nav.on-navy,.pg-nav.on-navy a{color:#fff}
.pg-nav.on-navy{background:rgba(30,45,64,.82);border-bottom:1px solid var(--hair-navy)}
.pg-nav.on-navy .pg-links a[aria-current="page"]{color:var(--butter)}
.pg-nav.on-cream,.pg-nav.on-cream a{color:var(--ink)}
.pg-nav.on-cream{background:rgba(247,244,237,.82);border-bottom:1px solid var(--hair)}
.pg-nav.on-cream .pg-links a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}

/* ---------- ABOUT ---------- */
.pg-about{
  position:relative;overflow:hidden;background:var(--navy);color:#fff;
  min-height:calc(100vh - 68px);
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(70px,11vw,130px) 0 clamp(190px,26vw,330px);
}
.pg-eyebrow{
  display:block;text-align:center;color:var(--butter);
  font-size:clamp(21px,2.6vw,27px);font-weight:700;letter-spacing:-.03em;
  margin-bottom:clamp(38px,6vw,64px);
}
.pg-manifesto{position:relative;z-index:2;max-width:44ch;margin:0 auto;text-align:center}
.pg-manifesto p{
  font-size:clamp(17px,2.1vw,23px);font-weight:500;line-height:1.62;
  letter-spacing:-.02em;color:rgba(255,255,255,.94);
}
.pg-manifesto p + p{margin-top:2px}
.pg-manifesto p.turn{margin-top:1.1em}
.pg-manifesto p.close{margin-top:1.1em;color:#fff}

/* Signature: wordmark set enormous, cropped by the viewport. */
.pg-watermark{
  position:absolute;z-index:1;pointer-events:none;user-select:none;
  left:-.06em;bottom:-.30em;
  font-size:clamp(150px,30vw,420px);
  font-weight:700;letter-spacing:-.055em;line-height:.8;
  color:rgba(255,255,255,.075);white-space:nowrap;
}
.pg-cta{position:relative;z-index:2;margin-top:clamp(42px,6vw,64px);text-align:center}
.pg-cta a{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--butter);color:var(--butter-ink);
  padding:14px 24px;border-radius:12px;text-decoration:none;
  font-size:14.5px;font-weight:600;letter-spacing:-.01em;
  transition:transform .2s ease,filter .2s ease;
}
.pg-cta a:hover{transform:translateY(-1px);filter:brightness(1.03)}
.pg-cta .arw{transition:transform .2s ease}
.pg-cta a:hover .arw{transform:translateX(3px)}
@media (max-width:620px){.pg-manifesto{max-width:none}}

/* ---------- LEGAL ---------- */
.pg-head{background:var(--navy);color:#fff;padding:clamp(56px,9vw,104px) 0 clamp(46px,7vw,78px)}
.pg-kicker{
  display:block;color:var(--butter);font-size:11px;font-weight:600;
  letter-spacing:.11em;text-transform:uppercase;margin-bottom:16px;
}
.pg-head h1{font-size:clamp(34px,6vw,60px);font-weight:700;letter-spacing:-.035em;line-height:1.02}
.pg-updated{margin-top:18px;font-size:14px;font-weight:500;color:rgba(255,255,255,.56)}
.pg-lede{
  margin-top:22px;max-width:52ch;font-size:clamp(15px,1.7vw,17.5px);
  line-height:1.62;font-weight:500;color:rgba(255,255,255,.82);
}
.pg-body{background:var(--cream);color:var(--ink);padding:clamp(48px,7vw,84px) 0 clamp(64px,9vw,110px)}
.pg-body section{padding-top:clamp(30px,4vw,46px)}
.pg-body section + section{border-top:1px solid var(--hair);margin-top:clamp(30px,4vw,46px)}
.pg-body h2{
  font-size:clamp(20px,2.5vw,25px);font-weight:700;letter-spacing:-.03em;
  line-height:1.2;display:flex;gap:14px;align-items:baseline;
}
.pg-body h2 .n{
  flex:none;font-size:13px;font-weight:600;letter-spacing:0;
  color:var(--navy);background:var(--butter);
  padding:3px 9px;border-radius:6px;transform:translateY(-2px);
}
.pg-body h3{margin-top:26px;font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.pg-body p{margin-top:14px;font-size:16px;line-height:1.68;font-weight:400;color:var(--ink-soft)}
.pg-body ul{margin:14px 0 0;padding:0;list-style:none}
.pg-body li{position:relative;padding-left:20px;margin-top:9px;font-size:16px;line-height:1.62;color:var(--ink-soft)}
.pg-body li::before{
  content:"";position:absolute;left:2px;top:.66em;width:6px;height:6px;
  border-radius:50%;background:var(--butter);box-shadow:0 0 0 1px rgba(20,20,21,.16);
}
.pg-page .pg-body a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.pg-body a:hover{color:var(--navy);text-decoration-color:var(--navy)}
.pg-body strong{font-weight:600;color:var(--ink)}
.pg-sign{
  margin-top:clamp(40px,6vw,64px);padding-top:26px;border-top:1px solid var(--hair);
  font-size:14.5px;line-height:1.6;color:var(--muted);font-weight:500;
}
.pg-sign strong{color:var(--ink-soft);font-weight:600}
.pg-switch{margin-top:clamp(36px,5vw,54px);display:flex;gap:12px;flex-wrap:wrap}
.pg-switch a{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--hair);border-radius:11px;padding:12px 18px;
  font-size:14px;font-weight:600;letter-spacing:-.01em;
  text-decoration:none;color:var(--ink);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.pg-switch a:hover{background:var(--butter);border-color:var(--butter);transform:translateY(-1px)}

/* ---------- FOOTER ---------- */
.pg-footer{background:var(--navy);color:#fff;padding:clamp(54px,7vw,78px) 0 34px}
.pg-footer a{color:inherit}
.pg-ftop{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px 24px;
  padding-bottom:38px;border-bottom:1px solid var(--hair-navy);
}
.pg-fb{font-size:23px;font-weight:700;letter-spacing:-.04em}
.pg-brand p{margin-top:10px;color:rgba(255,255,255,.6);font-size:14px;line-height:1.5;font-weight:500}
.pg-col h6{
  font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:rgba(255,255,255,.42);margin-bottom:13px;
}
.pg-col a{
  display:block;font-size:14px;font-weight:500;color:rgba(255,255,255,.78);
  text-decoration:none;margin-bottom:9px;transition:color .2s ease;
}
.pg-col a:hover{color:var(--butter)}
.pg-base{
  margin-top:26px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:12.5px;color:rgba(255,255,255,.44);font-weight:500;
}
.pg-base a{text-decoration:none;transition:color .2s ease}
.pg-base a:hover{color:var(--butter)}
@media (max-width:760px){
  .pg-ftop{grid-template-columns:1fr 1fr;gap:30px 20px}
  .pg-brand{grid-column:1/-1}
}

/* ---------- REVEAL ---------- */
.pg-page .rv{
  opacity:0;transform:translateY(14px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);
}
.pg-page .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .pg-page .rv{opacity:1 !important;transform:none !important;transition:none !important}
  .pg-nav{backdrop-filter:none;-webkit-backdrop-filter:none}
}