@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..700;1,9..144,300..600&family=Spline+Sans+Mono:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,300..600;1,6..72,300..500&display=swap");

/* RebeccaLForbes.com shared stylesheet
   Created from the uploaded June 2026 site files.
   Purpose: one visual system for every public page. */


/* ---- extracted from index.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}


/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* ---- extracted from edi.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}


/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* ---- extracted from noaa-ai-monitor.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--paper-3:#fffaf0;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10);--good:#2f6d50;--watch:#9a6a14;--risk:#8e2f1f}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}a{color:var(--signal);text-decoration-color:rgba(180,69,31,.45);text-underline-offset:.14em;text-decoration-thickness:1px}a:visited{color:var(--signal-2);text-decoration-color:rgba(31,94,87,.45)}a:hover{color:var(--ink);background:var(--hi);text-decoration-color:var(--ink)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 1.5rem 7rem}.hero{max-width:860px;padding:5.5rem 0 2.2rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.2rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.65rem,7vw,5.4rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}.body{max-width:860px}p{margin-bottom:1.1rem;max-width:66ch}p.lead{font-size:1.22rem;line-height:1.5}h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.3rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.1rem 0 .7rem;color:var(--signal-2)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:38ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg,rgba(180,69,31,.10),rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.callout p:last-child{margin-bottom:0}.small-note{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.04em;color:var(--faint);line-height:1.7}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}.nextlinks a,.button{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.62rem .9rem;border-radius:2px;background:transparent;cursor:pointer}.nextlinks a.primary,.button.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}.button:hover,.nextlinks a:hover{background:var(--hi);color:var(--ink)}.button.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}
.monitor-shell{margin-top:2.5rem}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem;box-shadow:0 10px 24px var(--shadow)}.stat .num{font-family:"Fraunces",serif;font-size:2.1rem;line-height:1;color:var(--signal)}.stat .label{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:.4rem}.controls{display:grid;grid-template-columns:1.3fr .9fr;gap:1rem;margin:1.5rem 0;align-items:end}.control-box{border:1px solid var(--line);background:var(--paper-2);padding:1rem}label{display:block;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:.35rem}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--paper-3);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:1rem;padding:.6rem .7rem}textarea{min-height:110px;resize:vertical}.filter-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.filter{font-family:"Spline Sans Mono",monospace;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--faint);background:var(--paper);padding:.45rem .62rem;cursor:pointer}.filter.active,.filter:hover{border-color:var(--signal);color:var(--signal);background:var(--hi)}.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.6rem 0 2.5rem}.card{border:1px solid var(--line);background:var(--paper-2);padding:1.1rem 1.15rem;box-shadow:0 10px 26px var(--shadow)}.card h3{margin:.35rem 0 .55rem;font-size:1.2rem}.meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.pill{font-family:"Spline Sans Mono",monospace;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--faint);padding:.18rem .42rem}.pill.live{color:var(--good);border-color:rgba(47,109,80,.45)}.pill.exp{color:var(--watch);border-color:rgba(154,106,20,.45)}.pill.watch{color:var(--signal-2);border-color:rgba(31,94,87,.45)}.pill.risk{color:var(--risk);border-color:rgba(142,47,31,.45)}.card p{font-size:.98rem;margin-bottom:.75rem}.card .source{font-family:"Spline Sans Mono",monospace;font-size:.67rem;letter-spacing:.04em;color:var(--faint);line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid .wide{grid-column:1/-1}.log-table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid var(--line);background:var(--paper-2)}table{width:100%;border-collapse:collapse;font-family:"Spline Sans Mono",monospace;font-size:.72rem}th,td{border-bottom:1px solid var(--line);padding:.65rem .75rem;text-align:left;vertical-align:top}th{color:var(--signal-2);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}td{color:var(--ink)}tbody tr:last-child td{border-bottom:none}td.note-cell{font-family:"Newsreader",Georgia,serif;font-size:.95rem;line-height:1.45}.empty{font-family:"Spline Sans Mono",monospace;font-size:.72rem;color:var(--faint);padding:1rem}.source-watch{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 2rem}.source-item{border:1px solid var(--line);background:var(--paper-2);padding:1rem}.source-item strong{display:block;font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2);margin-bottom:.4rem}.source-item p{font-size:.96rem;margin-bottom:.6rem}.snapshot{white-space:pre-wrap;background:var(--paper-3);border:1px solid var(--line);padding:1rem;max-height:380px;overflow:auto;font-family:"Spline Sans Mono",monospace;font-size:.72rem;line-height:1.55;color:var(--ink)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:860px){.status-strip,.signal-grid,.source-watch,.controls,.form-grid{grid-template-columns:1fr}}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}a,p,li,td,blockquote{overflow-wrap:anywhere;word-break:normal}

/* ---- extracted from universal-organizing-field.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}


/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}



/* ---- warm-template compatibility for Library and UOF pages ---- */
.lede{font-size:1.25rem;line-height:1.48;color:var(--ink);max-width:68ch;margin-bottom:1.25rem}
.muted{color:var(--faint)}
.small{font-size:.93rem}
.note,.boundary{
  margin:2rem 0;
  padding:1.15rem 1.25rem;
  border:1px solid var(--line);
  border-left:4px solid var(--signal);
  background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);
  box-shadow:0 12px 32px var(--shadow);
}
pre{
  overflow-x:auto;
  background:var(--paper-2);
  border:1px solid var(--line);
  padding:1rem;
  color:var(--ink);
}
code,pre{font-family:"Spline Sans Mono",monospace}
main > p.muted:first-child{
  font-family:"Spline Sans Mono",monospace;
  font-size:.7rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--signal);
  margin:4.5rem 0 1.4rem;
}
main > h1:first-of-type{
  font-family:"Fraunces",serif;
  font-weight:340;
  font-size:clamp(2.55rem,7vw,5rem);
  line-height:.98;
  letter-spacing:-.02em;
  margin:0 0 1rem;
}
main > h2{
  border-top:1px solid var(--line);
  padding-top:1.05em;
}
main ul:not(.clean){
  margin:1rem 0 1.4rem;
  padding-left:1.25rem;
}
main ul:not(.clean) li{
  margin-bottom:.55rem;
  max-width:72ch;
}

