/* Kingdom Purpose / Invention Studio. Shared interior treatment, 2026-09-29.
   Load after site.css. Existing page copy and logo geometry stay intact. */
@font-face{font-family:Bricolage;src:url('/studio/assets/bricolage.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:DM;src:url('/studio/assets/dm-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --base:#0f0f1e;--red:#ff4d4d;--orange:#ff9500;--cyan:#00ffff;--cream:#f5f5f0;
  --ground:#0f0f1e;--ground-2:#191928;--paper:#0f0f1e;
  --rule:#454552;--rule-soft:#30303e;--body:#e0e0df;--ink:#f5f5f0;
  --quiet:#b9b9c1;--slate:#c6c6cc;--ink-band:#0f0f1e;
  --on-ink:#f5f5f0;--on-ink-quiet:#c6c6cc;
  --gold:#ff9500;--gold-mid:#ffb13d;--gold-wash:#242131;--gold-text:#ff9500;
  --murram:#ff9500;--murram-wash:#242131;
  --display:Bricolage,Arial,sans-serif;--sans:DM,Arial,sans-serif;--mono:DM,Arial,sans-serif;
  --shell:1320px;--gutter:clamp(22px,5vw,68px);--measure:67ch;--rhythm:26px;
  color-scheme:dark;
}
body{background:var(--base);color:var(--body);font:17px/1.75 var(--sans)}
::selection{background:var(--orange);color:var(--base)}
a{color:var(--cream);text-decoration-color:var(--orange);text-underline-offset:5px}
a:hover{text-decoration-color:var(--cyan)}
a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
h1,h2,h3,h4{font-family:var(--display);font-weight:750;letter-spacing:-.045em;color:var(--cream);overflow-wrap:break-word}
h1{font-size:clamp(43px,6.5vw,88px);line-height:1.02;max-width:19ch}
h2{font-size:clamp(31px,3.3vw,44px);line-height:1.1}
h3{font-size:clamp(23px,2.1vw,28px);line-height:1.15}
h4{font-size:21px;line-height:1.2}
.lede{font-size:clamp(18px,1.8vw,21px);line-height:1.65;color:var(--slate)}
.label,.fig,.entity__where{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.12em}
.fig{color:var(--orange);margin-bottom:22px}
.label{color:var(--quiet)}
.bar{height:5px;width:94px;border-radius:0;background:var(--red)}
.site-head{background:var(--base);border-bottom:1px solid var(--rule-soft)}
.site-head__in{min-height:101px;padding-block:24px;gap:24px}
.wordmark-svg{height:35px;max-width:100%;color:var(--cream)}
.brand{flex-shrink:0;max-width:100%}
/* The standalone 404 uses the same original logo as an external SVG. */
.brand>img{filter:brightness(0) invert(1)}
.nav{gap:24px}
.nav a{font-family:var(--sans);color:var(--cream);font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;padding-block:7px}
.nav a:hover,.nav a[aria-current]{color:var(--orange);box-shadow:inset 0 -2px 0 var(--orange)}
.band{padding-block:clamp(52px,7vw,90px);border-color:var(--rule-soft)}
.band--paper{background:var(--base);background-image:none;padding-block:clamp(48px,6vw,80px)}
.band--fill{background:var(--ground-2)}
.band--ink{background:var(--base);color:var(--cream);padding-block:clamp(64px,8vw,112px);position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--rule-soft)}
.band--ink>.shell{position:relative;z-index:1}
.band--ink h1,.band--ink h2{color:var(--red)}
.band--ink h3{color:var(--cream)}
.band--ink p,.band--ink .lede,.band--ink .label{color:var(--slate)}
.band--ink .fig{color:var(--orange)}
.band--ink a{color:var(--cream)}
/* A quiet wheel and axle at the edge of a spread, not another hero image. */
.band--ink::after{content:"";position:absolute;width:270px;height:270px;right:max(4%,calc((100vw - 1320px)/2));top:42px;border:1px solid #747480;border-radius:50%;opacity:.16;pointer-events:none;z-index:0;background:radial-gradient(circle,transparent 0 22px,#747480 23px 24px,transparent 25px 94px,#747480 95px 96px,transparent 97px),linear-gradient(28deg,transparent 49.7%,#747480 49.9% 50.1%,transparent 50.3%),linear-gradient(118deg,transparent 49.7%,#747480 49.9% 50.1%,transparent 50.3%)}
.band--ink-compact{padding-block:clamp(54px,7vw,92px)}
.notebook{grid-template-columns:minmax(0,var(--measure)) minmax(0,1fr);column-gap:clamp(32px,7vw,112px)}
.notebook__body{min-width:0;overflow-wrap:break-word}
.notebook__body>h2{margin-bottom:22px}
.notebook__body>h3{margin-bottom:14px}
.notebook__body ul,.notebook__body ol{padding-left:1.4em}
.notebook__body li{padding-left:5px;margin-bottom:12px}
.notebook__body li::marker{color:var(--orange)}
.notebook__body strong{color:var(--cream)}
.notebook__margin{padding-top:6px}
.notebook__margin>.label{display:inline-block;color:var(--orange);padding-top:10px;border-top:2px solid var(--orange);min-width:52px}
.notebook+.notebook{padding-top:40px;border-top:1px solid var(--rule-soft)}
.marg{font:14px/1.65 var(--sans);color:var(--quiet);border-left-color:var(--orange);padding-left:18px}
.marg s{opacity:1;color:var(--quiet)}
.avenues{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:none;border:0;border-radius:0;overflow:visible}
.avenue{min-width:0;padding:30px;background:var(--ground-2);border:1px solid var(--rule);border-radius:0;box-shadow:4px 4px 0 #080810}
.avenue h3,.avenue--lead h3{font-size:28px;line-height:1.1;margin-bottom:17px}
.avenue p{font-size:16px;line-height:1.7;margin-bottom:26px}
.avenue .fig{color:var(--orange);margin-bottom:21px}
.avenue .onward{padding-top:16px;border-top:1px solid var(--rule);width:100%;justify-content:space-between;color:var(--cream);font-size:14px}
.avenue:hover,.avenue--lead:hover{border-color:var(--orange);box-shadow:4px 4px 0 #080810}
.avenue:first-child{background:var(--orange);color:var(--base);border-color:var(--orange)}
.avenue:first-child h3,.avenue:first-child p,.avenue:first-child .fig,.avenue:first-child .onward{color:var(--base)}
.avenue:first-child .onward{border-color:#845112;text-decoration-color:var(--base)}
.avenue:first-child a:focus-visible{outline-color:var(--base)}
/* Bright closing strips give long reading pages the same punctuation as home. */
.band--paper:last-child:has(>.shell>.label){background:var(--cyan);color:var(--base);margin-top:22px;border:0;padding-block:40px}
.band--paper:last-child:has(>.shell>.label) .label,.band--paper:last-child:has(>.shell>.label) a{color:var(--base);text-decoration-color:var(--base)}
.band--paper:last-child:has(>.shell>.label) a:focus-visible{outline-color:var(--base)}
.onward{font-weight:650;font-size:16px}
.btn,.band--ink .btn{background:var(--orange);color:var(--base);border:1px solid var(--base);border-radius:0;box-shadow:3px 3px 0 var(--cream);font-weight:700}
.btn:hover{background:var(--gold-mid)}
.btn:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.mark-hl,.pull em,.flow__return,.chip--con{background:var(--orange);color:var(--base)}
.mark--disc{background:var(--orange)}
.mark--disc svg{color:var(--base)}
.wash{background:var(--ground-2);border-left:3px solid var(--orange);border-radius:0}
.lift,.plate,.figplate,.entity{background:var(--ground-2);border-color:var(--rule);border-radius:0}
.entity{border-left-color:var(--orange)}
.entity__where{color:var(--orange)}
.plate__cap,.figplate__cap,.band--ink .figplate__cap{background:var(--ground-2);color:var(--quiet);border-color:var(--rule);font:11px/1.6 var(--sans)}
.band--ink .figplate{background:var(--ground-2);border-color:var(--rule)}
.figures>div,.flow__node{background:var(--ground-2)}
.figures b{color:var(--orange)}
.figures>div:first-child b{box-shadow:none}
.flow__node--own{border-color:var(--orange)}
.flow__node b{color:var(--cream);font-size:19px}
.band--gold{background:var(--orange);color:var(--base)}
.band--gold .pull,.band--gold .label,.band--gold .stamp{color:var(--base)}
.band--gold .pull em{background:var(--base);color:var(--orange)}
.stamp{color:var(--cream)}
.pull-block{border-color:var(--orange)}
/* Both worldview columns retain equal legibility; only the labels differ. */
.contrast{background:var(--rule);border-color:var(--rule);border-radius:0}
.contrast>div{background:var(--ground-2);color:var(--body);min-width:0}
.contrast p{color:var(--body);font-size:16px}
.contrast h3{color:var(--cream)}
.chip{font:700 11px/1.6 var(--sans)}
.chip--sep{background:#565669;color:var(--cream)}
.chip--con{background:var(--orange);color:var(--base)}
.contrast__note{font-family:var(--sans);color:var(--quiet)}
.site-foot{margin-top:0;padding-block:42px 48px;background:var(--base);border-top:1px solid var(--rule-soft)}
.site-foot .label{color:var(--cream)}
.site-foot p{color:var(--quiet);font-size:13px;line-height:1.7;max-width:95ch}
.site-foot a{color:var(--cream)}
.skip:focus{background:var(--cyan);color:var(--base);z-index:20;border-radius:0;outline-color:var(--base)}
@media(max-width:1040px){
  .notebook{grid-template-columns:minmax(0,1fr)}
  .notebook__body{max-width:var(--measure)}
  .notebook__margin{padding-top:20px}
  .notebook__margin:empty{display:none}
  .notebook__margin:has(>.label:only-child){display:none}
  .avenues{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .site-head__in{gap:17px;padding-block:22px}
  .wordmark-svg{height:29px}
  .nav{margin-left:0;width:100%;gap:8px 20px}
  .nav a{font-size:12px;padding-block:4px}
  h1{font-size:clamp(39px,8vw,58px)}
  .band--ink::after{width:190px;height:190px;right:-75px;top:30px;opacity:.10}
  .avenue{padding:25px}
  .contrast{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  .avenues{grid-template-columns:minmax(0,1fr);gap:22px}
  .avenue h3,.avenue--lead h3{font-size:29px}
  .band--paper{padding-block:44px}
  .notebook+.notebook{padding-top:30px}
  .site-foot{padding-block:34px}
  .flow{flex-direction:column}
  .flow__arrow{flex:0 0 30px;transform:rotate(90deg)}
}
@media print{
  :root{color-scheme:light;--body:#111;--ink:#111;--cream:#111;--quiet:#333;--slate:#333;--rule:#aaa;--rule-soft:#aaa;--base:#fff;--ground:#fff;--ground-2:#fff;--paper:#fff}
  body{background:white;color:#111}
  .band--ink,.band--gold,.band--paper:last-child:has(>.shell>.label){background:white;color:#111}
  .band--ink::after{display:none}
  h1,h2,h3,.band--ink h1,.band--ink h2,.band--ink p,.fig,.label,.avenue:first-child h3,.avenue:first-child p,.avenue:first-child .fig,.avenue:first-child .onward{color:#111}
  .avenue,.avenue:first-child{background:white;border-color:#aaa;box-shadow:none}
}