/* ============================================================================
   founder.css: the light-page system for / and /jay-bhakta (2026-09-01).
   Loaded AFTER /tokens.css. site-shell.css is never linked on these pages.
   Every colour is a token by name; the only hex values live in :root below.
   The Outsmart the System card consumes the existing dark tokens by reference.
   Fallback @font-face metrics were measured in headless Chrome
   (scratch build/fontmetrics.py, 2026-09-01): same 60-character line,
   Newsreader 500 vs Georgia at 40px = 0.97228; Source Sans 3 400 vs
   Segoe UI at 17px = 0.93842. Overrides are divided by size-adjust.
   ========================================================================= */

:root{
  --paper:#f1f0eb;
  --wash:#e6ebe8;
  --rule:#d3d8d3;
  --ink:#12192b;
  --mute:#545e72;
  --acc:#17685f;
  --acc-deep:#115750;
  --acc-tint:#d9e8e3;
  --mat:#ffffff;
  --measure:1040px;
  --gut:20px;
  --sec:clamp(64px,8vh,104px);
  --serif:'Newsreader','Newsreader Fallback','Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;
  --sans:'Source Sans 3','Source Sans Fallback','Segoe UI',system-ui,Roboto,sans-serif;
}
@media (min-width:761px){:root{--gut:28px}}
@font-face{font-family:'Newsreader Fallback';src:local('Georgia');
  size-adjust:97.228%;ascent-override:74.567%;descent-override:28.284%;line-gap-override:0%}
@font-face{font-family:'Source Sans Fallback';src:local('Segoe UI');
  size-adjust:93.842%;ascent-override:106.562%;descent-override:43.879%;line-gap-override:0%}

/* ---- base ---- */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--sans);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--acc-tint);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
a{color:var(--acc);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--acc-deep);text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;box-shadow:0 0 0 7px var(--acc-tint)}
.wrap{max-width:var(--measure);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-999px;top:8px;background:var(--mat);color:var(--ink);padding:8px 12px;z-index:9}
.skip:focus{left:var(--gut)}

/* ---- type scale ---- */
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:500;color:var(--ink)}
h1{font-size:clamp(40px,6vw,68px);line-height:1.05;letter-spacing:-.022em;margin:12px 0 20px}
h2{font-size:clamp(30px,4vw,46px);line-height:1.12;max-width:22ch;text-wrap:balance;margin:12px 0 20px}
h3{font-size:24px;line-height:1.2}
p{margin:0 0 1em;max-width:62ch}
.lede{font-size:20px;line-height:1.5;max-width:56ch}
.role{font-size:20px;line-height:1.4;max-width:56ch;color:var(--mute)}
.sub{font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.35;max-width:36ch;margin:-8px 0 20px}
.micro,.fine,.caption{font-size:14px;line-height:1.5;color:var(--mute)}
.eyebrow{display:block;font:600 12px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--acc);margin:0}
.link{font-weight:500;white-space:nowrap}
.pull{font-family:var(--serif);font-style:italic;font-weight:400;font-size:26px;line-height:1.35;max-width:30ch;margin:28px 0}
.price,.door-meta,.ftr{font-variant-numeric:tabular-nums}

/* ---- header (non-sticky, 72px) ---- */
.hdr{background:var(--paper);border-bottom:1px solid var(--rule)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.hdr-sig{display:inline-flex;line-height:0}
.hdr-sig img{height:34px;width:auto}
.hdr-nav{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;list-style:none}
.hdr-nav a{font:500 15px/1.4 var(--sans);color:var(--mute);text-decoration:none}
.hdr-nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.hdr-nav a[aria-current="page"]{color:var(--ink)}
.mobile-nav{display:none;position:relative}
.mobile-nav summary{cursor:pointer;list-style:none;font:600 15px/1.4 var(--sans);color:var(--ink);
  padding:9px 14px;border:1px solid var(--rule);border-radius:6px;background:var(--mat)}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary::after{content:" +";color:var(--acc)}
.mobile-nav[open] summary::after{content:" −"}
.mobile-nav nav{position:absolute;right:0;top:calc(100% + 8px);z-index:10;width:min(260px,calc(100vw - 40px));
  padding:10px;background:var(--mat);border:1px solid var(--rule);box-shadow:0 18px 42px -26px rgba(18,25,43,.45)}
.mobile-nav nav a{display:block;padding:10px 12px;color:var(--ink);font:500 16px/1.35 var(--sans);text-decoration:none}
.mobile-nav nav a:hover{background:var(--acc-tint);color:var(--ink);text-decoration:none}

/* ---- section stack ---- */
.sec{padding:var(--sec) 0;border-top:1px solid var(--rule)}
.sec.hero{border-top:0;padding-top:clamp(40px,6vh,78px);overflow:hidden}
.sec.hero>.wrap{max-width:1280px}
.sec.wash{background:var(--wash)}
.sec .eyebrow+h2,.sec .eyebrow+h1{margin-top:12px}
.rule{border:0;border-top:1px solid var(--rule);margin:0}

/* ---- 12-column grid (hero, founder, book only) ---- */
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:28px;align-items:start}
.grid>*{grid-column:1/-1;min-width:0}
@media (min-width:761px){
  .hero-intro{grid-column:1/6;grid-row:1}.hero-details{grid-column:1/6;grid-row:2}
  .hero-visual{grid-column:6/13;grid-row:1/3;align-self:start}
  .hero-visual.hero-portrait{margin-top:29px}
  .founder-photo{grid-column:1/6}.founder-text{grid-column:7/13}
  .book-cover{grid-column:1/4}.book-text{grid-column:5/13}
}
.hero .grid{row-gap:0}
.hero-intro h1{margin-bottom:20px}
.hero-details .btn-invite{margin-top:8px}
.hero-details .micro{margin:16px 0 8px}

