:root{
  --bg:#06070b;--panel:#0c0e15;--panel2:#11141d;
  --ink:#eef1f6;--ink2:#aab2c5;--ink3:#7c869c;
  --teal:#34e1c8;--blue:#7aa2ff;--a:#34e1c8;--a2:#7aa2ff;--grad:linear-gradient(135deg,#34e1c8,#7aa2ff);--gold:#E8B923;
  --line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.06);
  
  --serif:'Instrument Serif','Times New Roman',serif;
  --sans:'Inter Tight',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --max:1440px;--gutter:clamp(20px,3vw,40px);
  --measure:40rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{
  margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  font-size:1.0625rem;line-height:1.72;overflow-x:hidden;-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(circle 640px at 12% -4%,color-mix(in srgb, var(--a) calc(.16 * 100%), transparent),transparent 62%),
    radial-gradient(circle 720px at 82% 2%,color-mix(in srgb, var(--a2) calc(.11 * 100%), transparent),transparent 64%);
  background-repeat:no-repeat;background-attachment:fixed;
}
img{max-width:100%;display:block}
a{color:var(--a);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}

/* reading progress */
#prog{position:fixed;top:0;left:0;height:2px;width:0;background:var(--grad);z-index:200;
  transition:width .08s linear}

/* top bar */
.homebar{position:sticky;top:0;z-index:90;padding:14px 0;
  background:color-mix(in oklch,#06070b 82%,transparent);backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.homebar.scrolled{border-bottom-color:var(--line)}
.homebar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.home{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;
  text-transform:uppercase;letter-spacing:.16em;color:var(--ink2);text-decoration:none;transition:color .2s}
.home:hover{color:var(--ink);text-decoration:none}
.barcta{display:inline-flex;gap:14px;align-items:center}
.top-cta{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;
  color:var(--ink2);text-decoration:none;border:1px solid var(--line);border-radius:999px;
  padding:8px 14px;transition:border-color .2s,color .2s;white-space:nowrap}
.top-cta:hover{border-color:var(--a);color:var(--a);text-decoration:none}
#tocBtn{display:none;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.14em;color:var(--ink2);background:none;border:1px solid var(--line);
  border-radius:999px;padding:8px 14px;cursor:pointer}
#tocBtn:hover{border-color:var(--a);color:var(--a)}

/* hero */
header.hero{padding:clamp(52px,9vw,120px) 0 clamp(40px,6vw,72px);border-bottom:1px solid var(--line)}
.hero .wrap{max-width:1100px}
.kicker{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;
  color:var(--a);margin:0 0 1.4rem}
h1.title{font-family:var(--serif);font-weight:400;font-size:clamp(3.2rem,10vw,7rem);
  line-height:.9;letter-spacing:-.035em;margin:0;text-wrap:balance}
h1.title em{font-style:italic;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  padding-right:.06em}
.hero-sub{margin:1.9rem 0 0;font-family:var(--serif);font-style:italic;
  font-size:clamp(1.3rem,3vw,2rem);line-height:1.36;color:var(--ink2);max-width:34ch;text-wrap:balance}
.hero-meta{margin-top:2.4rem;display:flex;flex-wrap:wrap;gap:10px 26px;
  font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink3)}
.hero-meta b{color:var(--ink2);font-weight:500}
.hero-actions{margin-top:2.6rem;display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* buttons */
.btn{display:inline-block;padding:.9rem 1.8rem;border-radius:999px;font-weight:600;font-size:.95rem;
  text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:var(--sans);
  transition:transform .15s ease,box-shadow .15s ease,border-color .2s,color .2s}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--grad);color:#06070b;box-shadow:0 8px 30px color-mix(in srgb, var(--a) calc(.22 * 100%), transparent)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px color-mix(in srgb, var(--a) calc(.34 * 100%), transparent)}
.btn-ghost{border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--a);color:var(--a)}
.btn:focus-visible{outline:2px solid var(--a);outline-offset:3px}

/* layout: sticky toc + body */
.shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(28px,5vw,72px);
  max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
