/* 2Moons Studio showcase (tools/studio_page.py) */
.studio-lead { font-size: 1.12rem; }
.studio-toc { margin: 1.2rem 0 0; font-family: var(--display); }
.studio-tool { margin: 2.2rem 0 0; }
.studio-tool h3 { margin: 0 0 .5rem; }
.studio-tool figure { margin: .9rem 0 0; }
.studio-tool img { display: block; width: 100%; height: auto; }
.studio-tool ul, .studio-list { padding-left: 1.2em; }
.studio-tool li, .studio-list li { margin: .4rem 0; }
.studio-soon { display: inline-block; margin-left: .5em; padding: 2px 8px; font: 600 .72rem/1.4 var(--caps); letter-spacing: .1em;
  vertical-align: middle; color: var(--gold); border: 1px solid var(--gilt-dim); }
.studio-next li::marker { content: "\25C6  "; color: var(--gold); }
.studio-tool a.zoom { display: block; cursor: zoom-in; }
.studio-zoom { max-width: 96vw; max-height: 96vh; padding: 0; border: 1px solid var(--gilt); background: #0b0a12; cursor: zoom-out; }
.studio-zoom::backdrop { background: rgba(5, 4, 10, .88); }
.studio-zoom img { display: block; max-width: 96vw; max-height: 96vh; width: auto; height: auto; }
.studio-zoom form { position: absolute; top: 4px; right: 6px; margin: 0; }
.studio-zoom button { width: 44px; height: 44px; font-size: 1.8rem; line-height: 1; color: var(--bone); background: rgba(11,10,18,.7); border: 0; cursor: pointer; }