/* Version C essay pages */
.essay{--line:rgba(20,19,18,.14);--burg:#5a1f27}
.essay .essay-sheet{background:var(--paper);color:var(--ink);padding:72px 0 96px}
.essay .essay-sheet .wrap{max-width:1180px}
.essay .essay-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:72px;padding:0!important}
.essay .essay-meta>*{padding:18px 20px;border-left:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.45}
.essay .essay-meta>*:first-child{border-left:0;padding-left:0}
.essay .essay-meta b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-weight:600;margin-bottom:6px}
.essay .experiment-notebook{display:grid;grid-template-columns:200px minmax(0,1fr);gap:64px;align-items:start}
.essay .experiment-notebook>aside{position:sticky;top:calc(var(--navh,64px) + 32px);display:flex;flex-direction:column;gap:10px;font-size:13px}
.essay .experiment-notebook>aside .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.essay .experiment-notebook>aside a{color:var(--muted);text-decoration:none;transition:color .2s}
.essay .experiment-notebook>aside a:hover,.essay .experiment-notebook>aside a.active{color:var(--ink)}
.essay .experiment-notebook>div{max-width:660px!important}
.essay .notebook-entry{margin:0 0 72px;scroll-margin-top:calc(var(--navh,64px) + 40px)}
.essay .notebook-entry small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.essay .notebook-entry h2{font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-.03em;font-weight:600;margin:0 0 22px}
.essay .notebook-entry p{font-size:18px;line-height:1.6;margin:0 0 16px;color:var(--ink-2)}
.essay .notebook-entry a{color:inherit}
.essay .shift{display:grid;grid-template-columns:200px minmax(0,1fr);gap:64px;margin-bottom:72px}
.essay .shift-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.essay .shift-body{max-width:760px}.essay .shift-body h2{font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.035em;margin:0 0 20px;font-weight:600}
.essay .shift-body p{font-size:18px;line-height:1.6;max-width:660px}
/* bottom nav */
.essay-nav{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.en-row{position:relative;display:block;padding:28px 28px 64px;border:1px solid var(--line);border-radius:var(--r,18px);background:rgba(20,19,18,.02);color:var(--ink);text-decoration:none;transition:border-color .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1)}
.en-row:hover{border-color:rgba(20,19,18,.4);transform:translateY(-3px)}
.en-row small{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.en-t{display:block;margin:56px 0 0;font-size:clamp(22px,2.4vw,32px);line-height:1.1;font-weight:600;letter-spacing:-.035em;color:var(--ink)}
.en-a{position:absolute;right:24px;bottom:22px;font-size:20px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.en-row:hover .en-a{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.en-row,.en-a{transition:none}.en-row:hover{transform:none}}
@media (max-width:900px){
 .essay .experiment-notebook,.essay .shift{grid-template-columns:1fr;gap:28px}
 .essay .experiment-notebook>aside{display:none}
 .essay .essay-meta{grid-template-columns:1fr 1fr}
 .essay .essay-meta>*:nth-child(odd){border-left:0;padding-left:0}
 .essay-nav{grid-template-columns:1fr}
}