nav.toc{position:sticky;top:64px;align-self:start;max-height:calc(100vh - 84px);overflow-y:auto;
  padding:38px 0 60px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
nav.toc::-webkit-scrollbar{width:5px}
nav.toc::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:9px}
nav.toc h2{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.2em;
  color:var(--ink3);margin:0 0 1.2rem;font-weight:400}
nav.toc .part{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.18em;
  color:var(--a);margin:1.6rem 0 .6rem;opacity:.85}
nav.toc .part:first-of-type{margin-top:0}
nav.toc a{display:block;font-size:.845rem;line-height:1.42;color:var(--ink3);padding:.3rem 0 .3rem .8rem;
  border-left:1px solid var(--line2);text-decoration:none;transition:color .18s,border-color .18s}
nav.toc a:hover{color:var(--ink2);border-left-color:var(--ink3);text-decoration:none}
nav.toc a.active{color:var(--a);border-left-color:var(--a)}
main{padding:38px 0 40px;min-width:0}
main>*{max-width:var(--measure)}

/* typography */
h2.part-head{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,5.4vw,3.6rem);
  line-height:1.02;letter-spacing:-.03em;margin:clamp(72px,10vw,130px) 0 0;max-width:18ch;text-wrap:balance}
.part-num{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.2em;
  color:var(--a);margin:0 0 1rem;display:block}
.part-intro{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.5;
  color:var(--ink2);margin:1.4rem 0 0;max-width:36ch}
.part-rule{border:0;height:1px;background:var(--line);margin:2.6rem 0 0;max-width:var(--measure)}
h3.ch{font-family:var(--serif);font-weight:400;font-size:clamp(1.75rem,3.6vw,2.4rem);
  line-height:1.14;letter-spacing:-.025em;margin:clamp(56px,7vw,86px) 0 .3rem;text-wrap:balance}
.ch-num{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.2em;
  color:var(--ink3);display:block;margin-bottom:.75rem}
h4{font-family:var(--sans);font-weight:600;font-size:1.06rem;letter-spacing:-.005em;
  color:var(--ink);margin:2.4rem 0 .3rem}
p{margin:1.15rem 0}
main p{color:#dde2ec}
strong{color:var(--ink);font-weight:600}
em{font-style:italic}
ul,ol{margin:1.2rem 0;padding-left:1.3rem}
li{margin:.5rem 0;color:#dde2ec}
li::marker{color:var(--ink3)}

/* pull quote from the sales guy */
blockquote{margin:2.2rem 0;padding:1.5rem 0 1.5rem 1.6rem;border-left:2px solid var(--a);
  max-width:var(--measure)}
blockquote p{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.45;
  color:var(--ink);margin:0}
blockquote p+p{margin-top:.8rem}
blockquote cite{display:block;margin-top:1rem;font-family:var(--mono);font-size:10.5px;
  text-transform:uppercase;letter-spacing:.14em;color:var(--ink3);font-style:normal}
blockquote cite a{color:var(--ink3);border-bottom:1px solid rgba(255,255,255,.16)}
blockquote cite a:hover{color:var(--a);border-bottom-color:var(--a);text-decoration:none}

/* script / dialogue block */
.script{margin:1.9rem 0;padding:1.35rem 1.5rem;background:var(--panel);border:1px solid var(--line);
  border-radius:4px;font-size:.95rem;max-width:var(--measure)}
.script p{margin:.55rem 0;color:var(--ink2)}
.script p:first-child{margin-top:0}
.script p:last-child{margin-bottom:0}
.script b{color:var(--a);font-family:var(--mono);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.13em;font-weight:500;display:inline-block;min-width:5.2rem}
.script .them b{color:var(--a2)}

/* callout */
.note{margin:2rem 0;padding:1.3rem 1.5rem;border:1px solid var(--line);border-left:2px solid var(--gold);
  border-radius:4px;background:rgba(232,185,35,.035);max-width:var(--measure)}
.note p{margin:.6rem 0;font-size:.98rem}
.note p:first-child{margin-top:0}.note p:last-child{margin-bottom:0}
.note .lbl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;
  color:var(--gold);display:block;margin-bottom:.5rem}

/* numbers strip */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden;
  margin:2.2rem 0;max-width:var(--measure)}