/* ---- extracted from near-emergence-amplification.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}


/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* ---- extracted from artifact-formation.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}


/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* ---- extracted from generative-retrieval.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}


/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* ---- extracted from transactional-artifacts.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}


/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* ---- extracted from research-library.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}


/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}



/* ---- warm-template compatibility for Library and UOF pages ---- */
.lede{font-size:1.25rem;line-height:1.48;color:var(--ink);max-width:68ch;margin-bottom:1.25rem}
.muted{color:var(--faint)}
.small{font-size:.93rem}
.note,.boundary{
  margin:2rem 0;
  padding:1.15rem 1.25rem;
  border:1px solid var(--line);
  border-left:4px solid var(--signal);
  background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);
  box-shadow:0 12px 32px var(--shadow);
}
pre{
  overflow-x:auto;
  background:var(--paper-2);
  border:1px solid var(--line);
  padding:1rem;
  color:var(--ink);
}
code,pre{font-family:"Spline Sans Mono",monospace}
main > p.muted:first-child{
  font-family:"Spline Sans Mono",monospace;
  font-size:.7rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--signal);
  margin:4.5rem 0 1.4rem;
}
main > h1:first-of-type{
  font-family:"Fraunces",serif;
  font-weight:340;
  font-size:clamp(2.55rem,7vw,5rem);
  line-height:.98;
  letter-spacing:-.02em;
  margin:0 0 1rem;
}
main > h2{
  border-top:1px solid var(--line);
  padding-top:1.05em;
}
main ul:not(.clean){
  margin:1rem 0 1.4rem;
  padding-left:1.25rem;
}
main ul:not(.clean) li{
  margin-bottom:.55rem;
  max-width:72ch;
}

