/* Visual menu r3 (LOCAL TEST, 29 Oct 2026, branch visual-menu). Back to the v1 design without any image:
   number label + big Anton section name + italic EB Garamond descriptor on the left; numbered hairline rows on the right,
   the link text set in the EB Garamond italic "sub-font"; ink hover like Home Every side.
   ?menu=current (or html.vm-off) falls back to the current text nav. Cream/ink only; existing copy only. */
.vm,.vm-scrim{display:none}
@media (min-width:1000px){
  html.js:not(.vm-off) .vm{display:block;position:fixed;z-index:29;left:0;right:0;top:var(--bar);background:var(--c-cream);color:var(--c-ink);border-bottom:1px solid var(--c-ink);visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .35s var(--ease),transform .45s var(--ease),visibility 0s linear .45s}
  html.js:not(.vm-off) .vm.open{visibility:visible;opacity:1;transform:none;transition:opacity .35s var(--ease),transform .45s var(--ease),visibility 0s}
  html.js:not(.vm-off) .vm-scrim{display:block;position:fixed;z-index:28;inset:var(--bar) 0 0;background:rgba(17,17,17,.14);opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .35s}
  html.js:not(.vm-off) .vm.open+.vm-scrim{opacity:1;visibility:visible;transition:opacity .35s,visibility 0s}
  .bar-nav a[aria-expanded="true"]::after{transform:scaleX(1)}
}
.vm-p{display:none}
.vm-p.on{display:block}
@media (prefers-reduced-motion:no-preference){.vm.open .vm-p.on{animation:vmIn .3s var(--ease) both}}
@keyframes vmIn{from{opacity:0}to{opacity:1}}
.vm-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:clamp(32px,3.4vw,52px) var(--m) clamp(36px,3.8vw,58px);align-items:start}
.vm-head{grid-column:1/6;display:flex;flex-direction:column;gap:14px}
.vm-num{color:var(--c-mute-l)}
.vm-t{font-size:clamp(64px,7.2vw,116px);line-height:.86;text-decoration:none;align-self:flex-start}
.vm-t:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.08em}
.vm-d{font-size:clamp(20px,1.6vw,24px);line-height:1.3;color:var(--c-mute-l);max-width:32ch}
.vm-links{grid-column:7/13;list-style:none;margin:0;padding:0;border-top:1px solid var(--c-ink)}
.vm-links a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px 0 13px;border-bottom:1px solid var(--c-line-l);text-decoration:none;transition:padding .35s var(--ease),background .25s,color .25s}
.vm-links .lbl{color:var(--c-mute-l);transition:color .25s}
.vm-l{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(24px,2.1vw,30px);line-height:1.15;letter-spacing:-.01em}
.vm-arr{font:400 18px/1 var(--sans);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .35s var(--ease)}
.vm-links a:hover,.vm-links a:focus-visible{background:var(--c-ink);color:var(--c-cream);padding-left:14px;padding-right:14px;outline:none}
.vm-links a:hover .lbl,.vm-links a:focus-visible .lbl{color:var(--c-mute-d)}
.vm-links a:hover .vm-arr,.vm-links a:focus-visible .vm-arr{opacity:1;transform:none}
.vm-links a[aria-current="page"] .vm-l{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}

/* mobile: full-screen accordion inside the existing #index overlay, no thumbnails */
.vmm{display:none}
@media (max-width:999px){
  html:not(.vm-off) .idx{background:var(--c-cream);color:var(--c-ink);padding:8px var(--m) 96px}
  html:not(.vm-off) .idx>ol{display:none}
  html:not(.vm-off) .vmm{display:block}
}
.vmm-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-ink)}
.vmm-i{border-bottom:1px solid var(--c-line-l)}
.vmm-row{display:grid;grid-template-columns:32px 1fr 44px;align-items:center;column-gap:10px;min-height:70px}
.vmm-row .lbl{color:var(--c-mute-l)}
.idx .vmm-a{font-family:var(--display);text-transform:uppercase;font-size:clamp(36px,10vw,54px);line-height:1;text-decoration:none;padding:10px 0}
.idx .vmm-a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.08em}
.vmm-tg{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid var(--c-line-l);color:inherit;cursor:pointer;padding:0;border-radius:0}
.vmm-pm{position:relative;width:14px;height:14px}
.vmm-pm::before,.vmm-pm::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transition:transform .35s var(--ease)}
.vmm-pm::after{transform:rotate(90deg)}
.vmm-tg[aria-expanded="true"]{background:var(--c-ink);color:var(--c-cream);border-color:var(--c-ink)}
.vmm-tg[aria-expanded="true"] .vmm-pm::after{transform:rotate(0)}
.vmm-sub{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .45s var(--ease),visibility 0s linear .45s}
.vmm-i.open .vmm-sub{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .45s var(--ease),visibility 0s}
.vmm-subin{overflow:hidden;min-height:0;padding-left:42px}
.vmm-subin .serif-i{display:block;font-size:19px;line-height:1.3;color:var(--c-mute-l);padding:0 0 12px}
.vmm-subin ul{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--c-line-l);counter-reset:vs}
.idx .vmm-subin a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:11px 0;border-bottom:1px solid var(--c-line-l);font:italic 400 22px/1.2 var(--serif);text-decoration:none;counter-increment:vs}
.idx .vmm-subin a::before{content:counter(vs,decimal-leading-zero);font:600 10.5px/1 var(--sans);font-style:normal;letter-spacing:.12em;color:var(--c-mute-l)}
.idx .vmm-subin a::after{content:"→";font:400 15px/1 var(--sans);font-style:normal}
.idx .vmm-subin a:hover{background:var(--c-ink);color:var(--c-cream)}
@media (max-width:380px){.vmm-subin{padding-left:0}}

@media (prefers-reduced-motion:reduce){
  .vm,.vm.open,.vm-scrim,.vm-links a,.vm-arr,.vmm-sub,.vmm-i.open .vmm-sub,.vmm-pm::after{transition:none!important}
  .vm.open .vm-p.on{animation:none}
  html.js:not(.vm-off) .vm{transform:none!important}
  .vm-links a:hover,.vm-links a:focus-visible{padding-left:0;padding-right:0}
}