.stats div{background:var(--panel);padding:1.15rem 1.2rem}
.stats .n{font-family:var(--serif);font-size:2rem;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.stats .l{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.14em;
  color:var(--ink3);margin-top:.55rem;line-height:1.4}

/* inline cta */
.cta{margin:3.2rem 0;padding:1.9rem;border:1px solid var(--line);border-radius:6px;
  background:linear-gradient(180deg,color-mix(in srgb, var(--a) calc(.05 * 100%), transparent),color-mix(in srgb, var(--a2) calc(.03 * 100%), transparent));max-width:var(--measure)}
.cta .lbl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;
  color:var(--a);display:block;margin-bottom:.7rem}
.cta p{margin:0 0 1.3rem;font-size:1.02rem;color:var(--ink2)}
.cta p strong{color:var(--ink)}

/* table */
.tbl{width:100%;max-width:var(--measure);border-collapse:collapse;margin:2rem 0;font-size:.92rem}
.tbl th{text-align:left;font-family:var(--mono);font-size:9.5px;text-transform:uppercase;
  letter-spacing:.14em;color:var(--ink3);font-weight:400;padding:.7rem .9rem;
  border-bottom:1px solid var(--line)}
.tbl td{padding:.7rem .9rem;border-bottom:1px solid var(--line2);color:var(--ink2);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.scrollx{overflow-x:auto;max-width:var(--measure);-webkit-overflow-scrolling:touch}

/* footer */
footer.foot{border-top:1px solid var(--line);margin-top:clamp(80px,10vw,140px);padding:56px 0 80px}
footer.foot .wrap{max-width:var(--max)}
.foot-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1100px}
.foot h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;letter-spacing:-.02em;margin:0 0 .8rem}
.foot p{color:var(--ink2);font-size:.95rem;margin:.6rem 0}
.ai-note{margin-top:3rem;font-size:.82rem;color:var(--ink3);font-style:italic;max-width:54rem;line-height:1.65}
.legal{margin-top:1.2rem;font-size:.78rem;color:var(--ink3);max-width:54rem;line-height:1.65}

/* feedback widget */
#fbBtn{position:fixed;right:16px;bottom:16px;z-index:120;font-family:var(--mono);font-size:10px;
  text-transform:uppercase;letter-spacing:.14em;color:var(--ink3);background:rgba(12,14,21,.9);
  border:1px solid var(--line);border-radius:999px;padding:9px 15px;cursor:pointer;
  backdrop-filter:blur(10px)}
#fbBtn:hover{color:var(--a);border-color:var(--a)}
#fbPanel{position:fixed;right:16px;bottom:60px;z-index:121;width:min(320px,calc(100vw - 32px));
  background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;display:none;
  box-shadow:0 20px 60px rgba(0,0,0,.6)}
#fbPanel textarea,#fbPanel input{width:100%;background:#080a10;border:1px solid var(--line);
  border-radius:4px;color:var(--ink);font-family:var(--sans);font-size:.9rem;padding:8px 10px;margin-bottom:8px}
#fbPanel textarea{min-height:88px;resize:vertical}
#fbPanel button{width:100%;background:var(--grad);color:#06070b;border:0;border-radius:999px;
  padding:9px;font-weight:600;font-family:var(--sans);cursor:pointer;font-size:.88rem}

/* mobile */
@media (max-width:960px){
  .shell{grid-template-columns:minmax(0,1fr);gap:0}
  nav.toc{position:fixed;inset:0;top:0;z-index:150;background:#06070b;padding:76px var(--gutter) 60px;
    max-height:100vh;display:none}
  nav.toc.open{display:block}
  nav.toc a{font-size:.95rem;padding:.5rem 0 .5rem .9rem}
  #tocBtn{display:inline-block}
  main{padding-top:28px}
  body{font-size:1.045rem;line-height:1.7}
  :root{--measure:100%}
  .hero-sub{max-width:100%}
}
@media (max-width:520px){
  .script b{display:block;min-width:0;margin-bottom:.1rem}
  .hero-meta{gap:8px 18px}
}