/* ---- extracted from research-results.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}


/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* ---- extracted from audio-transcript.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}



.transcript-turn{margin:1.2rem 0 1.5rem}.speaker-line{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--signal-2);margin-bottom:.35rem}.transcript-turn p{margin-bottom:0}.transcript-note{font-family:"Spline Sans Mono",monospace;font-size:.72rem;color:var(--faint);line-height:1.7;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;margin:1.5rem 0 2rem}

/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* ---- extracted from video-overview.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:var(--signal);color:var(--paper)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}.brand b{color:var(--signal)}nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 1.5rem 7rem}.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem}.hero{padding:6rem 0 2rem}.hero .big{font-family:"Fraunces",serif;font-weight:300;font-size:clamp(3rem,11vw,7.5rem);line-height:.9;letter-spacing:-.03em}.hero .big b{color:var(--signal);font-weight:500}.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.4rem 0 .7rem;color:var(--signal-2)}p{margin-bottom:1.1rem;max-width:64ch}p.lead{font-size:1.22rem;line-height:1.5}strong{font-weight:600}.pageintro{padding:4.5rem 0 1rem}section.body{padding-top:.5rem}ul.clean{list-style:none;margin:1rem 0 1.4rem}ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:64ch}ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:34ch}.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}.ecosys{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:var(--faint);margin:2rem 0 0;line-height:2}.ecosys span{border:1px solid var(--line);padding:.18rem .5rem;border-radius:2px;display:inline-block;margin:.15rem .15rem;background:var(--paper-2)}.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.06em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}

/* ---- site-wide content link colors ---- */
.body a,
main a:not(.brand),
footer a {
  color: var(--signal);
  text-decoration-color: rgba(180,69,31,.45);
  text-underline-offset: .14em;
  text-decoration-thickness: 1px;
}
.body a:visited,
main a:visited:not(.brand),
footer a:visited {
  color: var(--signal-2);
  text-decoration-color: rgba(31,94,87,.45);
}
.body a:hover,
main a:hover:not(.brand),
footer a:hover {
  color: var(--ink);
  background: var(--hi);
  text-decoration-color: var(--ink);
}

/* hiring-safe homepage additions */
.profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.1rem;
  margin: 1.4rem 0 2.2rem;
}
.tagline {
  font-family: "Spline Sans Mono", monospace;
  font-size: .78rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--signal-2);
  margin: .8rem 0 1.2rem;
}
.citation-box {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  border: 1px solid var(--line);
  background: var(--paper-2);
  box-shadow: 0 12px 32px var(--shadow);
}
.citation-box p {
  margin-bottom: .7rem;
}
.small-note {
  font-family: "Spline Sans Mono", monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--faint);
  line-height: 1.7;
}
/* ---- v2 full-site helpers, preserving original design shell ---- */
a, p, li, td, blockquote, h1, h2, h3 { overflow-wrap: anywhere; word-break: normal; }
.note-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.2rem 0 2rem}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2rem}
.stat{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.1rem;box-shadow:0 10px 24px var(--shadow)}
.stat b{font-family:"Fraunces",serif;font-size:1.7rem;color:var(--signal);font-weight:450;display:block;line-height:1.1}
.caption{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--faint);line-height:1.7}
.divider{border-top:1px solid var(--line);margin:2.4rem 0}
table.simple{width:100%;border-collapse:collapse;margin:1.2rem 0 2rem;font-size:.95rem}
table.simple th,table.simple td{border-bottom:1px solid var(--line);padding:.7rem .55rem;text-align:left;vertical-align:top}
table.simple th{font-family:"Spline Sans Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2)}
@media(max-width:700px){.stat-grid{grid-template-columns:1fr}table.simple{font-size:.9rem}}



/* v2.3 generative internet framing */
.life-question{font-family:"Fraunces",serif;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:1.25rem 0;color:var(--ink)}
.alive-box{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(247,244,236,.92));box-shadow:0 18px 40px var(--shadow);padding:1.2rem 1.25rem;margin:1.4rem 0 2rem}
.alive-box h3{margin-top:0}


