@font-face{font-family:'Source Serif 4';src:url('fonts/source-serif-4-latin.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
:root{--paper:#fff8e8;--mint:#dff4f1;--ink:#17343e;--muted:#587078;--rule:#b8d8d5;--teal:#087f97;--coral:#e96547;--peach:#ffe4da;--sun:#f6c84c;--card:#fffefa;--stick:70px;--shadow:0 16px 42px rgba(23,65,73,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--stick) + 20px)}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Georgia,'Times New Roman',serif}h1,h2,h3{font-family:'Source Serif 4',Georgia,serif;line-height:1.12;letter-spacing:-.025em;margin:0;font-weight:680}h1{font-size:clamp(38px,4.6vw,62px)}h2{font-size:clamp(31px,3.6vw,46px)}h3{font-size:27px}h4{font:750 12px/1.5 system-ui,sans-serif;margin:24px 0 8px}p{margin:0 0 18px}a{color:var(--teal);text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}img{max-width:100%;display:block}figure{margin:0}blockquote{margin:20px 0;padding:20px 24px;border-left:5px solid var(--coral);border-radius:0 16px 16px 0;background:var(--peach);font:500 21px/1.5 'Source Serif 4',Georgia,serif}blockquote p{margin:0}cite{display:block;margin-top:14px;font:500 11px/1.6 system-ui,sans-serif;font-style:normal;color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding-inline:24px}.section{padding-block:64px}.section-heading{max-width:780px;margin-bottom:30px}.section-heading>p:last-child{margin-top:18px;font-size:19px;line-height:1.55}.eyebrow{font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}.number{display:inline-grid;place-items:center;background:var(--sun);color:var(--ink);border:2px solid var(--ink);border-radius:50%;width:38px;height:38px;margin-right:10px;font-size:14px;box-shadow:3px 3px 0 var(--coral);letter-spacing:0}.mint{background:var(--mint)}.peach{background:linear-gradient(145deg,var(--paper) 0 45%,#ffe4da90 100%)}.paper{border:2px solid var(--ink);border-radius:24px;background:var(--card);box-shadow:7px 7px 0 var(--mint);padding:28px}.mint .paper{box-shadow:7px 7px 0 #bbdfda}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:var(--paper);padding:10px}.skip:focus{top:12px}
.sitebar{background:var(--ink);border-bottom:3px solid var(--coral);font:700 10px/1.2 system-ui,sans-serif}.sitebar>.wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:42px}.sitebar a{text-decoration:none;color:#b8d8d5;white-space:nowrap}.sitebar .sitebrand{color:var(--sun);text-transform:uppercase;letter-spacing:.13em}.sitebar .wrap>div{display:flex;gap:23px}.sitebar a[aria-current]{color:white}
.hero{position:relative;overflow:hidden;background:linear-gradient(132deg,var(--paper) 0 62%,var(--mint) 62%);border-bottom:1px solid var(--rule)}.hero:before{content:'';position:absolute;width:230px;height:230px;right:-70px;top:-100px;border-radius:50%;background:var(--sun)}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:54px 62px}.hero-grid>div{min-width:0}.hero .eyebrow{color:#b6452a}.hero h1 em{font-style:normal;color:var(--teal)}.lead{font-size:25px;line-height:1.4;margin:24px 0 16px}.hero-answer{font-size:17px;max-width:55ch}.byline{font:12px/1.7 system-ui,sans-serif;color:var(--muted);margin-top:23px}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px}.primary,.secondary{display:inline-block;border:2px solid var(--ink);border-radius:12px;padding:13px 18px;text-decoration:none;font:750 12px/1.3 system-ui,sans-serif}.primary{background:var(--teal);color:white;box-shadow:4px 4px 0 var(--sun)}.secondary{background:var(--card);color:var(--ink)}.primary:hover,.secondary:hover{transform:translateY(-2px)}.portrait-board{padding:26px 22px;background:var(--card);border:2px solid var(--ink);border-radius:24px;box-shadow:12px 12px 0 var(--coral);transform:rotate(1deg)}.portrait-pair{display:grid;grid-template-columns:1fr 30px 1fr;gap:8px;align-items:center}.portrait-pair img{height:230px;width:100%;object-fit:contain}.portrait-pair figure:first-child img{background:var(--mint);border-radius:14px}.portrait-pair figure:last-child img{border-radius:14px}.between{font:italic 35px 'Source Serif 4',serif;color:var(--teal)}.portrait-pair figcaption{font:12px/1.5 system-ui,sans-serif;text-align:center;margin-top:13px}.portrait-pair figcaption span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.portrait-board>p{font-style:italic;text-align:center;margin:22px 0 8px}.portrait-board>.credit{display:block;text-align:center}.credit{font:11px/1.5 system-ui,sans-serif}
.chapter-nav{position:sticky;top:0;z-index:20;background:#fff8e8f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}.chapter-nav>.wrap{display:flex;gap:9px;padding-block:12px;overflow:auto}.chapter-nav a{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--card);text-decoration:none;font:650 12px/1.3 system-ui,sans-serif;white-space:nowrap}.chapter-nav b{color:var(--coral)}.chapter-nav a:hover{border-color:var(--teal);background:var(--mint)}
.switches{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.switches button{border:1px solid var(--rule);border-radius:10px;padding:11px 15px;background:var(--paper);color:var(--ink);font:650 12px/1.3 system-ui,sans-serif;transition:transform .18s,box-shadow .18s}.switches button:hover{border-color:var(--teal)}.switches button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:white;box-shadow:3px 3px 0 var(--sun)}.switches.compact{gap:6px;margin:16px 0 0}.switches.compact button{padding:10px;font-size:11px;flex:1;min-width:95px}.lab-label{font:750 12px/1.5 system-ui,sans-serif}.lab-label span{display:block;font-size:11px;font-weight:400;color:var(--muted)}.opening-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center}.opening-grid .artifact img{height:310px;width:100%;object-fit:contain}.opening-grid blockquote{font-size:23px}.artifact figcaption{font:11px/1.6 system-ui,sans-serif;color:var(--muted);margin-top:10px}.image-button{border:0;background:transparent;display:block;padding:0;width:100%;position:relative;border-radius:14px}.image-button img{border-radius:14px;object-fit:contain;width:100%}.image-button>span{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--card);border:1px solid var(--rule);font:18px/26px system-ui;color:var(--teal)}.image-button:hover>span{background:var(--sun)}.text-notes{margin-top:22px;border-top:1px solid var(--rule);padding-top:14px}.text-notes p{font-size:16px}.text-notes[open]>summary{margin-bottom:16px}summary{cursor:pointer;font:700 13px/1.5 system-ui,sans-serif;color:var(--teal)}summary::marker{color:var(--coral)}summary span{display:block;font:400 11px/1.6 system-ui;color:var(--muted);margin-top:5px}.chapter-notes{margin-top:26px;max-width:76ch}.chapter-notes[open]>summary{margin-bottom:18px}.chapter-notes p{font-size:16px}.citation,.works{font:12px/1.6 system-ui,sans-serif;color:var(--muted)}.voice-intro{display:grid;grid-template-columns:190px 1fr;gap:32px;align-items:center}.voice-art img{height:190px;object-fit:contain}.voice-intro .works{margin-top:12px}.voice-intro .takeaway{font-size:20px;line-height:1.5;margin:18px 0}.voices button{flex:1}.voice-workbench>div:last-child>blockquote{max-width:85ch}.crowd-details{margin-top:32px}.crowd-details[open]>.switches{margin-top:24px}.crowd-details h3{font-size:24px}.crowd-details p{max-width:85ch}
.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}.lab{padding:24px;position:sticky;top:calc(var(--stick) + 20px)}.reading-panel h3{font-size:28px}.reading-panel .eyebrow{font-size:10px}.reading-panel blockquote{margin-top:20px;font-size:20px}.diagram-reading{padding:15px 17px;background:var(--mint);border-radius:13px;margin:6px 0 10px;font:600 14px/1.55 system-ui,sans-serif;min-height:108px}.diagram-key{font:11px/1.6 system-ui,sans-serif;color:var(--muted);margin:0}.self-diagram{padding:22px 0 12px}.diagram-node{margin:auto;border:2px solid var(--ink);border-radius:14px;text-align:center;padding:10px 16px;width:210px;font:650 22px/1.2 'Source Serif 4',serif;box-shadow:4px 4px 0 var(--sun);background:var(--paper)}.diagram-node small{display:block;font:11px/1.4 system-ui;margin-top:5px}.self-node{background:var(--mint);box-shadow:4px 4px 0 var(--coral)}.self-link{position:relative;height:76px;width:240px;margin:auto;color:var(--teal)}.self-link svg{width:100%;height:100%}.self-link path:not(defs path){fill:none;stroke:currentColor;stroke-width:3;marker-end:url(#self-arrow)}.self-link span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--card);font:800 25px/1 system-ui;color:#b6452a}.self-diagram[data-state=unconscious] #self-path{stroke-dasharray:4 7;marker-end:none}.self-diagram[data-state=defiance] #self-path{stroke:#b6452a;marker-end:none}.self-diagram[data-state=faith] .self-node{animation:breathe 3s ease-in-out infinite}.synthesis{display:flex;justify-content:center;gap:12px;margin:17px 0 0;font:10px/1.4 system-ui;color:var(--muted)}.synthesis i{font-style:normal;color:var(--teal)}.manuscript-strip{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:40px;align-items:center}.manuscript-strip p{font-size:16px;margin-top:16px}.manuscript-strip img{max-height:210px;object-fit:contain}
.art-interlude{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:65px;align-items:center;margin:40px 0}.art-interlude #abraham-image{padding:16px;border:2px solid var(--ink);background:var(--card);border-radius:22px;box-shadow:9px 9px 0 var(--sun);transform:rotate(-1deg)}.art-interlude #abraham-image img{height:390px;object-fit:contain}.art-interlude h3{font-size:32px;margin-bottom:20px}.movement{display:flex;gap:18px;align-items:center;padding:22px 0;margin:10px 0}.movement>span{font:650 20px 'Source Serif 4',serif}.movement b{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--sun);border-radius:50%;font:700 12px system-ui;margin-right:6px}.movement small{display:block;font:11px/1.5 system-ui;margin-top:8px}.movement i{color:var(--teal);font-size:24px;animation:flow 2s ease-in-out infinite}.book-inset figure{display:flex;gap:18px;align-items:center;max-width:410px}.book-inset .image-button{width:95px;flex-shrink:0}.book-inset img{height:145px;object-fit:contain}.comparison-workbench{box-shadow:8px 8px 0 var(--coral)}.comparison-workbench .switches{margin-top:20px}.comparison-status{font:12px/1.5 system-ui;color:var(--muted)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.comparison-card{padding:24px;border-radius:18px;background:var(--paper);border-top:5px solid var(--coral);min-width:0}.comparison-card:nth-child(2){background:var(--mint);border-top-color:var(--teal)}.comparison-card h3{font-size:27px;margin-bottom:12px}.comparison-points p{font-size:16px}.comparison-card blockquote{font-size:19px;background:var(--card);padding:16px}.comparison-card h4{letter-spacing:.01em;font-size:11px}
.relation-diagram{position:relative;height:280px;container-type:inline-size;margin-top:5px}.relation-diagram svg{position:absolute;width:100%;height:100%;inset:0}.relation-diagram svg>path{fill:none;stroke:var(--teal);stroke-width:3;marker-end:url(#relation-arrow);stroke-dasharray:8 4;animation:travel 4s linear infinite}.relation-node{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));transition:transform .5s ease;background:var(--card);border:2px solid var(--ink);border-radius:14px;width:110px;padding:13px 5px;text-align:center;font:650 18px/1.1 'Source Serif 4',serif;box-shadow:3px 3px 0 var(--sun)}.relation-node small{display:block;font:10px/1.3 system-ui;margin-top:7px}.node-god{background:var(--paper);--x:0px;--y:-80px}.node-self{background:var(--mint);--x:-30cqw;--y:70px}.node-other{background:var(--peach);--x:30cqw;--y:70px}.relation-diagram[data-state=buberCritique] .node-god{--x:-30cqw}.relation-diagram[data-state=buberImmanent] .node-self{--x:-35cqw;--y:0px}.relation-diagram[data-state=buberImmanent] .node-other{--x:0px;--y:0px}.relation-diagram[data-state=buberImmanent] .node-god{--x:35cqw;--y:0px}.relation-diagram #relation-broken{display:none;stroke:#9b6051;stroke-dasharray:3 7;marker-end:none;animation:none}.relation-diagram[data-state=buberCritique] #relation-broken{display:block}.broken-mark{display:none;position:absolute;left:50%;top:210px;transform:translate(-50%,-50%);background:var(--card);font:700 26px/1 system-ui;color:#b6452a;padding-inline:8px}.relation-diagram[data-state=buberCritique] .broken-mark{display:block}.appendix-b{margin-top:32px}.appendix-b>div{margin-top:20px}.appendix-b strong{font-family:'Source Serif 4',serif}.appendix-b p{margin:12px 0}
.search-label{display:block;font:650 12px system-ui;margin-bottom:10px}#quote-search{width:min(100%,620px);border:2px solid var(--ink);background:var(--card);border-radius:12px;padding:14px 18px;margin-bottom:20px;font:16px system-ui}.count{font:12px system-ui;color:var(--muted)}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quote-grid article{padding:24px;background:var(--card);border-radius:18px;border:1px solid var(--rule)}.quote-grid blockquote{padding:0;border:0;background:none;font-size:21px}.quote-grid .citation{margin-bottom:0}.appendices{display:grid;gap:15px}.appendices details[open]>div{margin-top:24px}.appendices h3{font-size:24px}.appendices p{margin:16px 0}.appendices .paper{box-shadow:4px 4px 0 var(--mint)}.image-notes{padding-top:0}.image-notes details[open]>p{margin-top:24px}.image-notes p{font-size:14px}#image-credits p{padding-top:14px;border-top:1px solid var(--rule);font:12px/1.7 system-ui}footer{padding-block:40px 65px!important;border-top:1px solid var(--rule)}footer p{margin-top:18px;font-size:16px}footer h2{font-size:36px}footer .actions>a:last-child{font:600 12px system-ui}
dialog{border:2px solid var(--ink);border-radius:22px;background:var(--card);color:var(--ink);max-width:min(900px,calc(100vw - 28px));max-height:90vh;padding:38px}dialog::backdrop{background:#17343ecc;backdrop-filter:blur(4px)}.close{position:sticky;top:0;float:right;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:50%;background:var(--paper);font:24px/1 system-ui;color:var(--ink);z-index:1}.abstract-content{clear:both}.abstract-content h2{font-size:30px}.abstract-content h3,.abstract-content h4{margin:24px 0 12px;font:700 17px 'Source Serif 4',serif}.abstract-content p,.abstract-content li{font-size:15px}.abstract-content ul{padding-left:18px}.abstract-content li{margin:6px 0}#image-modal{max-width:min(1100px,calc(100vw - 28px));padding:20px}#image-modal img{max-height:72vh;object-fit:contain;margin:auto}#image-modal figcaption{margin-top:16px;font:12px/1.6 system-ui}#image-modal figure{clear:both}.image-button,.primary,.secondary{transition:transform .2s}
@keyframes breathe{50%{transform:scale(1.025)}}@keyframes flow{50%{transform:translateX(5px)}}@keyframes travel{to{stroke-dashoffset:-48}}
@media(max-width:1000px){.hero-grid{gap:35px}.portrait-pair img{height:190px}.lab-layout{gap:24px}.lab{padding:18px}.relation-node{width:96px;font-size:16px}.relation-node small{font-size:9px}.art-interlude{gap:35px}}
@media(max-width:859px){.hero-grid{grid-template-columns:1fr 1fr;gap:26px}.hero h1{font-size:42px}.portrait-board{padding:16px;box-shadow:8px 8px 0 var(--coral)}.portrait-pair{grid-template-columns:1fr 20px 1fr;gap:2px}.portrait-pair img{height:155px}.portrait-board>p{font-size:15px}.lead{font-size:21px}.lab-layout{grid-template-columns:1fr}.lab{position:static;max-width:650px;width:100%;margin:auto}.reading-panel{padding:10px 4px}.diagram-reading{min-height:0}.self-diagram{padding-top:20px}.lab .compact{flex-wrap:nowrap}.lab .compact button{min-width:0}.relation-diagram{max-width:520px;margin-inline:auto}.voice-intro{gap:22px;grid-template-columns:145px 1fr}.opening-grid{gap:24px}.opening-grid blockquote{font-size:21px}.comparison-card{padding:18px}.comparison-grid{gap:18px}}
@media(max-width:640px){body{font-size:16px}.wrap{padding-inline:16px}.sitebar>.wrap{flex-wrap:wrap;gap:8px;padding-block:10px}.sitebar .wrap>div{gap:16px}.hero-grid{display:block;padding-block:34px 40px}.hero h1{font-size:clamp(37px,9.8vw,48px)}.hero .lead{font-size:22px}.portrait-board{margin-top:30px;transform:none}.portrait-pair img{height:180px}.portrait-pair{grid-template-columns:1fr 28px 1fr;gap:10px}.hero-answer{font-size:16px}.section{padding-block:42px}.section-heading{margin-bottom:23px}.section-heading>p:last-child{font-size:17px}.paper{padding:18px;border-radius:19px;box-shadow:5px 5px 0 var(--mint)}.chapter-nav>.wrap{padding-block:9px;gap:7px}.chapter-nav a{padding:8px 10px;font-size:11px}.number{width:32px;height:32px;font-size:12px}.opening-grid{display:flex;flex-direction:column;gap:22px;align-items:stretch}.opening-grid #opening-image{order:2}.opening-grid .artifact img{height:230px}.opening-grid blockquote{margin-top:0;font-size:21px}.opening-panel>.switches{margin-bottom:24px}.switches button{padding:10px 12px;font-size:11px}.voices{display:grid;grid-template-columns:1fr 1fr}.voice-intro{grid-template-columns:95px 1fr;gap:16px;align-items:start}.voice-art img{height:140px}.voice-art figcaption{font-size:9px}.voice-intro h3{font-size:25px}.voice-intro .eyebrow{font-size:9px}.voice-intro .takeaway{font-size:16px;line-height:1.5}.voice-intro .citation{font-size:10px}.voice-intro .works{font-size:10px}.voice-workbench blockquote{font-size:19px;padding:16px}.lab .compact{gap:5px}.lab .compact button{font-size:10px;padding:10px 5px}.lab-label span{display:inline;margin-left:5px}.diagram-reading{font-size:13px;padding:13px}.relation-node{width:88px;font-size:15px}.relation-node small{font-size:9px}.reading-panel h3{font-size:26px}.reading-panel blockquote{font-size:20px}.manuscript-strip{display:flex;flex-direction:column;gap:24px}.manuscript-strip>div{width:100%}.manuscript-strip img{height:180px}.art-interlude{grid-template-columns:1fr;gap:35px}.art-interlude #abraham-image{max-width:410px;margin:auto;transform:none}.art-interlude #abraham-image img{height:290px}.art-interlude h3{font-size:29px}.movement{justify-content:space-between;gap:10px}.movement>span{font-size:18px}.movement small{font-size:10px}.movement b{width:24px;height:24px}.comparison-grid{grid-template-columns:1fr}.comparison-status{font-size:11px}.comparison-card h3{font-size:25px}.quote-grid{grid-template-columns:1fr}.quote-grid article{padding:20px}.section.image-notes{padding-top:0}dialog{padding:22px}footer .actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.sitebar,.chapter-nav,.switches,button:not(.image-button),.actions,.search-label,input,.skip{display:none!important}.image-button{display:block}.image-button span{display:none}body,.mint,.peach{background:white}.paper{box-shadow:none}.section{padding-block:24px}.lab{position:static}.hero-grid{display:block}.portrait-board{display:none}dialog:not([open]){display:none}}

@media(max-width:640px){.relation-diagram[data-state=buberImmanent] .relation-node{width:76px;font-size:14px}.relation-diagram[data-state=buberImmanent] .relation-node small{font-size:9px}}

[hidden]{display:none!important}.scope-note{font:13px/1.65 system-ui,sans-serif;color:var(--muted);border-left:3px solid var(--coral);padding:10px 15px;background:var(--card);border-radius:0 12px 12px 0;margin-top:20px}#quote-toggle{margin-bottom:24px}#vault .section-heading{margin-bottom:22px}
/* Keep the decorative hero circle behind content at every width. */
.hero-grid{position:relative;z-index:1}