.genesis-explainer{padding-bottom:70px}.genesis-chapter{border-bottom:1px solid var(--line);min-height:0;padding:78px 0}.genesis-chapter:nth-child(2n){background:linear-gradient(90deg, transparent, var(--section) 7%, var(--section) 93%, transparent)}.genesis-chapter:first-child,.genesis-chapter:nth-child(2),.genesis-chapter:nth-child(3),.genesis-chapter:nth-child(7),.genesis-chapter:nth-child(8){padding-top:92px;padding-bottom:92px}.genesis-chapter>header{grid-template-columns:76px minmax(0,760px);gap:26px;margin-bottom:44px;display:grid}.genesis-chapter>header>span{color:var(--accent);font:12px/1 var(--font-data)}.genesis-chapter h2{font:400 clamp(36px, 4vw, 62px)/1 var(--font-brand);margin:0}.genesis-chapter>header p{color:var(--muted);font-size:17px}.beginning-field{border:1px solid var(--line-strong);background:radial-gradient(circle at 50% 45%, #a4c0b21c, transparent 42%), linear-gradient(#a4c0b20d 1px, transparent 1px), linear-gradient(90deg, #a4c0b20d 1px, transparent 1px), var(--surface);background-size:auto,64px 64px,64px 64px,auto;height:330px;position:relative;overflow:hidden}.beginning-field i{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);background:var(--accent);width:4px;height:4px;animation:particle-breathe calc(4s + (var(--i) % 5) * 1s) ease-in-out infinite alternate;border-radius:50%;position:absolute}.field-axis{color:var(--dim);font:11px/1 var(--font-data);letter-spacing:.07em;justify-content:space-between;display:flex;position:absolute;inset:14px}.field-legend{border-left:1px solid var(--accent);color:#eef2ec;background:#101814eb;gap:5px;padding:13px 15px;display:grid;position:absolute;bottom:20px;left:22px}.field-legend strong,.field-legend span,.field-legend small{font:11px/1.35 var(--font-data)}.field-legend span{color:#b6c0b9}.field-legend small{color:#a7c1b2}.graphic-equivalent{color:var(--dim);font-size:13px}.interaction-graphic{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.interaction-stage{border:1px solid var(--line-strong);background:var(--surface);height:360px;position:relative;overflow:hidden}.particle-core,.neighbor{z-index:3;border:1px solid var(--line-strong);background:var(--bg-soft);cursor:pointer;width:50px;height:50px;font:12px/1 var(--font-data);border-radius:50%;margin:-25px;position:absolute}.particle-core{border-color:var(--accent);top:50%;left:50%}.neighbor{place-content:center;gap:3px;transition:opacity .2s,border-color .2s;display:grid}.neighbor small{color:var(--dim);font:10px/1 var(--font-data)}.neighbor.outside{opacity:.38}.neighbor.inside,.neighbor.active,.neighbor:hover{color:var(--accent);border-color:var(--accent);opacity:1}.neighbor.n1{top:40%;left:64%}.neighbor.n2{top:62%;left:37%}.neighbor.n3{top:68%;left:70%}.interaction-radius{z-index:1;width:calc(var(--radius) * 2);height:calc(var(--radius) * 2);margin:calc(var(--radius) * -1);background:#a4c0b206;border:1px dashed #a4c0b28c;border-radius:50%;transition:width .2s,height .2s,margin .2s;position:absolute;top:50%;left:50%}.relation-line{z-index:2;transform-origin:0;background:linear-gradient(90deg,#a4c0b28c,#0000);width:118px;height:1px;position:absolute;top:50%;left:50%}.relation-one{transform:rotate(-24deg)}.relation-two{width:108px;transform:rotate(139deg)}.relation-three{opacity:.35;width:158px;transform:rotate(38deg)}.demo-label{border:1px solid var(--line);width:fit-content;color:var(--dim);font:11px/1 var(--font-data);letter-spacing:.08em;padding:6px 8px}.interaction-copy strong{color:var(--accent);font:12px/1 var(--font-data);letter-spacing:.08em}.interaction-copy p{max-width:430px;font:400 20px/1.5 var(--font-brand)}.interaction-copy label,.toy-controls label{color:var(--dim);font:12px/1 var(--font-data);grid-template-columns:1fr auto;gap:12px;display:grid}.interaction-copy label input{grid-column:1/-1}.interaction-copy output{color:var(--accent)}input[type=range]{min-height:44px;accent-color:var(--accent);cursor:pointer;margin-block:-14px}.structure-progression{grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;display:grid}.progression-field{border:1px solid var(--line-strong);background:var(--surface);height:350px;position:relative;overflow:hidden}.progression-field:before{content:attr(data-stage);color:#a4c0b20f;font:150px/1 var(--font-brand);position:absolute;bottom:4px;right:20px}.progression-field>span{color:var(--accent);font:11px/1 var(--font-data);position:absolute;bottom:14px;left:16px}.progression-field i{z-index:1;background:var(--accent);width:4px;height:4px;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);border-radius:50%;transition:left .5s,top .5s;position:absolute}.step-3 .progression-field{background:radial-gradient(circle at 32% 48%, #a4c0b226, transparent 19%), radial-gradient(circle at 70% 50%, #a4c0b21c, transparent 18%), var(--surface)}.structure-progression>div:last-child{gap:20px;display:grid}.structure-progression>div:last-child>strong{font:400 29px/1.2 var(--font-brand)}.structure-progression>div:last-child>p{color:var(--muted);margin:0}.structure-progression ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.structure-progression li button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:47px;color:var(--dim);text-align:left;cursor:pointer;background:0 0;font-size:14px}.structure-progression li.active button{color:var(--accent)}.world-time-diagram{border:1px solid var(--line-strong);background:var(--surface);grid-template-columns:1fr 1.15fr 1fr;align-items:stretch;min-height:260px;display:grid}.world-time-diagram>div:not(.time-lines){flex-direction:column;justify-content:center;gap:18px;padding:30px;display:flex}.world-time-diagram span,.world-time-diagram small{color:var(--dim);font:11px/1.35 var(--font-data);letter-spacing:.07em}.world-time-diagram strong{font:17px/1.3 var(--font-data)}.time-lines{border-left:1px solid var(--line);border-right:1px solid var(--line);place-content:center;gap:22px;display:grid;overflow:hidden}.time-lines span{border-top:1px solid var(--accent);width:220px;animation:time-flow calc(3s / var(--speed,1)) linear infinite}.time-lines span:nth-child(2){opacity:.55;animation-delay:-.8s}.time-lines span:nth-child(3){opacity:.25;animation-delay:-1.6s}.world-time-note{border-left:1px solid var(--accent);color:var(--muted);margin:16px 0 0;padding-left:16px;font-size:16px}.flow-diagram{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:24px;min-height:230px;display:grid}.flow-diagram div{border:1px solid var(--line-strong);background:var(--surface);text-align:center;place-content:center;min-height:132px;padding:20px;display:grid}.flow-diagram strong{font:15px/1 var(--font-data)}.flow-diagram small{color:var(--muted);margin-top:10px;font-size:13px}.flow-diagram>span{color:var(--accent);font-size:28px}.custodian-chain{grid-template-columns:repeat(4,1fr);display:grid}.custodian-chain div{border:1px solid var(--line);background:var(--surface);border-right:0;flex-direction:column;min-height:158px;padding:20px;display:flex}.custodian-chain div:last-child{border-right:1px solid var(--line)}.custodian-chain span,.custodian-chain small{color:var(--accent);font:11px/1 var(--font-data)}.custodian-chain strong{font:400 22px/1.2 var(--font-brand);margin:24px 0 7px}.custodian-chain p{color:var(--muted);margin:0;font-size:14px}.custodian-chain small{text-align:right;margin-top:auto}.identity-diagram{border:1px solid var(--line-strong);background:var(--surface)}.identity-principle{border-bottom:1px solid var(--line);color:var(--ink);font:400 23px/1.3 var(--font-brand);margin:0;padding:18px 22px}.hosts{text-align:center;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;min-height:180px;display:grid}.hosts span{gap:9px;display:grid}.hosts strong,.hosts small{font:12px/1.25 var(--font-data)}.hosts small{color:var(--dim)}.hosts i{color:var(--accent);font-style:normal}.continuity-band{border-top:1px solid var(--accent);background:var(--accent-soft);grid-template-columns:repeat(4,1fr);min-height:70px;display:grid}.continuity-band span{border-right:1px solid var(--line);font:12px/1.2 var(--font-data);text-align:center;place-content:center;display:grid}.genesis-final{text-align:center;margin-top:58px}.genesis-final blockquote{font:400 clamp(32px, 3.5vw, 52px)/1.15 var(--font-brand);margin:0}.genesis-final p{max-width:700px;color:var(--muted);margin:22px auto;font-size:17px}.genesis-final a{gap:30px}@media (max-width:1100px){.interaction-graphic,.structure-progression{grid-template-columns:1fr}}@media (max-width:720px){.genesis-chapter,.genesis-chapter:nth-child(n){min-height:0;padding:62px 0}.genesis-chapter>header{grid-template-columns:38px 1fr;gap:10px;margin-bottom:34px}.genesis-chapter h2{font-size:37px}.beginning-field,.interaction-stage,.progression-field{height:300px}.field-legend{right:16px}.interaction-graphic,.structure-progression{gap:32px}.world-time-diagram{grid-template-columns:1fr}.time-lines{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:100px}.flow-diagram{grid-template-columns:1fr;gap:10px}.flow-diagram>span{text-align:center;transform:rotate(90deg)}.flow-diagram div{min-height:100px}.custodian-chain{grid-template-columns:1fr 1fr}.custodian-chain div{border-right:1px solid var(--line);min-height:155px}.hosts{grid-template-columns:1fr;gap:12px;padding:22px}.hosts i{transform:rotate(90deg)}.continuity-band{grid-template-columns:1fr 1fr}.continuity-band span{border-bottom:1px solid var(--line);min-height:56px}.phase-rail.compact{grid-template-columns:repeat(8,150px)}}.beginning-field,.interaction-stage,.progression-field{background-color:var(--surface);background-image:radial-gradient(circle at 50% 45%,#79a9991c,#0000 42%),linear-gradient(#466b5a0d 1px,#0000 1px),linear-gradient(90deg,#466b5a0d 1px,#0000 1px);background-size:auto,64px 64px,64px 64px}.particle-core,.neighbor{isolation:isolate;background:radial-gradient(circle at 36% 31%, #fffffff5 0 3%, #eef3ebe6 8%, #d2ebe5c7 18%, #79a9993d 42%, #79a9990a 66%, transparent 72%), var(--surface);box-shadow:inset 0 0 0 1px #eef3eb38,0 0 0 7px #79a9990b,0 0 22px #79a99926}.relation-line{background:linear-gradient(90deg, var(--particle-line), transparent)}.interaction-radius{background:#79a99906;border-color:#79a99985}.field-axis,.field-legend strong,.field-legend span,.field-legend small,.world-time-diagram span,.world-time-diagram small{font-size:12px;line-height:1.35}.graphic-equivalent{color:var(--muted)}