:root{--vellum:#f0ece2;--linen:#e6e0d4;--storm-ink:#2d3436;--driftwood:#636e72;--tidal-teal:#2c5f6e;--deep-channel:#1a3c47;--kelp-ochre:#b8860b;--shallow-pool:#a8c4c9;--reef-coral:#e07a5f;--cool-bg:#e8eff2;--ruled-line:#c4d7db;--nav-initial:#5a8a97}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Literata",Georgia,serif;font-variation-settings:"opsz" auto;color:var(--storm-ink);background:linear-gradient(180deg,var(--vellum) 0%,var(--cool-bg) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
#sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background-color:var(--linen);background-image:repeating-linear-gradient(transparent,transparent calc(1.6rem - 1px),var(--ruled-line) calc(1.6rem - 1px),var(--ruled-line) 1.6rem);filter:url(#paper-texture);z-index:100;overflow-y:auto;border-right:1px solid var(--shallow-pool)}.sidebar-inner{padding:2rem 1.5rem;display:flex;flex-direction:column;min-height:100%}#compass-container{display:flex;justify-content:center;margin-bottom:2rem}#compass-rose{width:100px;height:100px;animation:spin-compass 120s infinite linear;cursor:pointer;transition:filter 0.3s ease}#compass-rose:hover{filter:url(#displacement)}@keyframes spin-compass{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.compass-label{font-family:"Inclusive Sans",sans-serif;font-size:9px;fill:var(--driftwood);letter-spacing:0.04em;text-transform:uppercase}#sidebar-nav{display:flex;flex-direction:column;gap:0.4rem;margin-bottom:2rem}.nav-item{font-family:"Inclusive Sans",sans-serif;font-size:clamp(0.75rem,0.9vw + 0.3rem,0.9rem);letter-spacing:0.04em;text-transform:uppercase;color:var(--nav-initial);text-decoration:none;padding:0.5rem 0;border-bottom:2px solid transparent;border-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%273%27%3E%3Cpath d=%27M0,1.5 C10,0.5 20,2.5 30,1.5 C40,0.5 50,2.5 60,1.5 C70,0.5 80,2.5 90,1.5 C95,1 100,1.5 100,1.5%27 stroke=%27%235a8a97%27 stroke-width=%271.5%27 fill=%27none%27/%3E%3C/svg%3E") 0 0 2 0/0 0 2px 0 stretch;transition:color 0.3s ease}.nav-item:hover,.nav-item.active{color:var(--tidal-teal);border-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27100%27 height=%274%27%3E%3Cpath d=%27M0,2 C10,0.5 20,3.5 30,2 C40,0.5 50,3.5 60,2 C70,0.5 80,3.5 90,2 C95,1.5 100,2 100,2%27 stroke=%27%232c5f6e%27 stroke-width=%272%27 fill=%27none%27/%3E%3C/svg%3E") 0 0 3 0/0 0 3px 0 stretch}
.truth-table-texture{margin-top:auto;opacity:0.06;font-family:"Caveat",cursive;font-size:0.9rem;color:var(--storm-ink)}.tt-row{display:flex;gap:1.2rem;padding:0.2rem 0;border-bottom:1px solid var(--shallow-pool)}.tt-row span{width:1.2rem;text-align:center}#mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--linen);border-bottom:1px solid var(--shallow-pool);z-index:200;align-items:center;padding:0 1rem}#hamburger{background:none;border:none;cursor:pointer;width:32px;height:32px;padding:0}#hamburger svg{width:32px;height:32px}.mobile-title{font-family:"Caveat",cursive;font-size:1.4rem;color:var(--tidal-teal);margin-left:0.8rem}
#mobile-overlay{position:fixed;inset:0;background:var(--linen);z-index:300;display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease}#mobile-overlay.hidden{display:none}.overlay-content{text-align:center}#close-overlay{background:none;border:none;cursor:pointer;width:32px;height:32px;position:absolute;top:1rem;right:1rem}#close-overlay svg{width:32px;height:32px}.overlay-nav{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.overlay-nav-item{font-family:"Inclusive Sans",sans-serif;font-size:1.1rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--tidal-teal);text-decoration:none;transition:color 0.3s ease}.overlay-nav-item:hover{color:var(--deep-channel)}
#main-content{margin-left:280px;padding:4rem 0 0 3vw;min-height:100vh;position:relative}.content-section{width:clamp(480px,60vw,720px);margin-bottom:0}.opening-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.site-title{font-family:"Caveat",cursive;font-size:clamp(3rem,6vw,5rem);font-weight:700;color:var(--storm-ink);line-height:1.15;letter-spacing:0.01em;transform:rotate(-1.2deg);margin-bottom:0.5rem}.title-underline{width:80%;height:12px;display:block;margin-bottom:1.5rem}.subtitle{font-family:"Literata",Georgia,serif;font-style:italic;font-size:clamp(1.2rem,2vw,1.6rem);color:var(--driftwood);margin-bottom:3rem;font-weight:300}
.opening-decoration{width:300px;max-width:80%;margin:2rem auto;opacity:0.8}.opening-decoration svg{width:100%;height:auto}h2{font-family:"Caveat",cursive;font-size:clamp(1.4rem,2.5vw + 0.4rem,2.4rem);font-weight:700;color:var(--storm-ink);line-height:1.15;letter-spacing:0.01em;margin-bottom:1.5rem}h3{font-family:"Caveat",cursive;font-size:clamp(1.1rem,2vw + 0.3rem,1.8rem);font-weight:700;color:var(--storm-ink);line-height:1.15;letter-spacing:0.01em;margin-bottom:0.8rem}p{font-family:"Literata",Georgia,serif;font-size:clamp(1rem,1.2vw + 0.6rem,1.25rem);line-height:clamp(1.55,calc(1.5 + 0.3vw),1.75);color:var(--storm-ink);font-weight:400;margin-bottom:1.5rem;font-variation-settings:"opsz" auto}
.wave-divider{width:100%;max-width:clamp(480px,60vw,720px);height:24px;margin:3rem 0;overflow:visible}.wave-divider svg{width:100%;height:100%}.arrow-connector{display:block;width:40px;height:80px;margin:1rem auto}.manifesto-section,.atlas-section,.paradox-section,.closing-section{padding-top:4rem;padding-bottom:2rem}.pull-quote{position:relative;margin:2.5rem 0;padding:2rem 2.5rem}.rope-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pull-quote blockquote{font-family:"Caveat",cursive;font-size:clamp(1.4rem,2.5vw,2rem);color:var(--kelp-ochre);line-height:1.3;font-weight:400;position:relative;z-index:1}
.manifesto-diagram{width:240px;max-width:80%;margin:2rem auto;opacity:0.8}.manifesto-diagram svg{width:100%;height:auto}.diagram-label{font-family:"Caveat",cursive;font-size:12px;fill:var(--driftwood)}.chart-entry{position:relative;padding:2rem 2rem 1.5rem;margin-bottom:2rem}.chart-entry .entry-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.chart-entry.indented{margin-left:12%}.entry-meta{font-family:"Inclusive Sans",sans-serif;font-size:clamp(0.75rem,0.9vw + 0.3rem,0.9rem);letter-spacing:0.04em;text-transform:uppercase;color:var(--driftwood);margin-bottom:1rem}.entry-diagram{display:block;width:160px;max-width:80%;margin:1rem 0;opacity:0.85}
.paradox-section{background:linear-gradient(180deg,var(--vellum) 0%,var(--cool-bg) 100%)}.fragment{font-family:"Literata",Georgia,serif;font-style:italic;font-size:clamp(1.1rem,1.5vw + 0.5rem,1.4rem);color:var(--tidal-teal);margin-bottom:1rem;padding-left:1rem;border-left:2px solid var(--reef-coral)}.glitch-quote .rope-border path{stroke:var(--reef-coral)}.glitch-quote blockquote{color:var(--reef-coral)}.paradox-diagram{width:260px;max-width:90%;margin:2rem auto;opacity:0.8}.paradox-diagram svg{width:100%;height:auto}.paradox-section .arrow-connector{height:60px}.paradox-section .arrow-connector path{stroke:var(--reef-coral)}
.closing-section{min-height:60vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:40vh}.closing-text{font-family:"Caveat",cursive;font-size:clamp(1.8rem,4vw + 0.5rem,3.6rem);color:var(--storm-ink);margin-bottom:3rem}.anchor-flourish{width:80px;margin:0 auto;opacity:0.7}.anchor-flourish svg{width:100%;height:auto}.glitch-band{position:fixed;left:280px;right:0;height:3px;z-index:50;pointer-events:none;opacity:0;transition:none}.glitch-band.visible{opacity:1;background:linear-gradient(90deg,var(--reef-coral),var(--tidal-teal),var(--reef-coral))}.hidden{display:none}
.pull-quote-glitch{text-shadow:2px 0 var(--reef-coral),-2px 0 var(--tidal-teal);transition:text-shadow 0.4s ease}.pull-quote-glitch-resolve{text-shadow:0 0 transparent}@keyframes glitch-band-flash{0%{opacity:0;transform:translateX(0)}10%{opacity:1;transform:translateX(3px)}50%{opacity:1;transform:translateX(-4px)}90%{opacity:1;transform:translateX(5px)}100%{opacity:0;transform:translateX(0)}}
@media(max-width:1023px){#sidebar{display:none}#mobile-header{display:flex}#main-content{margin-left:0;padding:72px 5vw 0}.content-section{width:100%;max-width:720px}.opening-section{min-height:calc(100vh - 72px)}.wave-divider{max-width:100%}.chart-entry.indented{margin-left:0}.glitch-band{left:0}.closing-section{padding-bottom:20vh}}@media(max-width:600px){.site-title{font-size:2.4rem}.pull-quote{padding:1.5rem 1.2rem}.chart-entry{padding:1.5rem 1.2rem}}