/* v2.7 refined landing hero typography */
.hero .big.hero-statement{
  font-size: clamp(2.35rem, 6.2vw, 5.35rem);
  line-height: .98;
  letter-spacing: -.055em;
  max-width: 980px;
}
.hero .hero-muted{
  display:block;
  font-family:"Newsreader",serif;
  font-weight:400;
  color:var(--ink);
  opacity:.86;
}
.hero .hero-emphasis{
  display:block;
  font-family:"Fraunces",serif;
  font-weight:650;
  letter-spacing:-.065em;
}
.hero .hero-emphasis.recursive{
  color:var(--signal-2);
}
.hero .hero-emphasis.generative{
  color:var(--signal);
}
.hero .hero-question{
  display:block;
  font-family:"Newsreader",serif;
  font-style:italic;
  font-weight:400;
  color:var(--ink);
  opacity:.9;
  font-size:.62em;
  letter-spacing:-.025em;
  margin-top:.28em;
}
@media(max-width:700px){
  .hero .big.hero-statement{
    font-size: clamp(2.05rem, 12vw, 3.9rem);
  }
}


/* v2.8 responsive YouTube video embed */
.video-embed{
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* v3.0 YouTube link-card fallback, no iframe */
.video-link-card{
  display:block;
  position:relative;
  width:100%;
  max-width:960px;
  margin:1.25rem 0 1.5rem;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  background:var(--paper-2);
  box-shadow:0 18px 40px var(--shadow);
  overflow:hidden;
  text-decoration:none;
}
.video-link-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-link-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34));
}
.play-button{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:86px;
  height:60px;
  border-radius:18px;
  background:rgba(0,0,0,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.play-button::before{
  content:"";
  position:absolute;
  left:34px;
  top:18px;
  border-left:22px solid white;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
}
.video-card-label{
  position:absolute;
  left:1rem;
  bottom:1rem;
  right:1rem;
  z-index:2;
  color:#fff;
  font-family:"Spline Sans Mono",monospace;
  font-size:.75rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* ---- extracted from about.html ---- */
:root{--ink:#16140f;--paper:#f4f0e6;--paper-2:#ebe5d6;--paper-3:#fffaf0;--signal:#b4451f;--signal-2:#1f5e57;--faint:#8a8170;--line:#cfc6b2;--hi:#e8dcc0;--shadow:rgba(22,20,15,.10)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}
::selection{background:var(--signal);color:var(--paper)}
a{color:var(--signal);text-decoration-color:rgba(180,69,31,.45);text-underline-offset:.14em;text-decoration-thickness:1px}
a:visited{color:var(--signal-2);text-decoration-color:rgba(31,94,87,.45)}
a:hover{color:var(--ink);background:var(--hi);text-decoration-color:var(--ink)}
header.nav{position:sticky;top:0;z-index:50;background:rgba(244,240,230,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1240px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}
.brand b{color:var(--signal)}
nav.links{display:flex;flex-wrap:wrap;gap:.1rem;justify-content:flex-end}
nav.links a{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:.4rem .45rem;border-radius:2px}
nav.links a:hover,nav.links a.active{color:var(--signal);background:var(--hi)}
main{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:0 1.5rem 7rem}
.kicker{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);margin-bottom:1.4rem;display:block}
.hero{padding:5.5rem 0 2rem}
h1.title{font-family:"Fraunces",serif;font-weight:340;font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1rem;max-width:900px}
.byline{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--faint);border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem}
.byline .role{color:var(--signal-2)}
h2{font-family:"Fraunces",serif;font-weight:380;font-size:clamp(1.55rem,3.4vw,2.2rem);line-height:1.08;letter-spacing:-.01em;margin:3.2rem 0 1rem}
h3{font-family:"Fraunces",serif;font-weight:440;font-size:1.28rem;line-height:1.15;margin:2.2rem 0 .7rem;color:var(--signal-2)}
p{margin-bottom:1.1rem;max-width:68ch}
p.lead{font-size:1.22rem;line-height:1.5}
strong{font-weight:600}
section.body{padding-top:.5rem}
ul.clean{list-style:none;margin:1rem 0 1.4rem}
ul.clean li{position:relative;padding-left:1.6rem;margin-bottom:.9rem;max-width:68ch}
ul.clean li:before{content:"";position:absolute;left:0;top:.72em;width:.5rem;height:.5rem;background:var(--signal);transform:rotate(45deg)}
blockquote.flag{font-family:"Fraunces",serif;font-style:italic;font-weight:300;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.25;border-left:3px solid var(--signal);padding:.3rem 0 .3rem 1.6rem;margin:2.3rem 0;color:var(--ink);max-width:38ch}
.callout{margin:2rem 0;padding:1.15rem 1.25rem;border:1px solid var(--line);background:linear-gradient(135deg, rgba(180,69,31,.10), rgba(31,94,87,.08)),var(--paper-2);box-shadow:0 12px 32px var(--shadow)}
.nextlinks{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}
.nextlinks a{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.6rem .9rem;border-radius:2px}
.nextlinks a.primary{background:var(--signal);border-color:var(--signal);color:var(--paper)}
.small-note{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.04em;color:var(--faint);line-height:1.7}
footer{position:relative;z-index:1;border-top:1px solid var(--line);max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem;font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.08em;color:var(--faint);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
a,p,li,td,blockquote,h1,h2,h3{overflow-wrap:anywhere;word-break:normal}
.about-grid{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:2.2rem;align-items:start;margin:1rem 0 2.5rem}
.portrait-card{position:sticky;top:5.3rem;border:1px solid var(--line);background:var(--paper-2);padding:.75rem;box-shadow:0 18px 40px var(--shadow)}
.portrait-card img{width:100%;height:auto;display:block;filter:grayscale(100%);border:1px solid rgba(22,20,15,.16)}
.portrait-caption{font-family:"Spline Sans Mono",monospace;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-top:.72rem;line-height:1.55}
.bio-card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(247,244,236,.95));padding:1.25rem 1.35rem;box-shadow:0 14px 34px var(--shadow);margin:1.2rem 0}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0 2rem}
.detail{border:1px solid var(--line);background:var(--paper-2);padding:1rem}
.detail b{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--signal-2);display:block;margin-bottom:.35rem}
.detail p{font-size:.98rem;margin:0}
@media(max-width:820px){.about-grid,.detail-grid{grid-template-columns:1fr}.portrait-card{position:relative;top:auto;max-width:420px}}
@media(max-width:560px){body{font-size:18px}.nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}nav.links{justify-content:flex-start}}