/* ---- founder-led hero image ---- */
.hero-portrait{position:relative;margin:0;isolation:isolate}
.hero-portrait::before{content:"";position:absolute;z-index:-1;width:76%;aspect-ratio:1;right:-9%;top:-14%;border-radius:50%;
  background:radial-gradient(circle,rgba(23,104,95,.2) 0,rgba(23,104,95,.08) 38%,rgba(23,104,95,0) 72%)}
.hero-portrait-frame{position:relative;overflow:hidden;aspect-ratio:1600/878;background:transparent}
.hero-portrait picture,.hero-portrait img{width:100%;height:100%}
.hero-portrait img{object-fit:cover;object-position:center;transform:scale(1.015)}
.hero-portrait figcaption{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin-top:13px;color:var(--mute);
  font:500 13px/1.4 var(--sans)}
.hero-portrait figcaption strong{color:var(--ink);font-weight:600}
.hero-portrait figcaption small{margin-left:auto;color:var(--mute);font:400 12px/1.4 var(--sans)}

/* ---- image mats ---- */
.mat{background:var(--mat);border:1px solid var(--rule);padding:10px}
.mat img{width:100%}
.mat-book{width:200px;max-width:100%;padding:0;border:0;box-shadow:0 12px 32px -20px rgba(18,25,43,.5)}
.mat-book img{border:1px solid var(--rule)}
figure{margin:0}
figcaption{margin-top:10px}

/* ---- buttons ---- */
.btn-invite,.btn-ots{display:inline-block;font:600 16px/1.25 var(--sans);padding:14px 22px;border-radius:6px;
  text-decoration:none;border:1px solid transparent;box-shadow:none;cursor:pointer}
.btn-invite{background:var(--acc);color:var(--paper)}
.btn-invite:hover{background:var(--acc-deep);color:var(--paper)}
.btn-ots{background:transparent;color:var(--white);border-color:rgba(var(--accent-rgb),.5);border-radius:var(--r-btn)}
.btn-ots:hover{background:rgba(var(--accent-rgb),.08);color:var(--white)}

/* ---- evidence and trust ---- */
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:34px;background:var(--rule);border:1px solid var(--rule)}
.proof-grid article{background:var(--paper);padding:26px 24px}
.proof-number{display:block;font:600 11px/1.4 var(--sans);letter-spacing:.14em;color:var(--acc);margin-bottom:22px}
.proof-grid h3{font-size:25px;margin-bottom:10px}
.proof-grid p{font-size:16px;line-height:1.5;color:var(--mute);margin:0}
.trust-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,8vw,96px)}
.trust-grid article+article{border-left:1px solid var(--rule);padding-left:clamp(36px,6vw,72px)}
.trust-grid .fine{padding-top:18px;border-top:1px solid var(--rule);max-width:56ch}
.founder-statement{max-width:840px}
.founder-statement .founder-text{padding-left:clamp(24px,4vw,44px);border-left:3px solid var(--acc)}
.founder-statement h2{font-size:clamp(34px,4.5vw,52px);max-width:20ch}