/* print to PDF */
@media print{
  @page{margin:16mm 15mm}
  :root{--measure:100%}
  html{scroll-padding-top:0}
  body{background:#fff!important;background-image:none!important;color:#111;
    font-size:10.5pt;line-height:1.5}
  #prog,.homebar,nav.toc,#fbBtn,#fbPanel,.hero-actions,#tocBtn{display:none!important}
  .shell{display:block;padding:0;max-width:100%}
  main{padding:0;max-width:100%}
  main>*{max-width:100%}
  main p,li{color:#1a1a1a}
  a{color:#111;text-decoration:none}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;color:#666;word-break:break-all}
  blockquote a[href^="http"]::after{content:""}
  h1.title{font-size:34pt;color:#000}
  h1.title em{color:#000!important;background:none!important;-webkit-text-fill-color:#000}
  .hero-sub,.part-intro{color:#333}
  header.hero{padding:0 0 18pt;border-bottom:1px solid #ccc;page-break-after:always}
  h2.part-head{font-size:22pt;color:#000;margin:0 0 6pt;page-break-before:always;page-break-after:avoid}
  .part-num,.ch-num{color:#666}
  h3.ch{font-size:15pt;color:#000;margin:20pt 0 2pt;page-break-after:avoid;page-break-inside:avoid}
  h4{page-break-after:avoid}
  p,li,blockquote,.script,.note,.stats,.tbl{page-break-inside:avoid}
  blockquote{border-left:2px solid #999;color:#222}
  blockquote p{color:#111;font-size:11.5pt}
  blockquote cite{color:#666}
  .script{background:#f6f6f6;border:1px solid #ddd;color:#222}
  .script p{color:#222}
  .script b{color:#000}
  .note{background:#fbf7e8;border-color:#ddd;border-left:2px solid #b8901a}
  .note .lbl{color:#8a6a10}
  .stats{background:#ddd;border-color:#ddd}
  .stats div{background:#fafafa}
  .stats .n{color:#000}
  .stats .l{color:#555}
  .cta{background:#f6f9f9;border-color:#ddd}
  .cta .lbl{color:#0a7f6d}
  .cta p{color:#333}
  .cta .btn{display:none}
  .cta::after{content:"Book 15 minutes: calendly.com/sunnyray/15min";font-family:var(--mono);
    font-size:9pt;color:#0a7f6d}
  .tbl th{color:#555;border-bottom:1px solid #bbb}
  .tbl td{color:#222;border-bottom:1px solid #e5e5e5}
  footer.foot{border-top:1px solid #ccc;page-break-before:always}
  .foot h3{color:#000}
  .foot p,.ai-note,.legal{color:#444}
}

/* ── figures and classics, added 2026-08-28 ───────────────────────────── */
figure.fig{margin:2.6rem 0 2.4rem;padding:0}
figure.fig svg{display:block;width:100%;height:auto;overflow:visible}
.fig-in{border:1px solid var(--line);border-radius:16px;background:
  linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:26px 24px 20px}
figure.fig figcaption{font-family:var(--mono);font-size:12.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--ink3);margin-top:14px;line-height:1.7}
figure.fig figcaption b{color:var(--a);font-weight:500}
/* Figure labels were set at 9.5px, which is below the threshold most people can
   comfortably read and well below the 12px the rest of the page uses. Raised to
   12.5px, with the letter-spacing eased since tracking hurts legibility at small
   sizes rather than helping it. */
.fl{fill:var(--ink2);font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase}
.fl.t{fill:var(--a)}.fl.g{fill:var(--gold)}.fl.b{fill:var(--a2)}.fl.r{fill:#ff8f7a}

.fl.big{font-family:'Instrument Serif',Georgia,serif;font-size:23px;letter-spacing:0;text-transform:none;fill:var(--ink)}

aside.classic{margin:2.3rem 0;padding:18px 22px 17px;border-left:2px solid rgba(232,185,35,.5);
  background:linear-gradient(90deg,rgba(232,185,35,.055),rgba(255,255,255,0) 70%);border-radius:0 14px 14px 0}
aside.classic .cl-k{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);display:block;margin-bottom:9px}
aside.classic .cl-w{font-family:var(--serif);font-size:1.16rem;line-height:1.35;color:var(--ink);display:block;margin-bottom:8px}
aside.classic .cl-w em{font-style:italic;color:var(--gold)}
aside.classic p{font-size:.94rem;color:var(--ink2);margin:0;max-width:60ch}

/* motion: everything holds still until it is on screen, and never moves at all
   for a reader who has asked the machine to stop moving things. */
.anim [data-a]{opacity:0}
.anim.in [data-a]{animation:figFade .7s cubic-bezier(.2,.8,.3,1) both}
.anim.in [data-a="2"]{animation-delay:.14s}.anim.in [data-a="3"]{animation-delay:.28s}
.anim.in [data-a="4"]{animation-delay:.42s}.anim.in [data-a="5"]{animation-delay:.56s}
.anim.in [data-a="6"]{animation-delay:.7s}.anim.in [data-a="7"]{animation-delay:.84s}
@keyframes figFade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.draw{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600)}
.anim.in .draw{animation:figDraw 1.5s cubic-bezier(.3,.7,.3,1) forwards}
@keyframes figDraw{to{stroke-dashoffset:0}}
.anim.in .grow{animation:figGrow 1.1s cubic-bezier(.2,.8,.3,1) both;transform-origin:left center}
@keyframes figGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.anim.in .jit{animation:figJit 1.6s ease-in-out infinite}
@keyframes figJit{0%,100%{transform:translateY(0)}25%{transform:translateY(-2.5px)}60%{transform:translateY(2px)}}
.anim.in .pulse{animation:figPulse 2.4s ease-in-out infinite}
@keyframes figPulse{0%,100%{opacity:.35}50%{opacity:1}}
.anim.in .spin{animation:figSpin 14s linear infinite;transform-origin:center}
@keyframes figSpin{to{transform:rotate(360deg)}}
.anim.in .blink{animation:figBlink 1.05s step-end infinite}
@keyframes figBlink{0%,100%{opacity:1}50%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .anim [data-a]{opacity:1;animation:none!important}
  .draw{stroke-dashoffset:0}
  .anim.in .grow,.anim.in .jit,.anim.in .pulse,.anim.in .spin,.anim.in .blink{animation:none!important}
}
@media(max-width:620px){.fig-in{padding:18px 14px 14px}aside.classic{padding:15px 16px 14px}}


/* ── inline email capture ─────────────────────────────────────────────────
   Free means free: this never gates, never blocks scroll, and never returns
   once a reader has dismissed it or handed over an address. */
.capture{position:relative;margin:3.2rem 0;padding:1.7rem 1.9rem;border:1px solid var(--line);
  border-left:2px solid var(--a);border-radius:6px;background:var(--panel);max-width:var(--measure)}
.capture[hidden]{display:none}
.capture .lbl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;
  color:var(--a);display:block;margin-bottom:.7rem}
.capture p{margin:0 0 1.2rem;font-size:.98rem;color:var(--ink2)}
.cap-x{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--ink3);
  font-size:20px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:6px}
.cap-x:hover{color:var(--ink)}
.cap-form{display:flex;flex-wrap:wrap;gap:10px}
.cap-form input[type=email]{flex:1 1 240px;background:#080a10;border:1px solid var(--line);
  border-radius:999px;color:var(--ink);font-family:var(--sans);font-size:.95rem;padding:.8rem 1.1rem}
.cap-form input[type=email]:focus{outline:2px solid var(--a);outline-offset:2px}
.cap-form .btn{flex:0 0 auto}
.cap-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cap-msg{margin:.9rem 0 0;font-size:.9rem;color:var(--a);min-height:1.2em}
@media print{.capture{display:none!important}}

/* ── books shelf index ────────────────────────────────────────────────── */
.shelf{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));margin:0 0 60px}
.bk{position:relative;display:block;padding:30px 28px 26px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  text-decoration:none;transition:transform .18s ease,border-color .2s}
.bk:hover{transform:translateY(-3px);border-color:var(--bkA);text-decoration:none}
.bk .spine{position:absolute;left:0;top:22px;bottom:22px;width:3px;border-radius:3px;background:var(--bkA)}
.bk .bk-k{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bkA);display:block;margin-bottom:12px}
.bk h3{font-family:var(--serif);font-weight:400;font-size:1.85rem;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 .6rem}
.bk p{color:var(--ink2);font-size:.95rem;margin:0 0 1.1rem;line-height:1.6}
.bk .bk-m{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);display:flex;gap:16px;flex-wrap:wrap}