/* ---- centralized navigation v4 ---- */
.site-nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(244,240,230,.91);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.site-nav .nav-inner{
  max-width:1240px;
  margin:0 auto;
  padding:.7rem 1.5rem;
  display:flex;
  align-items:center;
  gap:1rem;
}
.site-nav .brand{
  font-family:"Spline Sans Mono",monospace;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink);
  text-decoration:none;
  font-weight:600;
  white-space:nowrap;
}
.site-nav .brand b{color:var(--signal)}
.site-nav .links{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:.12rem;
}
.site-nav .links a,
.site-nav .nav-trigger{
  font-family:"Spline Sans Mono",monospace;
  font-size:.62rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--faint);
  text-decoration:none;
  padding:.42rem .5rem;
  border-radius:2px;
  border:0;
  background:transparent;
  cursor:pointer;
  line-height:1.2;
}
.site-nav .links a:hover,
.site-nav .links a.active,
.site-nav .nav-trigger:hover,
.site-nav .nav-group.active > .nav-trigger{
  color:var(--signal);
  background:var(--hi);
}
.site-nav .nav-about{margin-left:0;}
.site-nav .nav-group{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.site-nav .nav-trigger::after{
  content:"";
  display:inline-block;
  margin-left:.35rem;
  vertical-align:.12em;
  border-left:.22rem solid transparent;
  border-right:.22rem solid transparent;
  border-top:.28rem solid currentColor;
  opacity:.72;
}
.site-nav .nav-menu{
  position:absolute;
  top:100%;
  left:0;
  min-width:13rem;
  display:none;
  background:var(--paper-2);
  border:1px solid var(--line);
  box-shadow:0 16px 34px var(--shadow);
  padding:.35rem;
}
.site-nav .nav-group:hover .nav-menu,
.site-nav .nav-group:focus-within .nav-menu,
.site-nav .nav-group.open .nav-menu{display:block;}
.site-nav .nav-menu a{
  display:block;
  white-space:nowrap;
  padding:.55rem .65rem;
}
.site-nav .nav-menu a.active{
  color:var(--signal);
  background:var(--hi);
}
#site-nav noscript header.nav{position:sticky;top:0;}
@media(max-width:760px){
  .site-nav .nav-inner{flex-direction:column;align-items:flex-start;gap:.4rem}
  .site-nav .links{justify-content:flex-start;width:100%}
  .site-nav .nav-about{margin-left:0}
  .site-nav .nav-menu{position:static;width:100%;box-shadow:none;margin:.25rem 0 .45rem}
  .site-nav .nav-group{display:block}
}


/* ---- final nav alignment fix v4.1 ----
   Brand stays alone on the left. Entire nav group stays together on the right.
   About is last but not separated. */
.site-nav .nav-inner{
  justify-content:space-between !important;
}
.site-nav .brand{
  flex:0 0 auto !important;
}
.site-nav .links{
  margin-left:auto !important;
  flex:0 1 auto !important;
  justify-content:flex-end !important;
  align-items:center !important;
}
.site-nav .links > a,
.site-nav .links > .nav-group{
  margin-left:0 !important;
  margin-right:0 !important;
}
.site-nav .links > a:last-child{
  margin-left:0 !important;
}
@media(max-width:760px){
  .site-nav .nav-inner{justify-content:flex-start !important;}
  .site-nav .links{margin-left:0 !important;flex:1 1 auto !important;justify-content:flex-start !important;}
}


/* ---- Fusion page additions v1.0 ---- */
.fusion-page{max-width:920px;}
.fusion-hero .title{max-width:960px;}
.fusion-subtitle{font-family:"Spline Sans Mono",monospace;font-size:.78rem;letter-spacing:.05em;color:var(--faint);line-height:1.8;max-width:72ch;}
.fusion-motto{max-width:42ch;}
.fusion-toc{margin-top:1.8rem;}
.fusion-note{margin-top:0;}
.fusion-brief h2{scroll-margin-top:5.5rem;}
.fusion-brief p{max-width:72ch;}
.fusion-brief h2,
.fusion-framework h2,
#technical-stack h2,
#energy-accounting h2{max-width:900px;}
.table-wrap{width:100%;overflow-x:auto;margin:1.2rem 0 2rem;}
.fusion-table th,
.fusion-table td{min-width:150px;}
.fusion-table th:first-child,
.fusion-table td:first-child{min-width:130px;font-weight:600;color:var(--signal-2);}
.fusion-stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0 2.2rem;}
.fusion-card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(247,244,236,.95));padding:1.15rem 1.25rem;box-shadow:0 14px 34px var(--shadow);}
.fusion-card h3{margin-top:0;}
.compact-list li{margin-bottom:.55rem;}
.formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0 2rem;}
.formula-card{border:1px solid var(--line);background:var(--paper-2);padding:1rem 1.05rem;box-shadow:0 10px 24px var(--shadow);}
.formula-card b{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--signal-2);display:block;margin-bottom:.55rem;}
.formula-card code{display:block;white-space:normal;overflow-wrap:anywhere;font-family:"Spline Sans Mono",monospace;font-size:.82rem;line-height:1.55;background:rgba(255,255,255,.45);border:1px solid rgba(22,20,15,.12);padding:.65rem;margin:.35rem 0 .75rem;color:var(--ink);}
.formula-card p{font-size:.98rem;margin-bottom:0;}
.guardrail-table td{width:50%;}
.reference-list{margin:1rem 0 2.4rem;padding-left:1.35rem;}
.reference-list li{font-size:.88rem;line-height:1.55;margin-bottom:.75rem;max-width:82ch;}
.reference-list a{word-break:break-word;}
@media(max-width:820px){.fusion-stack-grid,.formula-grid{grid-template-columns:1fr}.fusion-page{max-width:820px}.fusion-table th,.fusion-table td{min-width:180px}}


/* v10 nav z-index safety */
.site-nav{z-index:1000}.site-nav .nav-menu{z-index:1001}