/* Typography design terms retained: Condensed** Condense* labels Interactions should like examining private Hovering can reveal emotional footnote 4** 4* reflective passages that need warmth sentimentality. Mathematical snippets */
:root{
  --ivory:#F6F0E4;
  --ink:#0D1321;
  --lavender:#D8D2EA;
  --brown:#1D1A18;
  --red:#D73032;
  --gold:#C9A45C;
  --blue:#234C7C;
  --serif:"Instrument Serif","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:"IBM Plex Sans Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ivory);color:var(--ink)}
body{margin:0;font-family:var(--body);overflow-x:hidden;background:var(--ivory)}
.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.34;background:radial-gradient(circle at 20% 30%,rgba(201,164,92,.16) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,rgba(13,19,33,.08) 0 1px,transparent 1.4px);background-size:18px 22px,29px 31px;mix-blend-mode:multiply}
.rule-field{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(35,76,124,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(29,26,24,.08) 1px,transparent 1px);background-size:8.333vw 100%,100% 32px;mask-image:linear-gradient(to bottom,transparent,black 10%,black 92%,transparent)}
.thread{position:fixed;inset:0;width:100vw;height:100vh;z-index:9;pointer-events:none;filter:drop-shadow(0 2px 1px rgba(29,26,24,.2))}
.thread path{fill:none;stroke:var(--red);stroke-width:.34;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-width .3s ease}
.proof-nav{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:30;display:grid;gap:13px}
.proof-nav button{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--brown);background:rgba(246,240,228,.72);border:1px solid rgba(35,76,124,.24);padding:8px 10px;cursor:pointer;transition:.25s ease;backdrop-filter:blur(8px)}
.proof-nav button.active,.proof-nav button:hover{color:var(--red);border-color:var(--red);transform:translateX(-8px)}
.act{min-height:100vh;position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);padding:clamp(28px,5vw,70px);isolation:isolate}
.act-label{grid-column:2/5;grid-row:2;font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font-size:clamp(13px,1.4vw,18px)}
.hero h1{grid-column:2/12;grid-row:5/7;margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(72px,16vw,230px);line-height:.78;letter-spacing:-.065em;color:var(--brown)}
.dot{color:var(--red);display:inline-block;transform:translateY(-.04em)}
.premise-stack{grid-column:2/5;grid-row:2/4;display:grid;gap:8px;align-self:start;font-family:var(--sans);font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--blue)}
.axiom{grid-column:7/11;grid-row:8/10;margin:0;font-size:clamp(22px,3vw,42px);line-height:1.05;color:var(--ink)}
.red-wax{grid-column:5;grid-row:7;width:54px;height:54px;background:var(--red);border-radius:47% 53% 44% 56%;box-shadow:inset 7px -8px 0 rgba(29,26,24,.12),0 12px 34px rgba(215,48,50,.28);animation:pulse 4s ease-in-out infinite}
.vellum{background:rgba(246,240,228,.76);border:1px solid rgba(201,164,92,.55);box-shadow:0 28px 80px rgba(13,19,33,.12);backdrop-filter:blur(4px);padding:clamp(24px,4vw,54px)}
.sheet-left{grid-column:2/7;grid-row:3/10;transform:rotate(-1.7deg)}
.proof-mark{font-family:var(--mono);color:var(--red);font-size:14px}.vellum h2,.contradiction h2,.qed h2{font-family:var(--serif);font-weight:400;font-size:clamp(45px,7vw,105px);line-height:.9;letter-spacing:-.04em;margin:0 0 24px}.vellum p,.rupture,.qed p{font-size:clamp(19px,2vw,28px);line-height:1.25}
.proof-tree{grid-column:7/12;grid-row:3/10;position:relative;border:1px solid rgba(35,76,124,.25);background:rgba(216,210,234,.42)}
.proof-tree span{position:absolute;left:var(--x);top:var(--y);width:13px;height:13px;border-radius:50%;background:var(--red);box-shadow:0 0 0 8px rgba(215,48,50,.12)}
.proof-tree svg{position:absolute;inset:8%;width:84%;height:84%}.proof-tree path{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-dasharray:5 9}
.annotation{grid-column:8/11;grid-row:10;font-family:var(--mono);font-size:13px;color:var(--brown);transform:rotate(2deg)}
.contradiction{background:linear-gradient(135deg,var(--ivory),var(--lavender))}.contradiction h2{grid-column:2/9;grid-row:3/6;color:var(--ink)}
.venn-heart{grid-column:8/12;grid-row:4/8;position:relative;min-height:260px}.venn-heart div{position:absolute;width:230px;height:230px;border:2px solid var(--red);border-radius:50%;background:rgba(215,48,50,.08)}.venn-heart div:first-child{left:0;transform:rotate(-24deg)}.venn-heart div:nth-child(2){left:110px;border-color:var(--blue);background:rgba(35,76,124,.08);transform:rotate(24deg)}.venn-heart span{position:absolute;left:132px;top:90px;font-family:var(--serif);font-size:86px;color:var(--gold)}
.rupture{grid-column:3/7;grid-row:7/10;margin:0}.strike-note{grid-column:7/11;grid-row:9;font-family:var(--sans);letter-spacing:.16em;color:var(--red);text-decoration:line-through 3px var(--ink);transform:rotate(-3deg)}
.revision-grid{grid-column:2/11;grid-row:3/10;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}.fold{min-height:330px;transform:rotate(var(--r,-2deg))}.fold:nth-child(3){--r:2.2deg}.fold span{font-family:var(--mono);color:var(--blue);text-transform:uppercase}.raised{transform:translateY(-44px) rotate(1deg);border-color:var(--red)}.mobius{grid-column:10/12;grid-row:8/11;font-family:var(--serif);font-size:210px;color:rgba(201,164,92,.45);line-height:.5;animation:turn 10s linear infinite}
.qed{background:var(--brown);color:var(--ivory)}.qed .act-label{color:var(--gold)}.qed h2{grid-column:2/11;grid-row:3/7}.qed p{grid-column:3/8;grid-row:7;margin:0;color:var(--lavender)}.final-card{grid-column:8/12;grid-row:8/11;border:1px solid var(--gold);display:grid;place-items:center;padding:36px;background:rgba(246,240,228,.05)}.final-card span{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase}.final-card strong{font-family:var(--serif);font-size:clamp(70px,10vw,150px);font-weight:400;color:var(--red)}
.act{opacity:.35;transform:scale(.985);transition:opacity .7s ease,transform .7s ease}.act.in-view{opacity:1;transform:scale(1)}
@keyframes pulse{50%{transform:scale(1.08) rotate(8deg)}}@keyframes turn{to{transform:rotate(360deg)}}
@media(max-width:800px){.proof-nav{display:none}.act{display:block;padding:34px 24px}.hero h1{margin-top:26vh;font-size:22vw}.axiom{margin-top:28px}.vellum,.proof-tree,.rupture,.qed p,.final-card{margin-top:24px}.revision-grid{display:block}.fold{margin:18px 0}.venn-heart{transform:scale(.72);transform-origin:left top}.thread path{stroke-width:.55}}