/* ---- compact secondary work ---- */
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}
.work-card{min-height:330px;padding:clamp(26px,4vw,42px);border:1px solid var(--rule)}
.work-card h3{font-size:clamp(28px,3vw,38px);margin:12px 0 16px}
.ots-card{background:var(--band);border-color:var(--band);color:var(--white)}
.ots-card h3,.ots-card a{color:var(--white)}
.ots-card .eyebrow{color:var(--accent)}
.ots-card p{color:var(--ink-1)}
.ots-card .dated{margin-top:28px;font-size:15px}
.ots-card .btn-ots{margin-top:8px}
.book-card{background:var(--mat);display:grid;grid-template-columns:108px minmax(0,1fr);gap:28px;align-items:center}
.book-mini img{width:108px;height:auto;border:1px solid var(--rule);box-shadow:0 14px 28px -22px rgba(18,25,43,.6)}
.book-card .sub{font-size:18px;margin-bottom:20px}
#invite{text-align:center}
#invite .wrap{display:flex;flex-direction:column;align-items:center}
#invite p{max-width:52ch}

/* ---- footer ---- */
.ftr{border-top:1px solid var(--rule);padding:56px 0 40px;font-size:14px;line-height:1.5}
.ftr a{color:var(--mute);text-decoration:none}
.ftr a:hover{color:var(--ink);text-decoration:underline}
.ftr-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ftr-col h3{font:600 14px/1.4 var(--sans);color:var(--ink);margin:0 0 10px}
.ftr-col a{display:block;margin:0 0 6px}
.social{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 0;padding:0;list-style:none}
.social a{display:inline-block;padding:5px 12px;border:1px solid var(--rule);border-radius:999px}
.social a:hover{border-color:var(--mute);text-decoration:none}
.entity{margin:28px 0 0;max-width:80ch;color:var(--mute)}
.legal{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;padding-top:20px;border-top:1px solid var(--rule);color:var(--mute)}
.legal a{color:var(--mute)}

/* ---- mobile ---- */
@media (max-width:760px){
  :root{--sec:56px}
  .hdr .wrap{flex-direction:row;align-items:center;gap:14px;padding-top:13px;padding-bottom:13px;min-height:64px}
  .hdr-nav{display:none}
  .mobile-nav{display:block;margin-left:auto}
  .hero-intro h1{margin-bottom:0}
  .hero-portrait{margin-top:24px}
  .hero-portrait-frame{aspect-ratio:1600/878}
  .hero-portrait figcaption{display:none}
  .hero-details{margin-top:28px}
  .proof-grid,.trust-grid,.work-grid{grid-template-columns:1fr}
  .trust-grid{gap:42px}
  .trust-grid article+article{border-left:0;border-top:1px solid var(--rule);padding:42px 0 0}
  .work-card{min-height:0}
  .book-card{grid-template-columns:82px minmax(0,1fr);gap:20px}
  .book-mini img{width:82px}
  .ftr-cols{grid-template-columns:1fr}
  .pull{font-size:23px}
}

/* Keep the primary action clear of the regional consent notice on short phones. */
@media (max-width:760px) and (max-height:720px){
  .sec.hero{padding-top:24px}
  .hero-intro h1{font-size:36px;line-height:1;margin:8px 0 0}
  .hero-portrait{margin-top:16px}
  .hero-details{margin-top:20px}
  .hero-details .lede{font-size:17px;line-height:1.4;margin-bottom:12px}
  .hero-details .btn-invite{margin-top:2px}
  .hero-details .micro{margin-top:10px}
}

/* ---- motion: one entrance, hover nudges, nothing scroll-triggered ---- */
@media (prefers-reduced-motion:no-preference){
  @keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .hero-intro>*,.hero-details>:nth-child(-n+2){animation:rise 320ms ease-out both}
  .hero-intro>:nth-child(2){animation-delay:60ms}
  .hero-details>:nth-child(1){animation-delay:120ms}
  .hero-details>:nth-child(2){animation-delay:180ms}
  a{transition:text-decoration-thickness 120ms ease,color 120ms ease}
  .btn-invite,.btn-ots{transition:background-color 160ms ease}
  .hero-portrait{animation:rise 380ms 160ms ease-out both}
}

/* ---- print ---- */
@media print{
  .hdr-nav,.mobile-nav,.social,.btn-invite,.btn-ots,.skip,[id^="lc_"],[class^="lc_"],chat-widget,iframe{display:none!important}
  html,body,.sec.wash,.ots-card{background:var(--mat);color:var(--ink)}
  .ots-card,.ots-card h3,.ots-card p,.ots-card a{color:var(--ink)}
  .ots-card{border:1px solid var(--rule)}
  .sec{padding:24px 0}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:12px;color:var(--mute)}
}