@font-face{
 font-family:"Cormorant Garamond";
 font-style:normal;
 font-weight:400;
 font-display:swap;
 src:url("/fonts/cormorant-garamond-400.woff2") format("woff2")
}
@font-face{
 font-family:"Inter";
 font-style:normal;
 font-weight:400;
 font-display:swap;
 src:url("/fonts/inter-400.woff2") format("woff2")
}
:root{
 --bg:#070808;--bg2:#0b0c0c;--ink:#ece6dc;--copy:#bdb6ac;--muted:#7f786f;
 --gold:#b8893f;--gold2:#d8ad61;--thread:rgba(184,137,63,.48);--line:rgba(184,137,63,.25);--softline:rgba(255,255,255,.06);
 --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:"Inter",Arial,sans-serif;
 --max:1420px;--read:770px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--copy);background:var(--bg);font-family:var(--serif);text-rendering:optimizeLegibility}
a{color:inherit}.site-header{position:relative;z-index:20;border-bottom:1px solid rgba(184,137,63,.13);background:rgba(7,8,8,.96)}
.header-inner{width:min(var(--max),calc(100% - 64px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-size:21px}.brand-copy{display:block}.brand-copy strong{display:block;color:var(--gold2);font-size:18px;font-weight:500;letter-spacing:.16em}.brand-copy small{display:block;margin-top:4px;color:#777067;font-family:var(--sans);font-size:7px;letter-spacing:.17em}.top-nav{display:flex;align-items:center;gap:18px;font-family:var(--sans);font-size:10px;letter-spacing:.14em;flex-wrap:nowrap}.top-nav>a,.nav-menu>summary{color:#aaa39a;text-decoration:none;cursor:pointer;list-style:none}.top-nav>a:hover,.nav-menu>summary:hover{color:var(--gold2)}.nav-menu{position:relative}.nav-menu>summary::-webkit-details-marker{display:none}.nav-drawer{position:absolute;right:0;top:29px;min-width:210px;padding:15px;background:#0d0e0e;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.36)}.nav-drawer a{display:block;padding:9px 7px;color:#aaa39a;text-decoration:none;letter-spacing:.08em}.nav-drawer a:hover{color:var(--gold2)}
/* HOME */
.home-main{background:radial-gradient(circle at 80% 18%,rgba(184,137,63,.06),transparent 29rem),var(--bg)}.home-hero{width:min(var(--max),calc(100% - 64px));margin:auto;min-height:calc(100vh - 82px);padding:72px 0 92px;display:grid;grid-template-columns:minmax(0,780px) minmax(300px,1fr);gap:80px;align-items:center}.home-copy{position:relative;z-index:2}.home-copy>.document-title{margin:0 0 8px;color:#f0e9df;font-size:clamp(54px,6.1vw,102px);line-height:.9;font-weight:400;letter-spacing:.045em}.home-copy>.document-subtitle{margin:0 0 38px;color:var(--gold2);font-family:var(--sans);font-size:12px;letter-spacing:.20em;font-weight:500}.home-copy h2{margin:52px 0 16px;color:var(--gold2);font-family:var(--sans);font-size:11px;letter-spacing:.19em;font-weight:600}.home-copy h2:first-of-type{margin-top:10px}.home-copy p{margin:var(--doc-before,0) 0 var(--doc-after,12px);max-width:760px;font-size:20px;line-height:1.55}.home-copy .impact-line,.home-copy .load-bearing{color:#e8dfd2;font-size:23px;line-height:1.42}.home-copy .line-stack{line-height:1.48}.home-field{position:relative;min-height:620px;opacity:.78;background:repeating-linear-gradient(31deg,transparent 0 71px,rgba(184,137,63,.055) 72px,transparent 73px 144px),repeating-linear-gradient(149deg,transparent 0 88px,rgba(184,137,63,.045) 89px,transparent 90px 178px);mask-image:radial-gradient(ellipse at 55% 55%,#000 0,#000 35%,transparent 76%)}.node{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold2);box-shadow:0 0 15px rgba(216,173,97,.9)}.n1{left:22%;top:24%}.n2{left:66%;top:32%}.n3{left:47%;top:51%;width:8px;height:8px}.n4{left:74%;top:68%}.n5{left:31%;top:77%}.home-entry{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:40px;background:#090a0a}.home-entry .kicker{color:var(--gold);font-family:var(--sans);font-size:9px;letter-spacing:.22em}.home-entry h2{margin:8px 0 0;color:#ddd5ca;font-size:27px;font-weight:400}.continue-link{flex:none;padding:15px 18px;border:1px solid var(--line);color:var(--gold2);font-family:var(--sans);font-size:10px;letter-spacing:.16em;text-decoration:none}.continue-link:hover{border-color:var(--gold2)}
/* LONGFORM */
.briefing-shell{width:min(var(--max),calc(100% - 64px));margin:auto;padding:68px 0 120px;display:grid;grid-template-columns:210px minmax(0,var(--read)) minmax(120px,1fr);gap:70px;align-items:start}.briefing-rail{position:sticky;top:28px;max-height:calc(100vh - 56px);overflow:auto;padding-right:24px;border-right:1px solid var(--line);font-family:var(--sans);scrollbar-width:none}.briefing-rail::-webkit-scrollbar{display:none}.rail-label{display:block;margin-bottom:22px;color:var(--gold);font-size:9px;letter-spacing:.21em}.briefing-rail a{display:block;padding:0 0 13px;color:#777169;text-decoration:none;font-size:10px;line-height:1.35;letter-spacing:.06em}.briefing-rail a:hover{color:var(--gold2)}.rail-rule{height:1px;margin:14px 0 20px;background:var(--line)}.briefing-article{max-width:var(--read)}.briefing-article>.document-title{margin:0 0 7px;color:#eee7dc;font-size:clamp(52px,5vw,82px);line-height:.93;font-weight:400;letter-spacing:.035em}.briefing-article>.document-subtitle{margin:0 0 64px;color:var(--gold2);font-family:var(--sans);font-size:11px;line-height:1.5;letter-spacing:.16em;font-weight:500}.briefing-article h2{scroll-margin-top:28px;margin:var(--doc-before,88px) 0 var(--doc-after,24px);padding-top:8px;color:#e8e0d5;font-size:40px;line-height:1.07;font-weight:400;letter-spacing:.025em}.briefing-article h2::after{content:"";display:block;width:72px;height:1px;margin-top:18px;background:var(--gold)}.briefing-article h3{scroll-margin-top:28px;margin:var(--doc-before,48px) 0 var(--doc-after,13px);color:#d9cdbd;font-size:27px;line-height:1.18;font-weight:500}.briefing-article p{margin:var(--doc-before,0) 0 var(--doc-after,14px);font-size:20px;line-height:1.64}.briefing-article strong{color:#e3dbcf;font-weight:600}.briefing-article em{color:#aaa197}.briefing-article .impact-line{margin-top:max(var(--doc-before,20px),20px);margin-bottom:max(var(--doc-after,20px),20px);color:var(--gold2);font-size:22px;line-height:1.48}.briefing-article .load-bearing{color:var(--gold2);font-size:23px}.briefing-article .line-stack{line-height:1.52}.briefing-article .short-line{margin-bottom:8px}.briefing-article .quote-line{padding-left:20px;border-left:1px solid var(--gold);color:#d7cec2;font-size:21px}.breath{width:100%}.breath-1{height:12px}.breath-2{height:24px}.breath-3{height:42px}.breath-4{height:60px}.major-breath{height:76px}.opening-punch{margin:18px 0 40px;padding:31px 0 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.opening-punch p{margin-bottom:9px}.opening-punch p:nth-of-type(1),.opening-punch p:nth-of-type(2){color:#eee4d7;font-size:28px;line-height:1.22}.opening-punch p:nth-of-type(1),.opening-punch p:nth-of-type(2){font-weight:600}.opening-punch .viz-drawers p{font-size:16px;line-height:1.28}.ambient-rail{position:sticky;top:105px;min-height:460px;display:grid;place-items:center;opacity:.22;background:radial-gradient(circle at 52% 48%,rgba(184,137,63,.16) 0 1px,transparent 2px),repeating-linear-gradient(35deg,transparent 0 82px,rgba(184,137,63,.045) 83px,transparent 84px 164px);mask-image:radial-gradient(ellipse,#000,transparent 72%)}.ambient-mark{color:var(--gold2);font-size:16px}.continuation{margin-top:96px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:28px;font-family:var(--sans)}.continuation span{color:#776f66;font-size:8px;letter-spacing:.2em}.continuation a{color:var(--gold2);font-size:10px;letter-spacing:.14em;text-decoration:none}.site-footer{border-top:1px solid rgba(184,137,63,.12);padding:34px 32px 48px;text-align:center}.site-footer span{display:block;color:#9b8e7b;font-family:var(--sans);font-size:9px;letter-spacing:.2em}.site-footer small{display:block;margin-top:7px;color:#5f5a54;font-size:14px;font-style:italic}
@media(max-width:1099px){.top-nav>a.nav-compact-hide{display:none}}
@media(max-width:1050px){.home-hero{grid-template-columns:1fr}.home-field{display:none}.briefing-shell{grid-template-columns:180px minmax(0,1fr);gap:42px}.ambient-rail{display:none}}
@media(max-width:760px){.header-inner{width:calc(100% - 32px);height:70px}.brand-copy small{display:none}.top-nav>a,.top-nav>.nav-disabled{display:none!important}.home-hero{width:calc(100% - 34px);min-height:auto;padding:54px 0 70px}.home-copy>.document-title{font-size:52px}.home-copy p{font-size:18px}.home-entry{padding:32px 20px;display:block}.home-entry h2{font-size:23px;margin-bottom:22px}.briefing-shell{width:calc(100% - 34px);padding:42px 0 80px;display:block}.briefing-rail{position:relative;top:auto;max-height:none;margin-bottom:44px;padding:0 0 16px;border-right:0;border-bottom:1px solid var(--line)}.briefing-rail a{display:inline-block;margin:0 12px 8px 0;padding:0}.briefing-article>.document-title{font-size:49px}.briefing-article>.document-subtitle{margin-bottom:48px}.briefing-article h2{font-size:33px;margin-top:68px}.briefing-article h3{font-size:24px}.briefing-article p{font-size:18px;line-height:1.62}.opening-punch p:nth-of-type(1),.opening-punch p:nth-of-type(2){font-size:24px}.major-breath{height:54px}.continuation{align-items:flex-start;flex-direction:column}.brand-copy strong{font-size:14px}.brand-mark{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* seated front: real mark + disabled future routes */
.brand-mark{padding:0;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.nav-disabled{color:#5a544e;cursor:not-allowed;letter-spacing:.15em}
.nav-drawer .nav-disabled{display:block;padding:9px 7px;letter-spacing:.08em}

.clear-gate{width:min(var(--max),calc(100% - 64px));margin:0 auto;padding:48px 0 80px;border-top:1px solid var(--line)}.clear-kicker{margin:0 0 14px;color:var(--gold);font-family:var(--sans);font-size:9px;letter-spacing:.21em}.clear-gate p{max-width:var(--read);margin:0 0 18px;color:#c9c0b4;font-size:18px;line-height:1.55}.clear-gate .gold-link{color:var(--gold2);font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-decoration:none}.clear-gate .gold-link:hover{color:var(--gold)}

/* HOME restage: same shell as briefing; H2s promoted */
.home-page .home-main{background:radial-gradient(circle at 80% 18%,rgba(184,137,63,.06),transparent 29rem),var(--bg)}
.home-page .briefing-article>.document-title{margin:0 0 8px;color:#f0e9df;font-size:clamp(52px,5vw,82px);line-height:.93;font-weight:400;letter-spacing:.035em}
.home-page .briefing-article>.document-subtitle{margin:0 0 8px;padding-bottom:0;color:var(--gold2);font-family:var(--sans);font-size:11px;letter-spacing:.18em;font-weight:500}
.home-page .briefing-article>.document-subtitle::after{content:"";display:block;width:100%;height:1px;margin:28px 0 40px;background:var(--gold)}
.home-page .briefing-article h2{scroll-margin-top:28px;margin:64px 0 22px;padding-top:8px;color:#e8e0d5;font-family:var(--serif);font-size:30px;line-height:1.12;font-weight:400;letter-spacing:.025em}
.home-page .briefing-article h2::after{content:"";display:block;width:100%;height:1px;margin-top:16px;background:var(--gold)}
.home-page .briefing-article h2:first-of-type{margin-top:8px}
.home-page .briefing-article p{max-width:var(--read);font-size:20px;line-height:1.55}
.home-page .briefing-article .impact-line,.home-page .briefing-article .load-bearing{color:#e8dfd2;font-size:22px;line-height:1.42}

/* kill floating ambient diamond */
.briefing-shell > .ambient-rail{display:none!important;width:0;min-height:0;opacity:0;background:none}

/* unified paper chain in MENU */
.nav-drawer a:nth-child(-n+5){color:#c4bbb0;letter-spacing:.12em}
@media(min-width:1100px){.top-nav{gap:16px}.header-inner{gap:24px}}

/* gold thread: one 1px architectural line (header → rail corner → bars) */
.site-header{border-bottom:1px solid var(--thread)}
.briefing-rail{border-right:1px solid var(--thread)}
.home-entry{border-top:1px solid var(--thread);border-bottom:1px solid var(--thread)}
.continuation{border-top:1px solid var(--thread);border-bottom:1px solid var(--thread)}
.continue-link{border:1px solid var(--thread)}
.briefing-article h2::after{height:1px;background:var(--gold)}
.home-page .briefing-article h2::after,.home-page .briefing-article>.document-subtitle::after{height:1px;background:var(--gold)}
@media(max-width:760px){.briefing-rail{border-right:0;border-bottom:1px solid var(--thread)}}

/* front7: light-to-dawn atmosphere only — no ornaments, copy locked */
.home-page .briefing-shell{padding-top:84px}
.home-page .home-main{background:radial-gradient(circle at 80% 18%,rgba(184,137,63,.035),transparent 29rem),var(--bg)}
body.mood-blindness{
  background:radial-gradient(ellipse at 50% 8%,rgba(88,112,128,.055),transparent 36rem),var(--bg);
  color:#b4b8bb
}
.mood-blindness .briefing-article{color:#b4b8bb}
.mood-blindness .briefing-article>.document-title{color:#e6eaed}
.mood-blindness .briefing-article p{color:#b4b8bb}
.mood-blindness .opening-punch{border-top-color:rgba(160,176,188,.28);border-bottom-color:rgba(160,176,188,.28)}
.mood-blindness .opening-punch p:nth-of-type(1),.mood-blindness .opening-punch p:nth-of-type(2){color:#f2f5f7}
body.mood-condition{background:#050606}
.mood-condition .briefing-article h2{margin-top:72px}
.mood-condition .briefing-article h2::after{background:rgba(184,137,63,.42)}
.mood-condition .briefing-article .impact-line,.mood-condition .briefing-article .load-bearing{color:#c9b896}
body.mood-capability{
  background:radial-gradient(ellipse at 40% 12%,rgba(184,137,63,.07),transparent 34rem),#090807;
  color:#c6bbae
}
.mood-capability .briefing-article{color:#c6bbae}
.mood-capability .briefing-article>.document-title{color:#f0e6d6}
.mood-capability .clear-gate{
  border-top:1px solid var(--thread);
  background:rgba(14,12,9,.4);
  padding:56px 0 88px
}

/* front8 ceremony — surgical; copy locked */
.site-header{position:sticky;top:0;z-index:20}
.brand-copy small{font-size:8.5px;letter-spacing:.16em;color:#8a8378}
.briefing-article>.document-title,.home-copy>.document-title,.home-page .briefing-article>.document-title{font-weight:500}
.briefing-rail a{font-size:11px;color:#8a8378}
.briefing-rail a:hover{color:var(--gold2)}

body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.018;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/></svg>"),
    repeating-radial-gradient(circle at 12% 18%, rgba(255,255,255,.22) 0 .35px, transparent .7px 3px);
}
.home-main,.briefing-shell,.clear-gate,.site-footer,main{position:relative;z-index:2}

.site-header::after{
  content:"";display:block;height:1px;width:100%;
  background:var(--gold);transform:scaleX(0);transform-origin:left center;
  animation:ff-thread .65s ease forwards
}
@keyframes ff-thread{to{transform:scaleX(1)}}
@keyframes ff-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.briefing-article>.document-title,.home-copy>.document-title,.home-page .briefing-article>.document-title{
  animation:ff-rise .62s ease both
}
.briefing-article>.document-subtitle,.home-copy>.document-subtitle,.home-page .briefing-article>.document-subtitle{
  animation:ff-rise .62s ease .08s both
}

@media (prefers-reduced-motion:reduce){
  .site-header::after{animation:none;transform:none}
  .briefing-article>.document-title,.home-copy>.document-title,.home-page .briefing-article>.document-title,
  .briefing-article>.document-subtitle,.home-copy>.document-subtitle,.home-page .briefing-article>.document-subtitle{
    animation:none
  }
}

.cta-fill{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 18px;background:var(--gold);color:#12110e;
  border:1px solid var(--gold);font-family:var(--sans);font-size:10px;
  letter-spacing:.16em;text-decoration:none
}
.cta-fill:hover{background:var(--gold2);border-color:var(--gold2);color:#12110e}
.continue-link.cta-fill{flex:none;color:#12110e}
.continuation a.cta-fill{font-size:10px;letter-spacing:.14em}
.clear-gate .gold-link.cta-fill{color:#12110e;font-size:11px}

.clear-gate{
  width:min(var(--max),calc(100% - 64px));
  margin:0 auto;
  padding:48px 0 80px;
  padding-left:280px;
  box-sizing:border-box;
  border-top:1px solid var(--line)
}
.clear-gate p,.clear-gate .gold-link,.clear-gate .cta-fill{max-width:var(--read)}
.mood-capability .clear-gate{padding:56px 0 88px;padding-left:280px}
@media(max-width:1050px){
  .clear-gate,.mood-capability .clear-gate{padding-left:0}
}
@media(max-width:760px){
  .clear-gate,.mood-capability .clear-gate{width:calc(100% - 34px);padding-left:0}
}

.briefing-article .impact-line,
.briefing-article .impact-line strong,
.home-page .briefing-article .impact-line,
.home-page .briefing-article .impact-line strong,
.mood-condition .briefing-article .impact-line,
.mood-condition .briefing-article .impact-line strong{
  color:#eee7dc
}
.reveal-line,.reveal-line strong{
  color:var(--gold2)!important;
  font-size:23px
}
.opening-punch .reveal-line,.opening-punch .reveal-line strong{
  color:var(--gold2)!important;
  font-size:29px
}

.briefing-shell > .ambient-rail{display:none!important}
.ghost-rail{
  display:none;position:sticky;top:105px;min-height:72vh;pointer-events:none;
  opacity:.11;filter:grayscale(.15) sepia(.35);color:#6e5430
}
@media(min-width:1100px){.ghost-rail{display:block}}
@media(max-width:1050px){.ghost-rail{display:none}}
.home-page .ghost-rail{
  background:url("/icons/mark.png") center 18% / 220% no-repeat;
  opacity:.1;filter:grayscale(1) sepia(.55) brightness(.55)
}
.mood-blindness .ghost-rail{
  background:
    linear-gradient(180deg,transparent 0,rgba(160,140,100,.22) 72%,rgba(184,137,63,.35) 100%) left 42% / 1px 78% no-repeat,
    linear-gradient(#6a5840,#6a5840) 18% 16%/18px 11px no-repeat,
    linear-gradient(#6a5840,#6a5840) 62% 22%/14px 9px no-repeat,
    linear-gradient(#6a5840,#6a5840) 34% 31%/16px 10px no-repeat,
    linear-gradient(#6a5840,#6a5840) 72% 38%/12px 8px no-repeat,
    linear-gradient(#6a5840,#6a5840) 28% 48%/15px 9px no-repeat,
    linear-gradient(#6a5840,#6a5840) 58% 56%/13px 8px no-repeat,
    linear-gradient(#6a5840,#6a5840) 40% 66%/11px 7px no-repeat,
    linear-gradient(#6a5840,#6a5840) 50% 76%/10px 6px no-repeat;
  opacity:.13
}
.mood-condition .ghost-rail{
  background:
    linear-gradient(185deg,transparent 0,rgba(80,70,52,.18) 28%,rgba(40,36,28,.45) 100%) 50% 8% / 1px 86% no-repeat;
  opacity:.1
}
.mood-capability .ghost-rail{display:none!important;background:none!important;min-height:0;opacity:0}

.home-page #the-fork::after{content:none;display:none;width:0;height:0;background:none;margin:0}

.systems-strip{
  position:relative;padding:4px 0 12px;color:var(--gold2)
}
.systems-strip::after{
  content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--gold);opacity:.55
}

.home-page .top-nav > a[href="/"],
.mood-blindness .top-nav > a[href="/paradigm-blindness/"],
.mood-condition .top-nav > a[href="/missing-condition/"],
.mood-good-news .top-nav > a[href="/the-good-news/"],
.mood-capability .top-nav > a[href="/missing-capability/"],
.run-test-page .top-nav > a[href="/run-the-test/"],
.fe-page .top-nav > a[href="/first-experiment/"]{
  color:var(--gold2);box-shadow:inset 0 -1px 0 var(--gold)
}


/* front9 native visuals — one per region; copy locked; no 4:5 posters */
.briefing-article .viz,
.home-page .briefing-article .viz{
  width:100%;max-width:none;margin:28px 0 32px;padding:0;border:0
}
.briefing-article .viz-fork,
.briefing-article .viz-loop,
.briefing-article .viz-capacity{font-family:var(--sans)}

/* 1 HOME The Fork */
.viz-fork{
  position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:168px;
  overflow:hidden;isolation:isolate
}
.viz-fork-bg{
  position:absolute;inset:-8% -4%;z-index:0;pointer-events:none;
  background:url("/assets/diag-home-fork.webp") 50% 42%/cover no-repeat;
  opacity:.15;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(#000 0 0);
  mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);
  filter:saturate(.85) contrast(1.05);
  animation:ff-fork-drift 28s ease-in-out infinite alternate
}
.viz-fork-pane{
  position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:8px;
  padding:28px 22px;min-height:168px
}
.viz-fork-pane span{
  font-size:11px;letter-spacing:.18em;text-transform:lowercase
}
.viz-fork-capture{
  background:linear-gradient(90deg,rgba(42,10,10,.55),rgba(20,8,8,.22) 70%,transparent);
  box-shadow:inset 0 0 0 1px rgba(140,36,32,.28)
}
.viz-fork-capture span{color:#d8b4ae}
.viz-fork-agency{
  background:linear-gradient(270deg,rgba(40,30,12,.42),rgba(20,16,8,.12) 70%,transparent);
  box-shadow:inset 0 0 0 1px rgba(184,137,63,.28)
}
.viz-fork-agency span{color:var(--gold2)}
.viz-fork::after{
  content:"";position:absolute;left:50%;top:14%;bottom:14%;width:1px;z-index:2;
  background:linear-gradient(180deg,transparent,var(--gold),transparent);opacity:.7
}

/* 2 BLINDNESS drawers — wrap existing p; 4+3 desktop */
.viz-drawers{
  position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 10px;
  margin:18px 0 10px;padding:14px 0 28px;
  background:url("/assets/diag-blindness-drawers.webp") 50% 40%/140% auto no-repeat;
  background-blend-mode:soft-light
}
.viz-drawers::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:rgba(7,8,8,.78)
}
.viz-drawers > p{
  position:relative;z-index:1;flex:0 1 calc(25% - 10px);margin:0!important;padding:16px 10px 18px;
  min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center;
  color:#eee4d7;font-size:15px;line-height:1.28;
  background:linear-gradient(180deg,rgba(18,16,14,.92),rgba(10,10,10,.96));
  box-shadow:inset 0 0 0 1px rgba(184,137,63,.34),0 8px 18px rgba(0,0,0,.28);
  --doc-before:0!important;--doc-after:0!important
}
.viz-drawers-filaments{
  position:absolute;left:6%;right:6%;top:38%;height:34%;z-index:0;pointer-events:none;
  overflow:visible
}
.viz-drawers-filaments path{
  fill:none;stroke:rgba(184,137,63,.55);stroke-width:1.1
}
@keyframes ff-filament{from{opacity:.35}to{opacity:.8}}
.viz-drawers-filaments{animation:ff-filament 4.8s ease-in-out infinite alternate}

/* keep permitted / forbidden as they were */
.opening-punch > p:nth-of-type(1),
.opening-punch > p:nth-of-type(2){color:#eee4d7;font-size:28px;line-height:1.22;font-weight:600}

/* 3 CONDITION closed-loop — small, no invented essay labels */
.viz-loop{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:0;
  padding:18px 8px 10px;overflow:hidden
}
.viz-loop-motif{
  position:absolute;inset:-20% 10%;z-index:0;pointer-events:none;
  background:url("/assets/diag-condition-loop.webp") 50% 18%/cover no-repeat;
  opacity:.1;
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 0 40%,transparent 72%);
  mask-image:radial-gradient(ellipse at 50% 30%,#000 0 40%,transparent 72%)
}
.viz-loop-row{
  position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%
}
.viz-loop-node{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:52px;padding:8px 8px;
  color:var(--gold2);font-size:10px;letter-spacing:.08em;line-height:1.25;
  box-shadow:inset 0 0 0 1px rgba(184,137,63,.7);
  background:rgba(10,10,10,.55)
}
.viz-loop-funnel{
  position:relative;z-index:1;width:72%;height:36px;margin-top:2px;
  background:
    linear-gradient(165deg,transparent 48%,rgba(184,137,63,.7) 48.6%,rgba(184,137,63,.7) 51.4%,transparent 52%) left/50% 100% no-repeat,
    linear-gradient(-165deg,transparent 48%,rgba(184,137,63,.7) 48.6%,rgba(184,137,63,.7) 51.4%,transparent 52%) right/50% 100% no-repeat,
    linear-gradient(#b8893f,#b8893f) 50% 100%/1px 14px no-repeat
}
.viz-loop-sink{
  position:relative;z-index:1;width:18px;height:18px;margin-top:2px;border-radius:50%;
  box-shadow:inset 0 0 0 1px var(--gold),0 0 14px rgba(184,137,63,.35);
  background:radial-gradient(circle at 40% 35%,#d8ad61,transparent 62%),#0a0a0a
}

/* 4 CAPABILITY circular loop — the one large centerpiece */
.systems-strip.viz-capacity{color:var(--gold2)}
.systems-strip.viz-capacity::after{display:none}
.viz-capacity{
  position:relative;display:block;width:100%;max-width:640px;height:560px;margin:20px auto 8px;
  background:none;
}
.viz-capacity::before{
  content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(7,8,8,.42) 0 36%,rgba(7,8,8,.88) 68%,var(--bg) 100%)
}
.viz-capacity-halo{
  position:absolute;left:50%;top:50%;width:78%;height:78%;transform:translate(-50%,-50%);
  border-radius:50%;box-shadow:inset 0 0 0 1px rgba(184,137,63,.38);
  animation:ff-halo 7s ease-in-out infinite alternate
}
.viz-capacity-halo::after{
  content:"";position:absolute;inset:11%;border-radius:50%;
  box-shadow:inset 0 0 0 1px rgba(184,137,63,.16)
}
.viz-capacity-center{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  width:38%;text-align:center;color:var(--gold2);
  font-family:var(--serif);font-size:20px;line-height:1.2;letter-spacing:.02em
}
.viz-capacity-lead,.viz-capacity-sep{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)
}
.loop-n{
  position:absolute;left:50%;top:50%;z-index:2;margin:0;
  width:110px;margin-left:-55px;margin-top:-10px;text-align:center;
  color:#eee7dc;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:lowercase;
  transform:rotate(calc(var(--i)*51.428deg)) translateY(-214px) rotate(calc(var(--i)*-51.428deg))
}
.loop-n::after{
  content:"";position:absolute;left:50%;top:22px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;
  background:var(--gold2);box-shadow:0 0 8px rgba(216,173,97,.7)
}

@keyframes ff-fork-drift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.06) translateY(-2%)}}
@keyframes ff-halo{from{opacity:.7}to{opacity:1}}

@media(max-width:760px){
  .viz-fork{grid-template-columns:1fr;min-height:0}
  .viz-fork-pane{min-height:88px;padding:18px 16px;flex-direction:row;flex-wrap:wrap;gap:10px 18px}
  .viz-fork::after{left:12%;right:12%;top:auto;bottom:50%;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
  .viz-drawers > p{flex:0 1 calc(50% - 10px);min-height:70px;font-size:15px}
  .viz-loop-node{font-size:9px;min-height:46px;padding:6px}
  .viz-capacity{height:420px;max-width:100%}
  .loop-n{width:96px;margin-left:-48px;font-size:11px;transform:rotate(calc(var(--i)*51.428deg)) translateY(-158px) rotate(calc(var(--i)*-51.428deg))}
  .viz-capacity-center{font-size:17px;width:44%}
  .opening-punch > p:nth-of-type(1),
  .opening-punch > p:nth-of-type(2){font-size:24px}
}
@media(max-width:480px){
  .viz-drawers > p{flex:1 1 100%}
  .viz-loop-row{gap:6px}
  .viz-capacity{height:360px}
  .loop-n{transform:rotate(calc(var(--i)*51.428deg)) translateY(-136px) rotate(calc(var(--i)*-51.428deg));font-size:10px}
}

@media(prefers-reduced-motion:reduce){
  .viz-fork-bg,.viz-drawers-filaments,.viz-capacity-halo{animation:none}
}

/* front10 cinematography — copy locked; no second TOC; no grant rewrite */
.top-nav > a,
.nav-menu > summary{
  color:rgba(255,255,255,.55);
  text-decoration:none;
  box-shadow:none;
  transition:color .18s ease, box-shadow .18s ease, border-color .18s ease
}
.top-nav > a:hover,
.nav-menu > summary:hover{color:#f3eee6}
.home-page .top-nav > a[href="/"],
.mood-blindness .top-nav > a[href="/paradigm-blindness/"],
.mood-condition .top-nav > a[href="/missing-condition/"],
.mood-good-news .top-nav > a[href="/the-good-news/"],
.mood-capability .top-nav > a[href="/missing-capability/"],
.run-test-page .top-nav > a[href="/run-the-test/"],
.fe-page .top-nav > a[href="/first-experiment/"]{
  color:var(--gold2);
  box-shadow:inset 0 -1px 0 var(--gold)
}
.nav-menu > summary{
  color:rgba(255,255,255,.55);
  box-shadow:none
}
.nav-menu > summary:hover{color:#f3eee6}

/* kill following/framing image rails + any X / mark watermark */
.mood-blindness .ghost-rail,
.mood-condition .ghost-rail,
.mood-capability .ghost-rail{
  display:none!important;
  background:none!important;
  min-height:0!important;
  opacity:0!important
}
.home-page .ghost-rail{
  background:none!important;
  background-image:none!important;
  filter:none!important;
  opacity:1;
  color:transparent;
  overflow:hidden
}
.home-page .ghost-rail::before,
.home-page .ghost-rail::after{content:none}

/* HOME right void — atmosphere only, desktop */
.home-page .home-main{
  --atm-field:#07080a;
  --atm-navy:rgba(6,14,32,.55);
  --atm-haze:rgba(184,137,63,.02);
  --atm-haze2:rgba(56,96,160,.03);
  --atm-grid:transparent;
  --atm-frac:transparent;
  --atm-signal:transparent;
  --atm-glow:transparent;
  --atm-star:.2;
  background:var(--atm-field);
  transition:background .4s ease
}
.home-page .home-main[data-stage="purpose"]{--atm-field:#070808;--atm-navy:transparent;--atm-haze:transparent;--atm-haze2:transparent;--atm-grid:transparent;--atm-frac:transparent;--atm-signal:transparent;--atm-glow:transparent;--atm-star:.12}
.home-page .home-main[data-stage="problem"]{--atm-field:#070808;--atm-navy:transparent;--atm-haze:transparent;--atm-haze2:transparent;--atm-grid:rgba(184,137,63,.02);--atm-frac:transparent;--atm-signal:transparent;--atm-glow:transparent;--atm-star:.1}
.home-page .home-main[data-stage="monsters"]{--atm-field:#050606;--atm-navy:transparent;--atm-haze:transparent;--atm-haze2:transparent;--atm-grid:transparent;--atm-frac:rgba(184,137,63,.04);--atm-signal:transparent;--atm-glow:transparent;--atm-star:.08}
.home-page .home-main[data-stage="why-now"]{--atm-field:#070808;--atm-navy:transparent;--atm-haze:transparent;--atm-haze2:transparent;--atm-grid:transparent;--atm-frac:transparent;--atm-signal:rgba(184,137,63,.04);--atm-glow:transparent;--atm-star:.12}
.home-page .home-main[data-stage="stakes"]{--atm-field:#050505;--atm-navy:transparent;--atm-haze:transparent;--atm-haze2:transparent;--atm-grid:transparent;--atm-frac:transparent;--atm-signal:transparent;--atm-glow:transparent;--atm-star:.06}
.home-page .home-main[data-stage="fork"]{--atm-field:#070808;--atm-navy:transparent;--atm-haze:transparent;--atm-haze2:transparent;--atm-grid:transparent;--atm-frac:transparent;--atm-signal:transparent;--atm-glow:transparent;--atm-star:.1}

@media(min-width:1100px){
  .home-page .ghost-rail{
    display:block;
    position:sticky;
    top:82px;
    min-height:calc(100vh - 82px);
    pointer-events:none;
    isolation:isolate
  }
  .home-page .ghost-rail::before{
    content:"";
    position:absolute;
    inset:0 -8% 0 -18%;
    pointer-events:none;
    background:
      radial-gradient(ellipse at 100% 42%, var(--atm-navy), transparent 72%),
      radial-gradient(ellipse at 92% 18%, var(--atm-haze2), transparent 38%),
      radial-gradient(ellipse at 78% 70%, var(--atm-haze), transparent 34%),
      radial-gradient(ellipse at 88% 58%, var(--atm-glow), transparent 42%),
      repeating-linear-gradient(0deg, transparent 0 46px, var(--atm-grid) 46px, var(--atm-grid) 47px, transparent 47px),
      repeating-linear-gradient(90deg, transparent 0 52px, var(--atm-grid) 52px, var(--atm-grid) 53px, transparent 53px),
      linear-gradient(128deg, transparent 0 41%, var(--atm-frac) 41.15%, var(--atm-frac) 41.28%, transparent 41.5%),
      linear-gradient(18deg, transparent 0 58%, var(--atm-frac) 58.1%, var(--atm-frac) 58.22%, transparent 58.4%),
      linear-gradient(72deg, transparent 0 36%, var(--atm-signal) 36.1%, var(--atm-signal) 36.22%, transparent 36.4%),
      linear-gradient(164deg, transparent 0 62%, var(--atm-signal) 62.08%, var(--atm-signal) 62.18%, transparent 62.35%),
      linear-gradient(48deg, transparent 0 44%, rgba(184,137,63,.035) 44.08%, rgba(184,137,63,.035) 44.16%, transparent 44.3%),
      linear-gradient(112deg, transparent 0 67%, transparent 67.08%, transparent 67.16%, transparent 67.3%),
      radial-gradient(circle at 22% 18%, rgba(255,255,255,.32) 0 .35px, transparent .7px),
      radial-gradient(circle at 61% 11%, rgba(255,255,255,.22) 0 .3px, transparent .65px),
      radial-gradient(circle at 81% 27%, rgba(255,255,255,.28) 0 .35px, transparent .7px),
      radial-gradient(circle at 39% 41%, rgba(255,255,255,.12) 0 .3px, transparent .65px),
      radial-gradient(circle at 73% 49%, rgba(255,255,255,.18) 0 .28px, transparent .6px),
      radial-gradient(circle at 14% 63%, rgba(255,255,255,.16) 0 .28px, transparent .6px),
      radial-gradient(circle at 88% 71%, rgba(255,255,255,.12) 0 .3px, transparent .65px),
      radial-gradient(circle at 52% 78%, rgba(255,255,255,.14) 0 .26px, transparent .55px),
      radial-gradient(circle at 31% 88%, rgba(255,255,255,.12) 0 .26px, transparent .55px),
      radial-gradient(circle at 67% 34%, rgba(216,173,97,.22) 0 1.1px, transparent 2.2px),
      radial-gradient(circle at 84% 62%, rgba(216,173,97,.12) 0 1px, transparent 2.1px),
      radial-gradient(circle at 46% 22%, rgba(255,255,255,.2) 0 .85px, transparent 1.8px),
      radial-gradient(circle at 76% 86%, rgba(184,137,63,.16) 0 .9px, transparent 1.9px);
    opacity:var(--atm-star);
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, transparent 8%, #000 46%, #000 100%);
    mask-image:linear-gradient(90deg, transparent 0%, transparent 8%, #000 46%, #000 100%);
    transition:opacity .4s ease, background .4s ease
  }
}
@media(max-width:1099px){
  .home-page .ghost-rail{display:none!important;background:none!important}
}

/* left-rail scroll-spy + optional 01–06 */
.home-page .briefing-rail{counter-reset:ffch}
.home-page .briefing-rail a[href^="#"]{
  position:relative;
  opacity:.35;
  color:#c4bbb0;
  transition:opacity .18s ease, color .18s ease
}
.home-page .briefing-rail a[href^="#"]::before{
  counter-increment:ffch;
  content:counter(ffch, decimal-leading-zero);
  display:inline-block;
  min-width:1.6em;
  margin-right:.45em;
  font-size:8px;
  letter-spacing:.08em;
  opacity:.7
}
.home-page .briefing-rail a[href^="#"].is-current{
  opacity:1;
  color:#f3eee6
}
.home-page .briefing-rail a[href^="#"].is-current::after{
  content:"";
  position:absolute;
  left:-12px;
  top:.45em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--gold2)
}
.home-page .briefing-rail a[href="/paradigm-blindness/"]{opacity:1}

/* home h2 hairline 48px — one grammar */
.home-page .briefing-article h2::after{
  width:48px;
  height:1px;
  margin-top:16px;
  background:var(--gold)
}

/* reveal isolation; extra air on last-mistake line */
.home-page .reveal-line{
  margin-top:40px!important;
  margin-bottom:40px!important
}
.home-page .reveal-line.load-bearing{
  margin-top:48px!important;
  margin-bottom:48px!important
}

/* CONDITION: one larger centered native loop */
.viz-loop{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  max-width:none;
  margin:48px 0 52px;
  padding:48px 12px 52px;
  border-top:1px solid var(--gold);
  border-bottom:1px solid var(--gold);
  float:none;
  shape-outside:none
}
.viz-loop-motif{
  opacity:.08;
  -webkit-mask-image:radial-gradient(ellipse at 50% 28%,#000 0 36%,transparent 68%);
  mask-image:radial-gradient(ellipse at 50% 28%,#000 0 36%,transparent 68%)
}
.viz-loop-row{gap:16px}
.viz-loop-node{
  min-height:76px;
  padding:14px 10px;
  font-size:12px;
  letter-spacing:.1em
}
.viz-loop-funnel{width:58%;height:52px;margin-top:10px}
.viz-loop-sink{width:22px;height:22px;margin-top:8px}

/* CAPABILITY: shared briefing field, no landing-page / clip / X arms */
body.mood-capability{
  background:var(--bg);
  color:var(--copy)
}
.mood-capability .briefing-article{color:var(--copy)}
.mood-capability .briefing-article>.document-title{color:#eee7dc}
.mood-capability .briefing-article h2{color:#e8e0d5}
.mood-capability .clear-gate{
  background:transparent;
  border-top:1px solid var(--thread)
}
.viz-capacity{
  display:block;
  float:none;
  width:100%;
  max-width:none;
  height:520px;
  margin:36px auto 28px;
  background-size:72% auto;
  background-position:50% 48%;
  overflow:visible
}
.viz-capacity::before{
  background:radial-gradient(circle at 50% 50%,rgba(7,8,8,.28) 0 34%,rgba(7,8,8,.82) 70%,var(--bg) 100%)
}
.viz-capacity-halo{
  box-shadow:inset 0 0 0 1px rgba(184,137,63,.32)
}
.viz-capacity-halo::after{box-shadow:inset 0 0 0 1px rgba(184,137,63,.12)}
.loop-n::after{box-shadow:none}

@media(max-width:760px){
  .viz-loop{margin:36px 0;padding:36px 4px 40px}
  .viz-loop-node{min-height:58px;font-size:10px}
  .viz-capacity{height:400px}
  .home-page .briefing-rail a[href^="#"].is-current::after{left:-2px}
}

@media(prefers-reduced-motion:reduce){
  .home-page .home-main,
  .home-page .ghost-rail::before,
  .top-nav > a,
  .nav-menu > summary,
  .home-page .briefing-rail a[href^="#"]{
    transition:none
  }
}


/* front11: no poster under the ring; no framing X rail */
.briefing-shell > .ghost-rail{display:none!important;background:none!important;width:0!important;min-height:0!important;opacity:0!important}
.viz-capacity,
.systems-strip.viz-capacity{
  background:none!important;
  background-image:none!important
}
.viz-capacity::before{background:none!important}


/* front12 compositing: no blue page field; diagrams sit on charcoal */
.home-page .home-main{background:#070808}
.home-page .viz-fork{background:#070808}
.viz-fork-bg{mix-blend-mode:normal!important;filter:none!important;opacity:.22}
.viz-capacity,.viz-loop,.viz-drawers{mix-blend-mode:normal!important}


/* front13: home is flat charcoal. No atmosphere rail, no stage lighting. */
.home-page .home-main,
.home-page .home-main[data-stage],
.home-page .home-main[data-stage="purpose"],
.home-page .home-main[data-stage="problem"],
.home-page .home-main[data-stage="monsters"],
.home-page .home-main[data-stage="why-now"],
.home-page .home-main[data-stage="stakes"],
.home-page .home-main[data-stage="fork"]{
  background:#070808!important;
  --atm-navy:transparent;
  --atm-haze:transparent;
  --atm-haze2:transparent;
  --atm-grid:transparent;
  --atm-frac:transparent;
  --atm-signal:transparent;
  --atm-glow:transparent;
  --atm-star:0;
}
.home-page .ghost-rail,
.home-page .briefing-shell > .ghost-rail{
  display:none!important;
  background:none!important;
  width:0!important;
  min-height:0!important;
  opacity:0!important;
}
.home-page .ghost-rail::before,
.home-page .ghost-rail::after{
  content:none!important;
  display:none!important;
  background:none!important;
}


/* front14: Condition lag graph — native, no poster crop */
.viz-lag{
  display:block;
  width:100%;
  margin:10px 0 40px;
  padding:8px 0 4px;
  background:transparent;
}
.viz-lag-svg{display:block;width:100%;height:auto}
.lag-axis{fill:none;stroke:rgba(184,137,63,.28);stroke-width:1}
.lag-axis-label{
  fill:#8a8378;
  font-family:var(--sans);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:lowercase;
}
.lag-reality{fill:none;stroke:#d8ad61;stroke-width:1.8}
.lag-belief{fill:none;stroke:rgba(216,173,97,.55);stroke-width:1.5}
.lag-behavior{fill:none;stroke:#b24a42;stroke-width:1.8}
.lag-threshold{stroke:#b24a42;stroke-width:1;stroke-dasharray:3 4;opacity:.85}
.lag-hit{fill:#d8ad61}
.lag-hit-ring{fill:none;stroke:#b24a42;stroke-width:1;opacity:.7}
.lag-name{
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:lowercase;
}
.lag-reality-name{fill:#d8ad61}
.lag-belief-name{fill:rgba(216,173,97,.7)}
.lag-behavior-name{fill:#c46a62}
.lag-unavoidable{
  fill:#b24a42;
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:lowercase;
}
@media(max-width:760px){
  .lag-name,.lag-unavoidable,.lag-axis-label{font-size:9px}
}


/* front15: Run the Test download page */
.run-test-page .briefing-shell,
.run-test-shell{
  grid-template-columns:minmax(0,var(--read));
  justify-content:center;
}
.run-test-article{padding-top:28px}
.run-test-steps{
  margin:28px 0 24px;
  padding:0 0 0 1.2em;
  max-width:var(--read);
  color:#c9c0b4;
  font-size:20px;
  line-height:1.6;
}
.run-test-steps li{margin:0 0 8px}
.clear-form{
  margin:36px 0 12px;
  max-width:28rem;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.clear-form label{
  color:var(--gold);
  font-family:var(--sans);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.clear-form input{
  width:100%;
  box-sizing:border-box;
  padding:12px 14px;
  background:#0c0c0c;
  border:1px solid rgba(184,137,63,.35);
  color:#eee7dc;
  font-size:16px;
}
.clear-form input:focus{outline:1px solid var(--gold);border-color:var(--gold)}
.clear-form .cta-fill{
  border:0;
  cursor:pointer;
  width:fit-content;
}
.clear-form-err{color:#c46a62;font-size:15px;margin:0}


/* front16: TEST stays in the bar; no dead future menu items */
@media(max-width:760px){
  .top-nav>a.nav-test{display:inline-flex!important}
}

/* front18: Correction Loop between Purpose and Problem */
.home-open.home-correction{
  display:block;width:100%;max-width:none;
  margin:10px 0 6px;padding:0
}
.home-open.home-correction img{
  display:block;width:100%;height:auto;
  max-width:none
}

/* case labels (Nazi Germany, Immediate Destruction, CLEAR, …)
   were using the page-kicker subtitle, which leaves 64px under the name */
.briefing-article > h3.document-subtitle ~ h3.document-subtitle{
  margin:32px 0 6px;
  padding:0;
  animation:none
}
.briefing-article > h3.document-subtitle ~ h3.document-subtitle + p{
  margin-top:4px
}

/* Blindness: cropped yield plate in the reading column */
.briefing-article .viz-yield{
  display:block;width:100%;margin:10px 0 18px;padding:0
}
.briefing-article .viz-yield img{
  display:block;width:100%;height:auto
}

/* briefing stacks that should read as lists */
.briefing-article ul.doc-list{
  margin:2px 0 16px;
  padding:0 0 0 1.15em;
  list-style:none
}
.briefing-article ul.doc-list li{
  position:relative;
  margin:0 0 5px;
  padding:0;
  color:#d8d0c4;
  font-size:20px;
  line-height:1.55
}
.briefing-article ul.doc-list li::before{
  content:"";
  position:absolute;
  left:-1.05em;
  top:.62em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--gold)
}
@media(max-width:760px){
  .briefing-article ul.doc-list li{font-size:18px}
}


/* front24: The Good News — namespaced; other briefing moods untouched */
.nav-drawer a:nth-child(-n+6){color:#c4bbb0;letter-spacing:.12em}

body.mood-good-news{
  background:
    radial-gradient(ellipse at 50% 0%, rgba(184,137,63,.08), transparent 34rem),
    radial-gradient(ellipse at 72% 100%, rgba(216,173,97,.09), transparent 46rem),
    radial-gradient(ellipse at 18% 88%, rgba(184,137,63,.05), transparent 28rem),
    #090807;
  color:#cfc6b8
}
.mood-good-news .briefing-article{color:#cfc6b8}
.mood-good-news .briefing-article > .document-title{
  color:#f3eadc;
  font-size:clamp(40px,5.4vw,76px);
  margin:10px 0 28px
}
.mood-good-news .briefing-article p{color:#cfc6b8}
.mood-good-news .briefing-article .impact-line,
.mood-good-news .briefing-article .impact-line strong{
  color:#f0e8da
}
.mood-good-news .ghost-rail{
  display:none!important;
  background:none!important;
  min-height:0!important;
  opacity:0!important
}

.mood-good-news .gn-kicker{
  margin:0 0 18px;
  color:var(--gold2);
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:.22em;
  font-weight:600
}
.mood-good-news .gn-hero{margin:0 0 28px;padding:0 0 12px}
.mood-good-news .gn-hero .short-line{
  margin-top:8px;
  color:var(--gold2);
  font-size:22px
}
.mood-good-news .gn-hero .short-line strong{color:var(--gold2)}

.mood-good-news .gn-card{
  margin:88px 0 0;
  padding:44px 32px 48px;
  border:1px solid var(--thread);
  background:rgba(14,12,9,.28)
}
.mood-good-news .gn-strip{
  margin:88px 0 0;
  padding:40px 4px 36px;
  border-top:1px solid var(--thread);
  border-bottom:1px solid var(--thread);
  max-width:100%
}
.mood-good-news .gn-safeguard{background:rgba(184,137,63,.035)}
.mood-good-news .gn-cta{margin:96px 0 0;padding:12px 0 0}

.mood-good-news .gn-card > h2,
.mood-good-news .gn-strip > h2,
.mood-good-news .gn-cta > h2{
  scroll-margin-top:28px;
  margin:0 0 28px;
  padding:0;
  color:var(--gold2);
  font-family:var(--sans);
  font-size:12px;
  line-height:1.4;
  letter-spacing:.18em;
  font-weight:600
}
.mood-good-news .gn-card > h2::after,
.mood-good-news .gn-strip > h2::after,
.mood-good-news .gn-cta > h2::after{
  content:none;display:none;width:0;height:0;margin:0;background:none
}
.mood-good-news .gn-cta > h2{
  font-family:var(--serif);
  font-size:28px;
  letter-spacing:.02em;
  color:#f0e8da;
  line-height:1.28;
  font-weight:500;
  margin-bottom:22px
}

/* One large idea per section — original display scale */
.mood-good-news .briefing-article .gn-turn,
.mood-good-news .briefing-article .gn-turn strong{
  font-size:clamp(24px,3.1vw,34px);
  line-height:1.22;
  color:#f3eadc
}
/* Support declarations: same voice, one step quieter */
.mood-good-news .gn-principle,
.mood-good-news .gn-principle strong{
  margin:16px 0;
  color:#e8dfd2;
  font-family:var(--serif);
  font-size:clamp(20px,2.3vw,26px);
  line-height:1.32;
  font-weight:400
}
.mood-good-news .gn-field,
.mood-good-news .gn-field strong{
  margin:14px 0 22px;
  color:#eee7dc;
  font-family:var(--serif);
  font-size:clamp(23px,2.5vw,28px);
  line-height:1.32;
  font-weight:400
}
.mood-good-news .gn-step{
  margin:0 0 6px;
  color:#eee7dc;
  font-family:var(--serif);
  font-size:22px;
  line-height:1.3
}

.mood-good-news .gn-lede{
  margin-bottom:28px;
  color:#bdb3a6;
  font-size:18px
}
.mood-good-news .gn-label{
  margin:28px 0 10px;
  color:var(--gold2);
  font-family:var(--sans);
  font-size:11px;
  line-height:1.4;
  letter-spacing:.16em;
  font-weight:600
}
.mood-good-news .gn-disclaimer,
.mood-good-news .gn-disclaimer small{
  display:block;
  margin:32px 0 0;
  color:var(--muted);
  font-family:var(--sans);
  font-size:13px;
  line-height:1.5;
  font-weight:400
}

.mood-good-news .gn-ppc,
.mood-good-news .gn-pair{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:22px 20px;
  margin:28px 0 36px
}
.mood-good-news .gn-pair{grid-template-columns:1fr 1fr}
.mood-good-news .gn-ppc > div,
.mood-good-news .gn-pair > div{
  padding:14px 0 4px;
  border-top:1px solid var(--line)
}
.mood-good-news .gn-ppc .gn-label,
.mood-good-news .gn-pair .gn-label{margin-top:10px}

.mood-good-news .gn-nine{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:8px 0 36px
}
.mood-good-news .gn-nine-row-label{
  grid-column:1 / -1;
  margin:18px 0 2px;
  color:var(--gold);
  font-family:var(--sans);
  font-size:10px;
  letter-spacing:.18em;
  font-weight:600
}
.mood-good-news .gn-nine-row-label:first-child{margin-top:0}
.mood-good-news .gn-nine-cell{
  padding:16px 14px 18px;
  border:1px solid var(--line);
  background:rgba(8,8,7,.35)
}
.mood-good-news .gn-nine-cell .gn-n{
  display:block;
  margin-bottom:6px;
  color:var(--gold);
  font-family:var(--sans);
  font-size:10px;
  letter-spacing:.16em
}
.mood-good-news .gn-nine-cell strong{
  display:inline;
  color:#eee7dc;
  font-size:14px;
  letter-spacing:.08em;
  font-weight:600
}
.mood-good-news .gn-nine-cell span:not(.gn-n){
  display:inline;
  color:#c4bbb0;
  font-size:15px;
  line-height:1.4
}

.mood-good-news .gn-seq{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px 10px;
  margin:18px 0 16px;
  color:var(--gold2);
  font-size:20px;
  letter-spacing:.04em
}
.mood-good-news .gn-seq .gn-sep{color:var(--gold);opacity:.75}

.mood-good-news .gn-stack{
  list-style:none;
  margin:32px 0 36px;
  padding:0
}
.mood-good-news .gn-stack > li{
  position:relative;
  margin:0;
  padding:16px 0 18px 28px;
  color:var(--gold2);
  font-size:22px;
  letter-spacing:.05em;
  border-left:1px solid var(--thread)
}
.mood-good-news .gn-stack > li:last-child{padding-bottom:6px}
.mood-good-news .gn-stack > li::before{
  content:"";
  position:absolute;
  left:-3.5px;
  top:26px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 8px rgba(216,173,97,.45)
}
.mood-good-news .gn-moves > li{
  font-size:inherit;
  letter-spacing:normal;
  color:inherit;
  padding:8px 0 22px 28px
}
.mood-good-news .gn-moves > li p:last-child{margin-bottom:0}

.mood-good-news .gn-place{
  margin:8px 0 12px;
  padding:22px 0 8px;
  border-top:1px solid var(--line)
}
.mood-good-news .gn-place:first-of-type{border-top:0;padding-top:4px}
.mood-good-news .gn-place .gn-label{margin-top:0}

/* Bottom — one visual field, not four manifestos */
.mood-good-news .gn-build{
  margin:4px 0 14px;
  color:#eee7dc;
  font-family:var(--serif);
  font-size:clamp(28px,3vw,34px);
  line-height:1.2;
  font-weight:400
}
.mood-good-news .gn-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 28px;
  list-style:none;
  margin:4px 0 22px;
  padding:0
}
.mood-good-news .gn-grid-2 li{
  margin:0;
  padding:6px 0;
  color:#cfc6b8;
  font-size:18px;
  line-height:1.35;
  border-bottom:1px solid var(--softline)
}
.mood-good-news .gn-outcomes{
  margin:4px 0;
  color:#f0e8da;
  font-family:var(--serif);
  font-size:clamp(23px,2.6vw,28px);
  line-height:1.35;
  letter-spacing:.04em
}
.mood-good-news .gn-outcomes .gn-dot{
  margin:0 .55em;
  color:var(--gold);
  opacity:.85
}
.mood-good-news .gn-quiet-gold{
  margin:16px 0 4px;
  color:#c99a45;
  font-family:var(--serif);
  font-size:19px;
  line-height:1.45
}
.mood-good-news .gn-whisper{
  margin:28px 0 8px;
  padding-top:20px;
  border-top:1px solid var(--line);
  color:#9a8f7e;
  font-family:var(--serif);
  font-size:18px;
  line-height:1.45
}
.mood-good-news .gn-awaken{
  margin:0;
  color:#e6dcc8;
  font-family:var(--serif);
  font-size:clamp(22px,2.4vw,26px);
  line-height:1.3
}

.mood-good-news a.gold-link{
  color:var(--gold2);
  font-family:var(--sans);
  font-size:12px;
  letter-spacing:.12em;
  text-decoration:none
}
.mood-good-news a.gold-link:hover{color:var(--gold)}
.mood-good-news .gn-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin:28px 0 18px
}
.mood-good-news .gn-close{
  margin-top:56px;
  padding-top:28px;
  border-top:1px solid var(--thread)
}
.mood-good-news .gn-close .gn-turn,
.mood-good-news .gn-close .gn-turn strong{
  color:var(--gold2);
  font-size:clamp(28px,4.2vw,46px);
  letter-spacing:.03em
}

@media(max-width:760px){
  .mood-good-news .gn-card{margin-top:64px;padding:28px 18px 32px}
  .mood-good-news .gn-strip{margin-top:64px;padding:28px 0}
  .mood-good-news .gn-ppc,
  .mood-good-news .gn-pair,
  .mood-good-news .gn-nine,
  .mood-good-news .gn-grid-2{grid-template-columns:1fr}
  .mood-good-news .briefing-article .gn-turn,
  .mood-good-news .briefing-article .gn-turn strong{font-size:24px}
  .mood-good-news .gn-cta-row{flex-direction:column;align-items:flex-start}
  .mood-good-news .gn-cta > h2{font-size:24px}
}

/* ===== front27: Flow Forge homepage (.ff-home) — Cinzel mapped to Cormorant Garamond; no Google Fonts ===== */
.ff-home{
    --ff-bg:#060707;
    --ff-bg2:#090a0a;
    --ff-bg3:#0d0e0e;
    --ff-cream:#ece4d9;
    --ff-copy:#beb6ac;
    --ff-soft:#9f978d;
    --ff-muted:#746d64;
    --ff-gold:#b8893f;
    --ff-gold2:#d2a75e;
    --ff-gold3:#eccd8f;
    --ff-line:rgba(184,137,63,.23);
    --ff-line-soft:rgba(184,137,63,.11);
    --ff-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
    --ff-display:"Cormorant Garamond",Georgia,"Times New Roman",serif; /* mapped from Cinzel — site self-hosts Cormorant only */
    --ff-sans:"Inter",Arial,sans-serif;
    background:var(--ff-bg);
    color:var(--ff-copy);
    overflow:hidden;
  }
  .ff-home, .ff-home *{box-sizing:border-box}
  .ff-home a{color:inherit}
  .ff-home .ff-wrap{width:min(1180px,calc(100% - 72px));margin-inline:auto}
  .ff-home .ff-read{width:min(790px,100%);margin-inline:auto}

  /* HERO */
  .ff-home .ff-hero{
    position:relative;
    isolation:isolate;
    padding: 48px 0 28px;
    text-align:center;
    background:
      radial-gradient(circle at 50% 120%,rgba(184,137,63,.13),transparent 34rem),
      radial-gradient(circle at 83% 22%,rgba(184,137,63,.055),transparent 23rem),
      linear-gradient(180deg,#060707 0%,#080909 100%);
  }
  .ff-home .ff-hero:before{
    content:"";position:absolute;inset:0;z-index:-1;opacity:.36;pointer-events:none;
    background-image:
      linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.011) 1px,transparent 1px);
    background-size:120px 120px;
    mask-image:linear-gradient(to bottom,#000,transparent 88%);
  }
  .ff-home .ff-brand-kicker{
    margin:0 0 16px;
    color:var(--ff-gold2);
    font:500 12px/1 var(--ff-display);
    letter-spacing:.24em;
    text-transform:uppercase;
  }
  .ff-home .ff-hero h1{
    margin:0;
    color:#f1e9df;
    font:400 clamp(58px,7.2vw,104px)/.92 var(--ff-display);
    letter-spacing:.055em;
    text-transform:uppercase;
    text-wrap:balance;
  }
  .ff-home .ff-hero-sub{
    margin:25px 0 0;
    color:var(--ff-gold2);
    font:500 clamp(18px,2vw,25px)/1.25 var(--ff-serif);
    letter-spacing:.04em;
    text-transform:uppercase;
  }
  .ff-home .ff-rule{
    width:min(530px,68vw);height:1px;margin:30px auto 0;
    background:linear-gradient(90deg,transparent,var(--ff-gold),transparent);
    position:relative;
  }
  .ff-home .ff-rule:after{
    content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;
    margin-left:-4px;border:1px solid var(--ff-gold);background:#080909;transform:rotate(45deg);
  }

  /* SMALL STICKY PAGE NAV */
  .ff-home .ff-page-nav{
    position:sticky;top:82px;z-index:15;
    border-top:1px solid var(--ff-line-soft);
    border-bottom:1px solid var(--ff-line-soft);
    background:rgba(6,7,7,.88);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .ff-home .ff-page-nav .ff-wrap{
    min-height:48px;display:flex;align-items:center;justify-content:center;gap:27px;overflow-x:auto;
    scrollbar-width:none;
  }
  .ff-home .ff-page-nav .ff-wrap::-webkit-scrollbar{display:none}
  .ff-home .ff-page-nav a{
    flex:0 0 auto;text-decoration:none;color:#857d73;
    font:500 9px/1 var(--ff-display);letter-spacing:.16em;text-transform:uppercase;
    transition:.2s ease;
  }
  .ff-home .ff-page-nav a:hover{color:var(--ff-gold3)}

  /* FOUNDATION SECTIONS */
  .ff-home .ff-foundation{
    position:relative;padding: 56px 0;border-bottom:1px solid var(--ff-line-soft);
  }
  .ff-home .ff-foundation.ff-purpose{padding-bottom: 48px;color:var(--ff-gold);
    font:600 10px/1 var(--ff-display);letter-spacing:.22em;text-transform:uppercase;
  }
  .ff-home .ff-foundation h2{
    margin:0 0 35px;color:var(--ff-cream);
    font:400 clamp(42px,5vw,67px)/.98 var(--ff-serif);
    letter-spacing:.02em;text-transform:uppercase;
  }
  .ff-home .ff-foundation p{
    margin:0 0 18px;color:var(--ff-copy);
    font:400 21px/1.62 var(--ff-serif);
  }
  .ff-home .ff-foundation p strong{color:#e4dbcf;font-weight:600}
  .ff-home .ff-purpose-stack{margin:15px 0 30px}
  .ff-home .ff-purpose-stack p{
    margin:0;color:#e5dbce;font-size:clamp(25px,3vw,34px);line-height:1.24;
  }
  .ff-home .ff-foundation .ff-impact{
    margin-top:31px;color:var(--ff-gold2);font-size:27px;line-height:1.4;
  }
  .ff-home .ff-correction-loop{
    margin: 36px auto 0;width:min(1040px,100%);position:relative;
  }
  .ff-home .ff-correction-loop img{
    display:block;width:100%;height:auto;border:1px solid rgba(184,137,63,.11);
    box-shadow:0 35px 90px rgba(0,0,0,.35);
  }

  /* SAFETY / REASSURANCE */
  .ff-home .ff-before{
    padding:96px 0 104px;
    background:
      radial-gradient(circle at 50% 0%,rgba(184,137,63,.055),transparent 28rem),
      #080909;
    border-bottom:1px solid var(--ff-line);
  }
  .ff-home .ff-before h2{
    margin:0 0 34px;color:#e9e1d6;
    font:400 clamp(38px,4.5vw,58px)/1.02 var(--ff-serif);
    text-transform:uppercase;
  }
  .ff-home .ff-before p{margin:0 0 17px;color:#b9b1a7;font:400 20px/1.62 var(--ff-serif)}
  .ff-home .ff-before p strong{color:#e3d8ca;font-weight:600}
  .ff-home .ff-before .ff-before-hit{margin:30px 0;color:var(--ff-gold2);font-size:25px;line-height:1.42}

  /* AT A GLANCE OPEN */
  .ff-home .ff-glance-head{
    position:relative;padding:126px 0 104px;text-align:center;
    background:
      radial-gradient(circle at 50% 105%,rgba(184,137,63,.10),transparent 30rem),
      var(--ff-bg);
  }
  .ff-home .ff-glance-head .ff-kicker{margin-bottom:18px}
  .ff-home .ff-glance-head h2{
    margin:0;color:#f0e8dc;
    font:400 clamp(54px,7.2vw,92px)/.94 var(--ff-display);
    letter-spacing:.045em;text-transform:uppercase;
  }
  .ff-home .ff-glance-head h3{
    margin:25px 0 0;color:var(--ff-gold2);
    font:500 clamp(21px,2.5vw,31px)/1.2 var(--ff-serif);
    letter-spacing:.035em;text-transform:uppercase;
  }

  /* EDITORIAL GLANCE SECTIONS */
  .ff-home .ff-glance{
    position:relative;padding:104px 0 112px;
    border-top:1px solid var(--ff-line-soft);
  }
  .ff-home .ff-glance .ff-index{
    margin:0 0 18px;color:var(--ff-gold);
    font:500 10px/1 var(--ff-display);letter-spacing:.20em;
  }
  .ff-home .ff-glance h2{
    margin:0 0 16px;color:#eee5da;
    font:400 clamp(40px,4.9vw,62px)/.98 var(--ff-serif);
    text-transform:uppercase;letter-spacing:.015em;text-wrap:balance;
  }
  .ff-home .ff-glance h3{
    margin:0 0 38px;color:var(--ff-gold2);
    font:500 clamp(22px,2.5vw,30px)/1.18 var(--ff-serif);
    letter-spacing:.025em;text-transform:uppercase;text-wrap:balance;
  }
  .ff-home .ff-glance p{
    margin:0 0 20px;color:var(--ff-copy);
    font:400 20px/1.68 var(--ff-serif);
  }
  .ff-home .ff-glance p strong{color:#e2d8cb;font-weight:600}
  .ff-home .ff-glance .ff-last{margin-bottom:0}

  /* 02 / 03 subtle pacing changes */
  .ff-home .ff-glance.ff-cool{
    background:linear-gradient(180deg,#060707,#070808);
  }
  .ff-home .ff-equation{
    display:inline-block;margin:2px 0 28px;padding:13px 18px;
    border-top:1px solid var(--ff-line);border-bottom:1px solid var(--ff-line);
    color:var(--ff-gold2)!important;
    font-family:var(--ff-display)!important;font-size:15px!important;
    line-height:1.3!important;letter-spacing:.08em;
  }

  /* 05 THIRD PILLAR — deliberate visual interruption */
  .ff-home .ff-third{
    padding:122px 0 130px;
    background:
      radial-gradient(circle at 50% 42%,rgba(154,92,32,.09),transparent 27rem),
      linear-gradient(180deg,#050505,#090706 48%,#050505);
    border-top:1px solid rgba(210,167,94,.24);
    border-bottom:1px solid rgba(210,167,94,.24);
  }
  .ff-home .ff-third .ff-read{
    padding:50px 54px 54px;
    border:1px solid rgba(184,137,63,.22);
    background:linear-gradient(145deg,rgba(184,137,63,.035),rgba(255,255,255,.008));
    box-shadow:0 45px 120px rgba(0,0,0,.28);
  }
  .ff-home .ff-third .ff-two-forces{
    margin:40px 0 30px;padding:27px 0;
    border-top:1px solid var(--ff-line);border-bottom:1px solid var(--ff-line);
  }
  .ff-home .ff-third .ff-two-forces p{
    margin:0!important;color:#d7c9b8!important;
    font:500 clamp(23px,3vw,34px)/1.35 var(--ff-display)!important;
    letter-spacing:.05em;
  }
  .ff-home .ff-third .ff-reveal{
    margin:35px 0!important;color:var(--ff-gold3)!important;
    font-size:30px!important;line-height:1.2!important;
  }
  .ff-home .ff-third .ff-disease{
    margin-top:34px!important;color:#d9cec0!important;font-size:22px!important;
  }

  /* 06 FIRST EXPERIMENT — opens the page back up */
  .ff-home .ff-first-room{
    padding:132px 0 140px;
    background:
      radial-gradient(circle at 50% 44%,rgba(211,167,94,.10),transparent 28rem),
      linear-gradient(180deg,#080909,#0a0a09 54%,#070808);
  }
  .ff-home .ff-first-room h2{font-size:clamp(46px,6vw,72px)}
  .ff-home .ff-first-room h3{font-size:clamp(28px,3.5vw,40px);color:var(--ff-gold3)}
  .ff-home .ff-first-room .ff-time{
    margin-top:54px;padding-top:31px;border-top:1px solid var(--ff-line);
    color:var(--ff-gold2);text-align:center;
    font:500 clamp(26px,3.3vw,39px)/1.2 var(--ff-display);letter-spacing:.055em;
  }

  /* HORIZONS — same architecture, opposite emotional direction */
  .ff-home .ff-horizon{padding:122px 0 132px}
  .ff-home .ff-horizon-dark{
    background:
      radial-gradient(circle at 80% 20%,rgba(85,56,36,.08),transparent 27rem),
      linear-gradient(180deg,#050606,#070707);
  }
  .ff-home .ff-horizon-light{
    background:
      radial-gradient(circle at 50% 60%,rgba(184,137,63,.105),transparent 34rem),
      linear-gradient(180deg,#070808,#0a0908);
    border-bottom:1px solid var(--ff-line);
  }
  .ff-home .ff-system-stack{
    margin:34px 0 40px;padding:25px 0 22px;border-top:1px solid var(--ff-line);border-bottom:1px solid var(--ff-line);
  }
  .ff-home .ff-system-stack p{margin:0 0 5px!important;color:#d6cbbd!important;font-size:19px!important}
  .ff-home .ff-system-stack p:last-child{margin-bottom:0!important}
  .ff-home .ff-horizon .ff-question{
    margin-top:34px!important;color:var(--ff-gold2)!important;
    font-size:27px!important;line-height:1.45!important;
  }
  .ff-home .ff-horizon-light .ff-golden-end{
    margin-top:36px!important;color:#e4d6c2!important;font-size:25px!important;line-height:1.5!important;
  }

  /* SINGLE FUNNEL CTA */
  .ff-home .ff-continue{
    padding:118px 0 132px;text-align:center;
    background:
      radial-gradient(circle at 50% 100%,rgba(184,137,63,.12),transparent 28rem),
      #060707;
  }
  .ff-home .ff-continue .ff-kicker{margin-bottom:17px}
  .ff-home .ff-continue h2{
    margin:0 auto 22px;max-width:760px;color:#eee5da;
    font:400 clamp(38px,5vw,61px)/1.05 var(--ff-serif);text-transform:uppercase;
  }
  .ff-home .ff-continue p{
    margin:0 auto 36px;max-width:620px;color:#9d958b;font:400 18px/1.58 var(--ff-serif);
  }
  .ff-home .ff-continue a{
    display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;
    border:1px solid rgba(210,167,94,.48);background:rgba(184,137,63,.035);
    color:var(--ff-gold3);text-decoration:none;
    font:500 10px/1 var(--ff-display);letter-spacing:.17em;text-transform:uppercase;
    transition:.2s ease;
  }
  .ff-home .ff-continue a:hover{transform:translateY(-2px);border-color:var(--ff-gold2);background:rgba(184,137,63,.065)}

  @media(max-width:820px){
    .ff-home .ff-wrap{width:calc(100% - 40px)}
    .ff-home .ff-page-nav{top:70px}
    .ff-home .ff-page-nav .ff-wrap{justify-content:flex-start;gap:21px}
    .ff-home .ff-hero{padding:40px 0 24px}
    .ff-home .ff-foundation,.ff-home .ff-before{padding:76px 0 82px}
    .ff-home .ff-glance-head{padding:94px 0 80px}
    .ff-home .ff-glance,.ff-home .ff-third,.ff-home .ff-first-room,.ff-home .ff-horizon{padding:82px 0 90px}
    .ff-home .ff-third .ff-read{padding:35px 27px 39px}
    .ff-home .ff-glance p,.ff-home .ff-foundation p,.ff-home .ff-before p{font-size:19px}
    .ff-home .ff-correction-loop{margin-top:39px}
    .ff-home .ff-continue{padding:88px 0 98px}
  }
  @media(max-width:520px){
    .ff-home .ff-wrap{width:calc(100% - 32px)}
    .ff-home .ff-page-nav{top:70px}
    .ff-home .ff-page-nav .ff-wrap{min-height:44px}
    .ff-home .ff-hero h1{font-size:48px}
    .ff-home .ff-brand-kicker{font-size:9px}
    .ff-home .ff-foundation h2{font-size:38px}
    .ff-home .ff-glance-head h2{font-size:49px}
    .ff-home .ff-glance h2{font-size:36px}
    .ff-home .ff-glance h3{font-size:24px;margin-bottom:29px}
    .ff-home .ff-glance p,.ff-home .ff-foundation p,.ff-home .ff-before p{font-size:18px;line-height:1.62}
    .ff-home .ff-third .ff-read{padding:30px 21px 34px}
    .ff-home .ff-third .ff-two-forces p{font-size:21px!important}
    .ff-home .ff-third .ff-reveal{font-size:26px!important}
    .ff-home .ff-first-room .ff-time{font-size:25px}
  }

/* front27: home seat — sticky offsets under site-header */
.ff-home [id]{scroll-margin-top:140px}
@media(max-width:760px){
  .ff-home .ff-page-nav{top:70px}
  .ff-home [id]{scroll-margin-top:120px}
}
.home-page .ff-home{position:relative;z-index:2}


/* ===== front28: locked compact IA — START HERE | ARGUMENT▾ | DEEP DIVES▾ | BUILD▾ | MENU ===== */

/* Dropdown chips share link styling */
.top-nav > .nav-drop > summary{
  color:rgba(255,255,255,.55);
  text-decoration:none;
  cursor:pointer;
  list-style:none;
  box-shadow:none;
  transition:color .18s ease, box-shadow .18s ease
}
.top-nav > .nav-drop > summary::-webkit-details-marker{display:none}
.top-nav > .nav-drop > summary:hover{color:#f3eee6}
.nav-drop{position:relative}

.nav-panel{
  position:absolute;
  left:0;
  top:29px;
  min-width:240px;
  padding:12px 14px;
  background:#0d0e0e;
  border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(0,0,0,.36);
  z-index:30
}
.nav-panel a,
.nav-panel .nav-soon{
  display:block;
  padding:9px 7px;
  color:#aaa39a;
  text-decoration:none;
  letter-spacing:.08em;
  font-size:10px;
  white-space:nowrap
}
.nav-panel a:hover{color:var(--gold2)}

/* Coming soon — muted non-links */
.nav-soon{
  color:#5a544e!important;
  cursor:default;
  pointer-events:none
}
.nav-soon em{
  display:inline;
  margin-left:.35em;
  font-style:normal;
  font-size:9px;
  letter-spacing:.12em;
  color:#6a635c;
  text-transform:uppercase
}

/* MENU drawer groups */
.nav-drawer{min-width:250px;max-height:min(78vh,640px);overflow:auto}
.nav-drawer > a{
  display:block;
  padding:9px 7px;
  color:#c4bbb0;
  text-decoration:none;
  letter-spacing:.12em
}
.nav-drawer > a:hover{color:var(--gold2)}
.nav-group{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid var(--softline)
}
.nav-drawer > .nav-group:first-of-type{margin-top:8px}
.nav-group-label{
  display:block;
  padding:4px 7px 8px;
  color:var(--gold);
  font-size:8px;
  letter-spacing:.18em
}
.nav-group a,
.nav-group .nav-soon{
  display:block;
  padding:8px 7px;
  color:#aaa39a;
  text-decoration:none;
  letter-spacing:.08em;
  font-size:10px
}
.nav-group a:hover{color:var(--gold2)}
.nav-group .nav-soon{white-space:normal;line-height:1.35}

/* Kill legacy nth-child paper-chain colors that fought grouped drawer */
.nav-drawer a:nth-child(-n+5),
.nav-drawer a:nth-child(-n+6){color:inherit;letter-spacing:inherit}
.nav-drawer > a{color:#c4bbb0;letter-spacing:.12em}
.nav-group a{color:#aaa39a;letter-spacing:.08em}

/* Current page: parent dropdown underline + child gold */
.home-page .top-nav > a.nav-start[href="/"]{
  color:var(--gold2);
  box-shadow:inset 0 -1px 0 var(--gold)
}
.mood-blindness .nav-argument > summary,
.mood-condition .nav-argument > summary,
.mood-good-news .nav-argument > summary,
.mood-capability .nav-argument > summary{
  color:var(--gold2);
  box-shadow:inset 0 -1px 0 var(--gold)
}
.fe-page .nav-build > summary{
  color:var(--gold2);
  box-shadow:inset 0 -1px 0 var(--gold)
}
.run-test-page .nav-menu > summary{
  color:var(--gold2);
  box-shadow:inset 0 -1px 0 var(--gold)
}

.mood-blindness .nav-panel a[href="/paradigm-blindness/"],
.mood-blindness .nav-drawer a[href="/paradigm-blindness/"],
.mood-condition .nav-panel a[href="/missing-condition/"],
.mood-condition .nav-drawer a[href="/missing-condition/"],
.mood-good-news .nav-panel a[href="/the-good-news/"],
.mood-good-news .nav-drawer a[href="/the-good-news/"],
.mood-capability .nav-panel a[href="/missing-capability/"],
.mood-capability .nav-drawer a[href="/missing-capability/"],
.fe-page .nav-panel a[href="/first-experiment/"],
.fe-page .nav-drawer a[href="/first-experiment/"],
.run-test-page .nav-drawer a[href="/run-the-test/"],
.home-page .nav-drawer a[href="/"]{
  color:var(--gold2)
}

/* Compact: hide dropdown chips under 1100px (same breakpoint as old paper chips) */
@media(max-width:1099px){
  .top-nav > .nav-drop.nav-compact-hide{display:none}
}
/* Mobile: START HERE + chips gone; MENU carries grouped IA */
@media(max-width:760px){
  .top-nav > a,
  .top-nav > .nav-drop,
  .top-nav > .nav-disabled{display:none!important}
  .top-nav > .nav-menu{display:block}
  .nav-drawer{right:0;left:auto;min-width:min(288px,calc(100vw - 28px))}
}

/* Open panels stay above sticky header content */
.nav-drop[open] > .nav-panel,
.nav-menu[open] > .nav-drawer{z-index:40}

/* front28b: when /end-of-the-world/ ships, sibling flips .nav-soon → <a>; highlight parent DEEP DIVES */
.mood-end-world .nav-deeps > summary{
  color:var(--gold2);
  box-shadow:inset 0 -1px 0 var(--gold)
}
.mood-end-world .nav-panel a[href="/end-of-the-world/"],
.mood-end-world .nav-drawer a[href="/end-of-the-world/"]{
  color:var(--gold2)
}


/* --- mood-end-world (Deep Dive): darker than Good News, not colder than Condition --- */
body.mood-end-world{
  background:
    radial-gradient(ellipse at 48% 0%, rgba(120,48,36,.07), transparent 38rem),
    radial-gradient(ellipse at 70% 40%, rgba(184,137,63,.03), transparent 30rem),
    #060505;
  color:#c4b9ab
}
.mood-end-world .briefing-article{color:#c4b9ab}
.mood-end-world .briefing-article > .document-title{color:#efe6d8}
.mood-end-world .briefing-article > .document-subtitle{
  color:#a88b5c;
  margin:0 0 56px;
  font-family:var(--sans);
  font-size:11px;
  line-height:1.5;
  letter-spacing:.16em;
  font-weight:500
}
.mood-end-world .briefing-article h2{color:#e6dccf;margin-top:76px}
.mood-end-world .briefing-article h2::after{background:rgba(184,100,63,.5);width:64px}
.mood-end-world .briefing-article h3{color:#d2c4b2}
.mood-end-world .briefing-article p{color:#c4b9ab}
.mood-end-world .briefing-article .impact-line,
.mood-end-world .briefing-article .impact-line strong{color:#d4b88a}
.mood-end-world .briefing-article .quote-line{border-left-color:rgba(184,100,63,.55);color:#d5c9b8}
.mood-end-world .ghost-rail{
  background:
    radial-gradient(circle at 52% 48%, rgba(140,60,40,.12) 0 1px, transparent 2px),
    repeating-linear-gradient(40deg, transparent 0 90px, rgba(140,60,40,.04) 91px, transparent 92px 180px);
  opacity:.18
}

/* Homepage glance deep-link (discreet) */
.ff-glance .ff-glance-title-link{
  color:inherit;
  text-decoration:none
}
.ff-glance .ff-glance-title-link:hover{color:var(--gold2)}
.ff-glance .ff-deep-link{
  margin-top:22px;
  font-family:var(--sans);
  font-size:11px;
  letter-spacing:.14em
}
.ff-glance .ff-deep-link a{
  color:var(--gold2);
  text-decoration:none;
  opacity:.85
}
.ff-glance .ff-deep-link a:hover{opacity:1}


/* --- mood-hope (Deep Dive): warmer/lighter than End of the World, not colder than Condition --- */
body.mood-hope{
  background:
    radial-gradient(ellipse at 42% 0%, rgba(184,137,63,.09), transparent 36rem),
    radial-gradient(ellipse at 78% 28%, rgba(120,150,120,.045), transparent 28rem),
    #080806;
  color:#c9c0b2
}
.mood-hope .briefing-article{color:#c9c0b2}
.mood-hope .briefing-article > .document-title{color:#f2eadc}
.mood-hope .briefing-article > .document-subtitle{
  color:#b89a62;
  margin:0 0 56px;
  font-family:var(--sans);
  font-size:11px;
  line-height:1.5;
  letter-spacing:.16em;
  font-weight:500
}
.mood-hope .briefing-article h2{color:#ebe2d4;margin-top:76px}
.mood-hope .briefing-article h2::after{background:rgba(184,137,63,.55);width:72px}
.mood-hope .briefing-article h3{color:#d8ccba}
.mood-hope .briefing-article p{color:#c9c0b2}
.mood-hope .briefing-article .impact-line,
.mood-hope .briefing-article .impact-line strong{color:#e0c792}
.mood-hope .briefing-article .load-bearing{color:#e0c792}
.mood-hope .briefing-article .quote-line{border-left-color:rgba(184,137,63,.55);color:#ddd2c2}
.mood-hope .ghost-rail{
  background:
    radial-gradient(circle at 52% 48%, rgba(184,137,63,.14) 0 1px, transparent 2px),
    repeating-linear-gradient(35deg, transparent 0 88px, rgba(184,137,63,.045) 89px, transparent 90px 176px);
  opacity:.2
}
.mood-hope .nav-deeps > summary{
  color:var(--gold2);
  box-shadow:inset 0 -1px 0 var(--gold)
}
.mood-hope .nav-panel a[href="/a-hardened-case-for-hope/"],
.mood-hope .nav-drawer a[href="/a-hardened-case-for-hope/"]{
  color:var(--gold2)
}
.mood-hope .briefing-article a{color:var(--gold2);text-decoration:none}
.mood-hope .briefing-article a:hover{text-decoration:underline}

/* ===== front31: homepage briefing chrome polish ===== */
/* Home = page one of the brief. Same shell as interiors; cover privilege at hero only. */

.home-page{
  background:#070808;
  color:var(--copy);
}
.home-page .briefing-shell.home-main,
.home-page .home-main.briefing-shell,
.home-page .briefing-shell{
  background:#070808;
  padding-top:68px;
}
/* Kill legacy atmosphere / blue haze on home */
.home-page .home-main,
.home-page .home-main[data-stage],
.home-page .home-main[data-stage="purpose"],
.home-page .home-main[data-stage="problem"],
.home-page .home-main[data-stage="monsters"],
.home-page .home-main[data-stage="why-now"],
.home-page .home-main[data-stage="stakes"],
.home-page .home-main[data-stage="fork"]{
  background:#070808 !important;
  --atm-field:#070808;
  --atm-navy:transparent;
  --atm-haze:transparent;
  --atm-haze2:transparent;
  --atm-grid:transparent;
  --atm-frac:transparent;
  --atm-signal:transparent;
  --atm-glow:transparent;
  --atm-star:0;
}
.home-page .ghost-rail,
.home-page .briefing-shell > .ghost-rail{
  display:none !important;
  background:none !important;
  width:0 !important;
  min-height:0 !important;
  opacity:0 !important;
}

/* Article column = briefing measure; home content fills it */
.home-page .briefing-article{
  max-width:var(--read);
  width:100%;
}
.home-page .ff-home{
  --ff-bg:#070808;
  --ff-bg2:#070808;
  --ff-bg3:#070808;
  --ff-cream:#eee7dc;
  --ff-copy:var(--copy);
  --ff-soft:#9f978d;
  --ff-muted:#746d64;
  --ff-gold:var(--gold);
  --ff-gold2:var(--gold2);
  --ff-gold3:#eccd8f;
  --ff-line:var(--line);
  --ff-line-soft:rgba(184,137,63,.12);
  --ff-serif:var(--serif);
  --ff-display:var(--serif);
  --ff-sans:var(--sans);
  background:transparent;
  color:var(--copy);
  overflow:visible;
}
.home-page .ff-home .ff-wrap,
.home-page .ff-home .ff-read{
  width:100%;
  max-width:100%;
  margin-inline:0;
}

/* Hide / neutralize old horizontal strip if any remnant */
.home-page .ff-page-nav{display:none !important}

/* Rail: match interiors — no auto chapter counters */
.home-page .briefing-rail{counter-reset:none}
.home-page .briefing-rail a[href^="#"]::before{content:none !important;display:none !important}
.home-page .briefing-rail a[href^="#"]{
  opacity:1;
  color:#777169;
}
.home-page .briefing-rail a[href^="#"]:hover,
.home-page .briefing-rail a[href^="#"].is-current{
  opacity:1;
  color:var(--gold2);
}
.home-page .briefing-rail a[href^="#"].is-current::after{
  left:-12px;
  background:var(--gold2);
}
.home-page .briefing-rail a[href="/paradigm-blindness/"]{
  opacity:1;
  color:var(--gold2);
}

/* ——— COVER HERO (cinematic privilege) ——— */
.home-page .ff-home .ff-hero{
  position:relative;
  isolation:isolate;
  padding:48px 0 72px;
  text-align:left;
  background:#070808;
  border:0;
}
.home-page .ff-home .ff-hero:before{
  content:"";
  position:absolute;
  inset:-10% -8% 10% -12%;
  z-index:-1;
  pointer-events:none;
  opacity:.55;
  background:radial-gradient(ellipse at 18% 35%, rgba(184,137,63,.09), transparent 58%);
}
.home-page .ff-home .ff-brand-kicker{
  margin:0 0 18px;
  color:var(--gold);
  font:600 10px/1 var(--sans);
  letter-spacing:.22em;
  text-transform:uppercase;
}
.home-page .ff-home .ff-hero h1{
  margin:0;
  color:#f2eadf;
  font:500 clamp(48px,5.6vw,78px)/.94 var(--serif);
  letter-spacing:.04em;
  text-transform:uppercase;
  text-wrap:balance;
}
.home-page .ff-home .ff-hero-sub{
  margin:22px 0 0;
  color:var(--gold2);
  font:500 clamp(16px,1.7vw,22px)/1.35 var(--serif);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.home-page .ff-home .ff-rule{
  width:72px;
  height:1px;
  margin:28px 0 0;
  background:var(--gold);
  position:relative;
}
.home-page .ff-home .ff-rule:after{display:none}

/* Foundation / body — continuous brief, flat charcoal */
.home-page .ff-home .ff-foundation,
.home-page .ff-home .ff-before,
.home-page .ff-home .ff-glance,
.home-page .ff-home .ff-glance.ff-cool,
.home-page .ff-home .ff-third,
.home-page .ff-home .ff-first-room,
.home-page .ff-home .ff-horizon,
.home-page .ff-home .ff-horizon-dark,
.home-page .ff-home .ff-horizon-light,
.home-page .ff-home .ff-continue,
.home-page .ff-home .ff-glance-head{
  background:#070808;
  border-top:0;
  border-bottom:0;
  box-shadow:none;
  padding:0;
  margin:0;
}
.home-page .ff-home .ff-foundation,
.home-page .ff-home .ff-before,
.home-page .ff-home .ff-glance,
.home-page .ff-home .ff-third,
.home-page .ff-home .ff-first-room,
.home-page .ff-home .ff-horizon{
  padding:0 0 8px;
  margin:0;
  border-top:0;
}
.home-page .ff-home .ff-foundation.ff-purpose{padding-bottom:12px}

.home-page .ff-home .ff-kicker{
  margin:72px 0 12px;
  color:var(--gold);
  font:600 10px/1 var(--sans);
  letter-spacing:.21em;
  text-transform:uppercase;
}
.home-page .ff-home .ff-hero + .ff-foundation .ff-kicker,
.home-page .ff-home .ff-foundation.ff-purpose .ff-kicker{
  margin-top:8px;
}

/* Major titles — briefing gold hairline (not full-bleed bar) */
.home-page .ff-home .ff-foundation h2,
.home-page .ff-home .ff-before h2,
.home-page .ff-home .ff-glance h2,
.home-page .ff-home .ff-glance-head h2,
.home-page .ff-home .ff-continue h2{
  margin:0 0 24px;
  padding-top:0;
  color:#ebe3d7;
  font:400 clamp(32px,3.8vw,42px)/1.08 var(--serif);
  letter-spacing:.025em;
  text-transform:uppercase;
}
.home-page .ff-home .ff-foundation h2::after,
.home-page .ff-home .ff-before h2::after,
.home-page .ff-home .ff-glance h2::after,
.home-page .ff-home .ff-glance-head h2::after,
.home-page .ff-home .ff-continue h2::after{
  content:"";
  display:block;
  width:72px;
  height:1px;
  margin-top:18px;
  background:var(--gold);
}
.home-page .ff-home .ff-glance h3,
.home-page .ff-home .ff-glance-head h3{
  margin:0 0 28px;
  color:var(--gold2);
  font:500 clamp(20px,2.2vw,27px)/1.2 var(--serif);
  letter-spacing:.02em;
  text-transform:uppercase;
}
.home-page .ff-home .ff-foundation p,
.home-page .ff-home .ff-before p,
.home-page .ff-home .ff-glance p,
.home-page .ff-home .ff-continue p{
  margin:0 0 16px;
  color:var(--copy);
  font:400 20px/1.64 var(--serif);
  max-width:none;
}
.home-page .ff-home .ff-foundation p strong,
.home-page .ff-home .ff-before p strong,
.home-page .ff-home .ff-glance p strong{
  color:#e3dbcf;
  font-weight:600;
}
.home-page .ff-home .ff-purpose-stack{
  margin:8px 0 28px;
}
.home-page .ff-home .ff-purpose-stack p{
  margin:0;
  color:#ebe3d7;
  font-size:clamp(24px,2.8vw,32px);
  line-height:1.28;
}
.home-page .ff-home .ff-foundation .ff-impact,
.home-page .ff-home .ff-before .ff-before-hit{
  margin-top:28px;
  margin-bottom:8px;
  color:var(--gold2);
  font-size:22px;
  line-height:1.48;
}

/* Correction Loop — soft seating glow only */
.home-page .ff-home .ff-correction-loop{
  margin:40px 0 8px;
  width:100%;
  position:relative;
}
.home-page .ff-home .ff-correction-loop::before{
  content:"";
  position:absolute;
  inset:-18% -6% -14% -6%;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%, rgba(184,137,63,.07), transparent 68%);
}
.home-page .ff-home .ff-correction-loop img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid rgba(184,137,63,.18);
  box-shadow:none;
}

/* At a Glance opener */
.home-page .ff-home .ff-glance-head{
  padding:24px 0 8px;
  text-align:left;
  margin-top:48px;
  border-top:1px solid var(--line);
}
.home-page .ff-home .ff-glance-head .ff-kicker{margin-top:40px}
.home-page .ff-home .ff-glance-head h2{
  font-size:clamp(36px,4.2vw,52px);
}

/* ——— GHOST CHAPTER NUMERALS 01–08 ——— */
.home-page .ff-home .ff-glance .ff-index{
  margin:56px 0 8px;
  color:rgba(184,137,63,.38);
  font:400 clamp(42px,5vw,64px)/1 var(--serif);
  letter-spacing:.08em;
  font-variant-numeric:tabular-nums;
  user-select:none;
}
.home-page .ff-home .ff-glance:first-of-type .ff-index,
.home-page .ff-home #problem-with-problems .ff-index{
  margin-top:36px;
}

/* Third pillar — thin border only, no wash / shadow theater */
.home-page .ff-home .ff-third .ff-read{
  margin-top:8px;
  padding:28px 0 8px;
  border:0;
  border-top:1px solid rgba(184,137,63,.22);
  border-bottom:1px solid rgba(184,137,63,.22);
  background:transparent;
  box-shadow:none;
}
.home-page .ff-home .ff-third .ff-two-forces{
  margin:28px 0 24px;
  padding:22px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.home-page .ff-home .ff-third .ff-two-forces p{
  margin:0 !important;
  color:#d7c9b8 !important;
  font:500 clamp(22px,2.6vw,30px)/1.35 var(--serif) !important;
  letter-spacing:.04em;
}
.home-page .ff-home .ff-third .ff-reveal{
  margin:28px 0 !important;
  color:var(--gold2) !important;
  font-size:24px !important;
  line-height:1.35 !important;
}
.home-page .ff-home .ff-equation{
  display:inline-block;
  margin:2px 0 24px;
  padding:12px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:var(--gold2) !important;
  font-family:var(--serif) !important;
  font-size:18px !important;
  letter-spacing:.04em;
  background:none;
}

/* First experiment / horizons — flat; slight movement vignette only between major blocks */
.home-page .ff-home .ff-first-room .ff-time{
  margin-top:36px;
  padding-top:24px;
  border-top:1px solid var(--line);
  color:var(--gold2);
  text-align:left;
  font:500 clamp(22px,2.6vw,30px)/1.25 var(--serif);
  letter-spacing:.04em;
}
.home-page .ff-home .ff-system-stack{
  margin:28px 0 32px;
  padding:20px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:none;
}
.home-page .ff-home .ff-horizon .ff-question,
.home-page .ff-home .ff-horizon-light .ff-golden-end{
  color:var(--gold2) !important;
  font-size:22px !important;
  line-height:1.48 !important;
}

/* Soft vignette between At-a-Glance opener and first chapter only */
.home-page .ff-home .ff-glance-head{
  position:relative;
}
.home-page .ff-home .ff-glance-head::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-40px;
  height:80px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(7,8,8,0), rgba(7,8,8,.35), rgba(7,8,8,0));
  opacity:.5;
}

/* Continue lead-in + shared continuation bar */
.home-page .ff-home .ff-continue{
  margin-top:64px;
  padding:40px 0 8px;
  text-align:left;
  border-top:1px solid var(--line);
  background:#070808;
}
.home-page .ff-home .ff-continue .ff-kicker{margin-top:0}
.home-page .ff-home .ff-continue h2{max-width:none}
.home-page .ff-home .ff-continue p{
  margin:0 0 0;
  max-width:none;
  color:#9d958b;
  font-size:18px;
}
.home-page .ff-home .ff-continue a{display:none} /* CTA lives in .continuation */
.home-page .briefing-article > .continuation{
  margin-top:48px;
}

/* Scroll targets under sticky header */
.home-page .ff-home [id]{scroll-margin-top:96px}

@media(max-width:820px){
  .home-page .ff-home .ff-hero{padding:28px 0 48px}
  .home-page .ff-home .ff-hero h1{font-size:clamp(40px,10vw,56px)}
  .home-page .ff-home .ff-glance .ff-index{font-size:clamp(36px,9vw,48px);margin-top:44px}
  .home-page .ff-home .ff-third .ff-read{padding:20px 0}
  .home-page .ff-home .ff-kicker{margin-top:56px}
}
@media(max-width:760px){
  .home-page .briefing-shell{padding-top:42px}
  .home-page .ff-home .ff-foundation p,
  .home-page .ff-home .ff-before p,
  .home-page .ff-home .ff-glance p{font-size:18px;line-height:1.62}
}

/* —— Home opening viewport (front36): compact cover + diagram peek —— */
.home-page .briefing-shell.home-main{
  padding-top: 22px;
}
.home-page .ff-home .ff-open{
  padding: 18px 0 28px;
  border-bottom: 1px solid var(--ff-line-soft, var(--line));
  background: #070808;
}
.home-page .ff-home .ff-open .ff-read{
  width: min(var(--read, 770px), 100%);
  margin-inline: auto;
}
/* Cover title — document entry, not splash lobby */
.home-page .ff-home .ff-open h1#ff-home-title{
  margin: 0 0 18px;
  color: #f2ebe0;
  font: 400 clamp(52px, 5.2vw, 64px)/1.02 var(--serif, var(--ff-serif, Georgia, serif));
  letter-spacing: .04em;
  text-transform: uppercase;
  text-wrap: balance;
}
.home-page .ff-home .ff-open .ff-home-sub{
  margin: 0 0 22px !important;
  color: var(--gold2, #d2a75e) !important;
  font: 500 clamp(18px, 1.6vw, 22px)/1.35 var(--sans, system-ui, sans-serif) !important;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.home-page .ff-home .ff-open .ff-rule{
  width: min(200px, 38%);
  height: 1px;
  margin: 0 0 36px;
  background: var(--gold, #b8893f);
  position: relative;
}
.home-page .ff-home .ff-open .ff-rule:after{display:none}
/* Single THE PURPOSE — no second hairline (cover rule already marks the turn) */
.home-page .ff-home .ff-open h2#ff-purpose-heading{
  margin: 0 0 12px;
  padding-top: 0;
  color: #ebe3d7;
  font: 400 clamp(26px, 3vw, 34px)/1.08 var(--serif, var(--ff-serif, Georgia, serif));
  letter-spacing: .025em;
  text-transform: uppercase;
}
.home-page .ff-home .ff-open h2#ff-purpose-heading::after{display:none;content:none}
.home-page .ff-home .ff-open .ff-purpose-stack{
  margin: 0 0 12px;
}
.home-page .ff-home .ff-open .ff-purpose-stack p{
  margin: 0;
  color: #e8dfd2;
  font: 400 clamp(19px, 2vw, 25px)/1.24 var(--serif, var(--ff-serif, Georgia, serif));
}
.home-page .ff-home .ff-open > .ff-read > p:not(.ff-home-sub):not(.ff-impact){
  margin: 0 0 14px;
  color: var(--ff-copy, #b9b1a7);
  font: 400 18px/1.52 var(--serif, var(--ff-serif, Georgia, serif));
}
.home-page .ff-home .ff-open .ff-correction-loop{
  margin: 0 0 18px;
  width: 100%;
}
.home-page .ff-home .ff-open .ff-correction-loop img{
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(184,137,63,.14);
}
.home-page .ff-home .ff-open .ff-impact{
  margin: 0 !important;
  color: var(--gold2, #d2a75e) !important;
  font-size: 21px !important;
  line-height: 1.4 !important;
}
.home-page .ff-home .ff-hero{display:none !important}
.home-page .ff-home .ff-purpose-resume{display:none !important}
.home-page .ff-home .ff-brand-kicker{display:none !important}
@media (max-width: 760px){
  .home-page .briefing-shell.home-main{padding-top: 16px}
  .home-page .ff-home .ff-open{padding: 10px 0 22px}
  .home-page .ff-home .ff-open h1#ff-home-title{font-size: 40px; margin-bottom: 12px}
  .home-page .ff-home .ff-open .ff-home-sub{font-size: 14px !important; margin-bottom: 16px !important; letter-spacing: .12em}
  .home-page .ff-home .ff-open .ff-rule{margin-bottom: 28px}
  .home-page .ff-home .ff-open h2#ff-purpose-heading{font-size: 24px}
  .home-page .ff-home .ff-open .ff-purpose-stack p{font-size: 18px}
}

/* —— Home rhythm polish (front37) —— */
/* Restore chapter breath crushed by prior padding:0 0 8px. Leave front36 cover alone. */

/* Major section transitions: PROBLEM / BEFORE / AT A GLANCE / CONTINUE */
.home-page .ff-home .ff-foundation:not(.ff-purpose){
  padding: 84px 0 12px;
  margin: 0;
}
.home-page .ff-home .ff-before{
  padding: 104px 0 12px;
  margin: 0;
}
.home-page .ff-home .ff-glance-head{
  padding: 104px 0 16px;
  margin-top: 0;
  border-top: 1px solid var(--line);
  background: #070808;
}
.home-page .ff-home .ff-continue{
  margin-top: 0;
  padding: 104px 0 12px;
  border-top: 1px solid var(--line);
  background: #070808;
}

/* Numbered glance chapters 01–08: generous space between, tight within */
.home-page .ff-home .ff-glance,
.home-page .ff-home .ff-glance.ff-cool,
.home-page .ff-home .ff-third,
.home-page .ff-home .ff-first-room,
.home-page .ff-home .ff-horizon,
.home-page .ff-home .ff-horizon-dark,
.home-page .ff-home .ff-horizon-light{
  padding: 96px 0 12px;
  margin: 0;
  background: #070808;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}
/* First glance after glance-head: slightly less top so head→01 doesn't double-stack */
.home-page .ff-home .ff-glance-head + .ff-glance,
.home-page .ff-home #problem-with-problems{
  padding-top: 72px;
}

/* Index stays close to h2; keep cluster tight */
.home-page .ff-home .ff-glance .ff-index{
  margin: 0 0 8px;
}
.home-page .ff-home .ff-glance:first-of-type .ff-index,
.home-page .ff-home #problem-with-problems .ff-index{
  margin-top: 0;
}
.home-page .ff-home .ff-foundation h2,
.home-page .ff-home .ff-before h2,
.home-page .ff-home .ff-glance h2,
.home-page .ff-home .ff-glance-head h2,
.home-page .ff-home .ff-continue h2{
  margin: 0 0 20px;
}
.home-page .ff-home .ff-glance h3,
.home-page .ff-home .ff-glance-head h3{
  margin: 0 0 22px;
}
.home-page .ff-home .ff-glance-head .ff-kicker{
  margin-top: 0;
  margin-bottom: 12px;
}
.home-page .ff-home .ff-continue .ff-kicker{
  margin-top: 0;
  margin-bottom: 12px;
}

/* Ordinary paragraphs — same thought rhythm */
.home-page .ff-home .ff-foundation p,
.home-page .ff-home .ff-before p,
.home-page .ff-home .ff-glance p,
.home-page .ff-home .ff-continue p{
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 1.68;
}

/* Landing / hammer lines: tight to prior thought, generous after */
.home-page .ff-home .ff-foundation .ff-impact,
.home-page .ff-home .ff-before .ff-before-hit,
.home-page .ff-home .ff-glance .ff-last{
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 8px;
}
/* Breath after Purpose impact before THE PROBLEM (do not undo cover) */
.home-page .ff-home .ff-open .ff-impact{
  margin: 0 0 0 !important;
  padding-bottom: 0;
}
.home-page .ff-home .ff-open{
  padding-bottom: 48px;
}

/* Diagram: moderate seat under Purpose prose — attached, not crushed */
.home-page .ff-home .ff-open .ff-correction-loop{
  margin: 20px 0 22px;
}

/* Soften leftover vignette so it isn't a visible rectangular object */
.home-page .ff-home .ff-glance-head::after{
  opacity: .22;
  height: 48px;
  bottom: -24px;
  background: linear-gradient(180deg, rgba(7,8,8,0), rgba(7,8,8,.2), rgba(7,8,8,0));
}

/* Continuation bar: keep after continue lead-in */
.home-page .briefing-article > .continuation{
  margin-top: 56px;
}

@media (max-width: 820px){
  .home-page .ff-home .ff-foundation:not(.ff-purpose),
  .home-page .ff-home .ff-before,
  .home-page .ff-home .ff-glance-head,
  .home-page .ff-home .ff-continue{
    padding-top: 72px;
  }
  .home-page .ff-home .ff-glance,
  .home-page .ff-home .ff-glance.ff-cool,
  .home-page .ff-home .ff-third,
  .home-page .ff-home .ff-first-room,
  .home-page .ff-home .ff-horizon,
  .home-page .ff-home .ff-horizon-dark,
  .home-page .ff-home .ff-horizon-light{
    padding-top: 72px;
  }
  .home-page .ff-home .ff-glance-head + .ff-glance,
  .home-page .ff-home #problem-with-problems{
    padding-top: 56px;
  }
}
@media (max-width: 760px){
  .home-page .ff-home .ff-foundation p,
  .home-page .ff-home .ff-before p,
  .home-page .ff-home .ff-glance p,
  .home-page .ff-home .ff-continue p{
    font-size: 19px;
    line-height: 1.66;
  }
  .home-page .ff-home .ff-open{padding-bottom: 36px}
}


/* —— Purpose complete, then diagram (front38) —— */
/* Masthead owns brand. Page title = BUILDING… then full Purpose, then Correction Loop as visual conclusion. */
.home-page .ff-home .ff-open h1#ff-home-title{
  margin: 0 0 28px;
  color: #f0e8dc;
  font: 400 clamp(36px, 3.8vw, 48px)/1.08 var(--serif, var(--ff-serif, Georgia, serif));
  letter-spacing: .03em;
  text-transform: uppercase;
  text-wrap: balance;
}
.home-page .ff-home .ff-open .ff-home-sub,
.home-page .ff-home .ff-open > .ff-read > .ff-rule{display:none !important}
.home-page .ff-home .ff-open h2#ff-purpose-heading{
  margin: 0 0 14px;
  color: #ebe3d7;
  font: 400 clamp(28px, 3.2vw, 38px)/1.08 var(--serif, var(--ff-serif, Georgia, serif));
  letter-spacing: .025em;
  text-transform: uppercase;
}
.home-page .ff-home .ff-open h2#ff-purpose-heading::after{
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  margin-top: 14px;
  background: var(--gold, #b8893f);
}
.home-page .ff-home .ff-open .ff-purpose-stack{margin: 2px 0 18px}
.home-page .ff-home .ff-open .ff-purpose-stack p{
  margin: 0;
  color: #e8dfd2;
  font: 400 clamp(20px, 2.1vw, 27px)/1.26 var(--serif, var(--ff-serif, Georgia, serif));
}
.home-page .ff-home .ff-open > .ff-read > p:not(.ff-home-sub):not(.ff-impact){
  margin: 0 0 18px;
  color: var(--ff-copy, #b9b1a7);
  font: 400 20px/1.65 var(--serif, var(--ff-serif, Georgia, serif));
}
/* Landing, then diagram as visual conclusion of Purpose */
.home-page .ff-home .ff-open .ff-impact{
  margin: 8px 0 36px !important;
  padding-bottom: 0 !important;
  color: var(--gold2, #d2a75e) !important;
  font-size: 22px !important;
  line-height: 1.4 !important;
}
.home-page .ff-home .ff-open .ff-correction-loop{
  margin: 0 0 8px;
}
.home-page .ff-home .ff-open{
  padding-bottom: 28px;
}
@media (max-width: 760px){
  .home-page .ff-home .ff-open h1#ff-home-title{font-size: 32px; margin-bottom: 22px}
  .home-page .ff-home .ff-open h2#ff-purpose-heading{font-size: 26px}
  .home-page .ff-home .ff-open .ff-impact{margin-bottom: 28px !important}
}


/* —— Sitewide beautify (front39) —— */
/* Rhythm, type, hammers, rail, calm chrome. Same world — not a redesign. */

:root{
  --ff-prose: 20px;
  --ff-prose-lh: 1.7;
  --ff-prose-gap: 24px;
  --ff-h2-gap: 108px;
  --ff-hammer-size: 23px;
  --ff-rail-idle: #8a8378;
  --ff-rail-active: var(--gold2, #d8ad61);
  --ff-flat: #070808;
}

/* --- Body prose normalize (briefing + home body) --- */
body.home-page .briefing-article p,
body.briefing-page .briefing-article p,
body.briefing-page .briefing-article .doc-p{
  font-size: var(--ff-prose);
  line-height: var(--ff-prose-lh);
  max-width: var(--read, 770px);
}
body.briefing-page .briefing-article > p,
body.briefing-page .briefing-article .doc-p{
  margin-top: 0;
  margin-bottom: var(--ff-prose-gap);
}
/* Kill crushed inline --doc-after when it fights the system */
body.briefing-page .briefing-article .doc-p[style*="--doc-after"],
body.briefing-page .briefing-article p.doc-p{
  margin-bottom: var(--ff-prose-gap);
}
body.briefing-page .briefing-article .short-line,
body.briefing-page .briefing-article .doc-p.short-line{
  margin-bottom: 10px;
}
body.briefing-page .briefing-article .line-stack,
body.briefing-page .briefing-article .doc-p.line-stack{
  line-height: 1.55;
  margin-bottom: 28px;
}

/* Major H2 section turns — breath where crushed */
body.briefing-page .briefing-article h2{
  margin-top: var(--ff-h2-gap);
  margin-bottom: 28px;
  padding-top: 4px;
  font-size: clamp(30px, 3.4vw, 38px);
  line-height: 1.1;
  scroll-margin-top: 96px;
}
body.mood-condition .briefing-article h2{ margin-top: 118px; }
body.mood-end-world .briefing-article h2{ margin-top: 112px; }
body.mood-hope .briefing-article h2{ margin-top: 112px; }
/* Good News H2s stay eyebrow-scale; section separation via .gn-card margin */
body.mood-capability .briefing-article h2{ margin-top: 100px; }

body.briefing-page .briefing-article h3{
  margin-top: 52px;
  margin-bottom: 16px;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.2;
}

/* Hammer / impact / load-bearing / finale */
body.briefing-page .briefing-article .impact-line,
body.briefing-page .briefing-article .load-bearing,
body.briefing-page .briefing-article .ff-impact,
body.briefing-page .briefing-article .ff-before-hit,
body.briefing-page .briefing-article .ff-last,
body.briefing-page .briefing-article .ff-reveal,
body.home-page .briefing-article .ff-impact,
body.home-page .briefing-article .ff-before-hit,
body.home-page .briefing-article .ff-last,
body.home-page .briefing-article .ff-reveal{
  color: #eee7dc;
  font-size: var(--ff-hammer-size);
  line-height: 1.45;
  margin-top: 28px;
  margin-bottom: 36px;
}
body.briefing-page .briefing-article .impact-line strong,
body.briefing-page .briefing-article .load-bearing strong{
  color: inherit;
  font-weight: 600;
}
/* Tight sequences stay tight inside; hammers still breathe around */
body.briefing-page .briefing-article .impact-line.line-stack,
body.briefing-page .briefing-article .doc-p.impact-line.line-stack{
  margin-bottom: 32px;
  line-height: 1.42;
}
body.briefing-page .briefing-article .reveal-line{
  color: var(--gold2) !important;
}

/* Soft flat field — kill visible rectangular gradient bands */
body.home-page,
body.briefing-page.mood-blindness,
body.briefing-page.mood-condition,
body.briefing-page.mood-capability,
body.briefing-page.mood-good-news,
body.briefing-page.mood-hope,
body.briefing-page.mood-end-world{
  background-color: var(--ff-flat);
}
body.mood-blindness{
  background-image: radial-gradient(ellipse at 50% 0%, rgba(88,112,128,.028), transparent 32rem);
}
body.mood-condition{ background-image: none; background-color: #050606; }
body.mood-capability{
  background-image: radial-gradient(ellipse at 40% 0%, rgba(184,137,63,.035), transparent 30rem);
}
body.mood-good-news{
  background-image: radial-gradient(ellipse at 50% 0%, rgba(184,137,63,.04), transparent 30rem);
}
body.mood-hope{
  background-image: radial-gradient(ellipse at 42% 0%, rgba(184,137,63,.045), transparent 32rem);
}
body.mood-end-world{
  background-image: radial-gradient(ellipse at 48% 0%, rgba(100,40,30,.04), transparent 34rem);
}
body.home-page .home-main,
body.home-page .briefing-shell.home-main{
  background: var(--ff-flat) !important;
}
/* Soften GN card rectangles — flat, no fill object */
body.mood-good-news .gn-card{
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(184,137,63,.18);
  margin-top: 96px;
  padding: 56px 0 8px;
  box-shadow: none;
}
body.mood-good-news .gn-strip{
  background: transparent;
  margin-top: 96px;
  padding: 48px 0 40px;
}
body.mood-good-news .gn-safeguard{ background: transparent; }
body.mood-good-news .gn-ppc > div,
body.mood-good-news .gn-pair > div,
body.mood-good-news .gn-nine-cell{
  background: transparent;
  box-shadow: none;
}
body.mood-capability .clear-gate{
  background: transparent;
}

/* --- Rail: readable idle, gold active/hover, stable sticky --- */
.briefing-rail{
  position: sticky;
  top: 96px;
  max-height: calc(100vh - 112px);
  align-self: start;
}
.briefing-rail a{
  color: var(--ff-rail-idle);
  font-size: 11px;
  line-height: 1.4;
  transition: color .15s ease;
}
.briefing-rail a:hover,
.briefing-rail a:focus-visible{
  color: var(--ff-rail-active);
}
.briefing-rail a.is-current{
  color: var(--ff-rail-active);
}
.home-page .briefing-rail a[href^="#"],
.briefing-page .briefing-rail a[href^="#"]{
  color: var(--ff-rail-idle);
}
.home-page .briefing-rail a[href^="#"]:hover,
.home-page .briefing-rail a[href^="#"].is-current,
.briefing-page .briefing-rail a[href^="#"]:hover,
.briefing-page .briefing-rail a[href^="#"].is-current{
  color: var(--ff-rail-active);
}
@media (max-width: 760px){
  .briefing-rail{ position: relative; top: auto; max-height: none; }
}

/* Continuation + footer — calm, consistent */
.continuation{
  margin-top: 104px;
  padding: 32px 0;
  border-top: 1px solid rgba(184,137,63,.18);
  border-bottom: 1px solid rgba(184,137,63,.18);
  background: transparent;
}
.continuation span{ color: #7a736a; }
.continuation a{ color: var(--gold2); }
.continuation a:hover{ color: var(--gold); }
.site-footer{
  border-top: 1px solid rgba(184,137,63,.1);
  padding: 40px 32px 56px;
  background: var(--ff-flat);
}
.site-footer span{ color: #8f8578; }
.site-footer small{ color: #5c5650; }

/* Focus-visible */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
.top-nav a:focus-visible,
.briefing-rail a:focus-visible,
.continuation a:focus-visible,
.nav-drawer a:focus-visible,
.nav-panel a:focus-visible{
  outline: 1px solid var(--gold2);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
  *, *::before, *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ========== Mood polish (light) ========== */

/* --- Paradigm Blindness --- */
.mood-blindness .pb-thesis{
  margin: 8px 0 28px;
  padding: 28px 0 30px;
  border-top: 1px solid rgba(160,176,188,.28);
  border-bottom: 1px solid rgba(160,176,188,.28);
}
.mood-blindness .pb-thesis p,
.mood-blindness .opening-punch .pb-thesis p{
  margin: 0 !important;
  color: #f2f5f7 !important;
  font-size: clamp(26px, 3vw, 32px) !important;
  line-height: 1.22 !important;
  font-weight: 600;
}
.mood-blindness .pb-thesis p + p{ margin-top: 6px !important; }
/* Atrocity list: rhythm + hairline rules — not cards */
.mood-blindness .viz-drawers.pb-fact-list,
.mood-blindness .opening-punch .viz-drawers{
  display: block;
  background: none !important;
  background-image: none !important;
  padding: 8px 0 18px;
  margin: 8px 0 20px;
  gap: 0;
}
.mood-blindness .viz-drawers.pb-fact-list::before,
.mood-blindness .opening-punch .viz-drawers::before{ display: none !important; content: none !important; }
.mood-blindness .viz-drawers.pb-fact-list > p,
.mood-blindness .opening-punch .viz-drawers > p{
  display: block;
  flex: none;
  min-height: 0;
  margin: 0 !important;
  padding: 10px 0 10px 14px;
  text-align: left;
  justify-content: flex-start;
  color: #d5d9dc !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  background: none !important;
  box-shadow: none !important;
  border-left: 1px solid rgba(160,176,188,.35);
}
.mood-blindness .viz-drawers-filaments{ display: none !important; }
/* Historical triptych — calm editorial spacing */
.mood-blindness .pb-triptych{
  margin: 56px 0 40px;
  padding: 8px 0;
}
.mood-blindness .pb-triptych > h3.document-subtitle,
.mood-blindness .pb-triptych > h3{
  margin-top: 40px !important;
  margin-bottom: 12px !important;
  color: #e6eaed;
  font-size: clamp(22px, 2.4vw, 28px);
  letter-spacing: .02em;
}
.mood-blindness .pb-triptych > h3:first-child{ margin-top: 12px !important; }
.mood-blindness .pb-triptych > h3::after{
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  margin-top: 12px;
  background: rgba(160,176,188,.4);
}
.mood-blindness .pb-triptych > p{ margin-bottom: 8px; }
@media (min-width: 900px){
  .mood-blindness .pb-triptych{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 28px 32px;
    align-items: start;
  }
  .mood-blindness .pb-triptych > h3{ grid-row: 1; margin-top: 0 !important; }
  .mood-blindness .pb-triptych > h3:nth-of-type(1){ grid-column: 1; }
  .mood-blindness .pb-triptych > h3:nth-of-type(2){ grid-column: 2; }
  .mood-blindness .pb-triptych > h3:nth-of-type(3){ grid-column: 3; }
  .mood-blindness .pb-triptych > p{ grid-row: 2; margin: 0; font-size: 17px; line-height: 1.55; }
  .mood-blindness .pb-triptych > h3:nth-of-type(1) + p{ grid-column: 1; }
  .mood-blindness .pb-triptych > h3:nth-of-type(2) + p{ grid-column: 2; }
  .mood-blindness .pb-triptych > h3:nth-of-type(3) + p{ grid-column: 3; }
}

/* --- Missing Condition: cinematic breath --- */
.mood-condition .briefing-article h2{
  margin-top: 124px;
  margin-bottom: 32px;
}
.mood-condition .briefing-article > .document-title{ margin-bottom: 12px; }
.mood-condition .briefing-article > .document-subtitle{ margin-bottom: 72px; }
.mood-condition .briefing-article .impact-line{
  margin-top: 32px;
  margin-bottom: 44px;
}

/* --- Good News: more air, less menace --- */
.mood-good-news .gn-hero{ margin-bottom: 48px; padding-bottom: 24px; }
.mood-good-news .gn-card{ margin-top: 108px; padding-top: 64px; }
.mood-good-news .gn-strip{ margin-top: 108px; }
.mood-good-news .briefing-article .gn-turn{
  margin-top: 28px;
  margin-bottom: 36px;
}
.mood-good-news .gn-principle{
  margin: 32px 0 36px;
}

/* --- Missing Capability: keep technical/brief --- */
.mood-capability .briefing-article h2{ margin-top: 96px; }
.mood-capability .briefing-article .impact-line{ margin-bottom: 32px; }

/* --- Hope staging --- */
.mood-hope .hope-first-room{
  margin: 64px 0 48px;
  padding: 48px 0 40px;
  border-top: 1px solid rgba(184,137,63,.22);
}
.mood-hope .hope-first-room > p:first-child{
  color: #eee6d8;
  font-size: 22px;
  line-height: 1.5;
}
.mood-hope .hope-summit-lead{
  margin-top: 56px !important;
  margin-bottom: 28px !important;
  text-align: center;
  color: #a89f93;
  font-size: 18px;
}
.mood-hope .hope-summit{
  margin: 12px auto 64px;
  padding: 36px 16px 40px;
  max-width: 34em;
  text-align: center;
}
.mood-hope .hope-summit-title{
  margin: 0 !important;
  color: #f3eadc !important;
  font-size: clamp(28px, 4.2vw, 42px) !important;
  line-height: 1.15 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 500;
}
.mood-hope .hope-summit-title strong{ color: inherit; font-weight: 500; }
.mood-hope .hope-summit-aside{
  margin: 18px 0 0 !important;
  color: var(--gold2) !important;
  font-family: var(--sans);
  font-size: 12px !important;
  letter-spacing: .14em;
  text-transform: lowercase;
}
.mood-hope h2.hope-turn,
.mood-hope .hope-turn{
  margin-top: 120px;
  margin-bottom: 28px;
  color: #f0e8da;
  font-size: clamp(28px, 3.2vw, 36px);
  line-height: 1.15;
  font-weight: 400;
}
.mood-hope h2.hope-turn::after{
  content: "";
  display: block;
  width: 72px;
  height: 1px;
  margin-top: 16px;
  background: rgba(184,137,63,.55);
}
.mood-hope #the-way-is-there{ margin-top: 128px; }
.mood-hope .hope-compounds{
  margin: 36px 0;
}
.mood-hope .hope-compounds .line-stack{
  margin-bottom: 12px;
}
.mood-hope .hope-finale,
.mood-hope .briefing-article .load-bearing.hope-finale,
.mood-hope #a-choice{
  margin-top: 72px;
  margin-bottom: 28px;
  padding-top: 24px;
  color: #f2eadc;
  font-size: clamp(24px, 2.8vw, 30px);
  line-height: 1.4;
}
.mood-hope .continuation{ margin-top: 88px; }

/* --- End of the World: rhythm + hammers + quiet hero --- */
.mood-end-world .ew-hero{
  margin: 0 0 28px;
  padding: 8px 0 36px;
  position: relative;
}
.mood-end-world .ew-hero::before{
  content: "";
  position: absolute;
  inset: -24px -8% 20%;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.025), transparent 55%);
  opacity: .9;
}
.mood-end-world .briefing-article > .document-title{
  margin-bottom: 28px;
  font-size: clamp(42px, 5.5vw, 72px);
}
.mood-end-world .ew-hero > p:first-of-type{ margin-top: 0; }
.mood-end-world .briefing-article .impact-line{
  margin-top: 32px;
  margin-bottom: 40px;
  color: #e8dcc8;
  font-size: 24px;
}
.mood-end-world .ew-fork{
  text-align: center;
  margin: 8px 0 !important;
  font-size: clamp(22px, 2.6vw, 28px) !important;
  letter-spacing: .02em;
}
.mood-end-world .ew-fork-pair{
  margin: 56px 0 64px;
  padding: 40px 12px;
}
.mood-end-world .ew-fork-pair .ew-fork + .ew-fork{ margin-top: 18px !important; }
.mood-end-world #the-time-is-now{
  margin-top: 128px;
  margin-bottom: 36px;
}
.mood-end-world .continuation{ margin-top: 96px; }

/* --- First Experiment: align to shared system --- */
body.fe-page{
  background: var(--ff-flat);
  color: var(--copy);
}
/* First Experiment inherits continuation/footer calm treatments */

/* Mobile prose */
@media (max-width: 760px){
  :root{
    --ff-prose: 17.5px;
    --ff-prose-lh: 1.68;
    --ff-prose-gap: 22px;
    --ff-h2-gap: 80px;
    --ff-hammer-size: 20px;
  }
  body.briefing-page .briefing-article h2{ font-size: 28px; margin-top: 80px; }
  body.mood-condition .briefing-article h2,
  body.mood-end-world .briefing-article h2,
  body.mood-hope .briefing-article h2{ margin-top: 88px; }
  body.mood-good-news .gn-card{ margin-top: 72px; padding: 40px 0 4px; }
  .mood-hope .hope-summit-title{ font-size: 26px !important; }
  .mood-hope .hope-finale, .mood-hope #a-choice{ font-size: 22px; margin-top: 56px; }
  .mood-blindness .pb-thesis p{ font-size: 24px !important; }
  .mood-end-world .ew-fork{ font-size: 20px !important; }
}

/* front39 tweak: opening-punch shell quiet when thesis object owns the frame */
.mood-blindness .opening-punch:has(.pb-thesis){
  margin: 12px 0 28px;
  padding: 0;
  border: 0;
}
.mood-blindness .opening-punch:has(.pb-thesis) > .pb-thesis{
  margin-top: 0;
}

/* —— Visual pack (front40) —— */
.ff-visual{
  margin: 56px 0;
  padding: 0;
  border: 0;
  max-width: 100%;
  background: transparent;
}
.ff-visual img,
.ff-visual svg,
.ff-visual .ff-visual-svg{
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border: 0;
  background: transparent;
}
.ff-visual--diagram{
  margin: 48px 0 64px;
}
.ff-visual--diagram .ff-visual-svg,
.ff-visual--diagram svg{
  border: 1px solid rgba(198,161,91,0.18);
}
.ff-visual--bleed,
.ff-visual--atmosphere{
  margin: 48px 0 56px;
  width: calc(100% + min(72px, 8vw));
  max-width: none;
  margin-left: calc(-1 * min(36px, 4vw));
  margin-right: calc(-1 * min(36px, 4vw));
  opacity: 0.92;
}
.ff-visual--atmosphere img{
  opacity: 0.88;
}
.hope-convergence{
  margin: 52px 0 60px;
}
.ew-hero .ff-visual--atmosphere{
  margin-top: 40px;
  margin-bottom: 8px;
}
@media (max-width: 720px){
  .ff-visual{
    margin: 36px 0;
  }
  .ff-visual--diagram{
    margin: 32px 0 44px;
  }
  .ff-visual--bleed,
  .ff-visual--atmosphere{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 32px;
    margin-bottom: 36px;
  }
  .hope-convergence{
    margin: 36px 0 44px;
  }
}
@media (prefers-reduced-motion: reduce){
  .ff-visual,
  .ff-visual img,
  .ff-visual svg{
    animation: none !important;
    transition: none !important;
  }
}


/* —— Visual pack fix (front41) —— */
/* Atmosphere art uses generated PNG; do not wash out */
.ff-visual--atmosphere{
  opacity: 1;
}
.ff-visual--atmosphere img{
  opacity: 1;
  mix-blend-mode: normal;
}
.hope-convergence{
  opacity: 1;
}
.hope-convergence img{
  opacity: 1;
}


/* —— Atmosphere art (front42): Aaron's generated artwork PNGs —— */
.ff-visual--atmosphere img,
.hope-convergence img{
  opacity: 1;
  width: 100%;
  height: auto;
}


/* —— Editorial plates (front45): Aaron high-res asets —— */
.ff-visual--plate img{
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border: 0;
  background: #070707;
}
/* Plates already carry baked frames/titles — do not double-border like thin SVG diagrams */
.ff-visual--diagram.ff-visual--plate img{
  border: 0;
  box-shadow: none;
}
.ff-visual--plate{
  margin: 48px 0 64px;
}
@media (max-width: 720px){
  .ff-visual--plate{
    margin: 32px 0 44px;
  }
}