/* A live working specimen, composed on either side of the moving horizon. */
.chapter-work[data-mode="studio"] .scene-layout{display:block;min-height:0}
.chapter-work[data-mode="studio"] .scene-context{display:none}
.chapter-work[data-mode="studio"] .scene-visual{grid-column:auto;max-width:none;width:100%;padding:0}
.design-studio{--studio-face:"Caprasimo",Georgia,serif;--studio-tracking:-.02em;--studio-ink:#ffe2b5;display:grid;grid-template-columns:minmax(0,1.18fr) clamp(130px,18vw,230px) minmax(0,.9fr);align-items:center;min-height:255px;text-align:left}
.studio-specimen{grid-column:1;min-width:0;padding:20px 0 16px;background:repeating-linear-gradient(0deg,transparent,transparent 43px,#ffe2b512 44px,#ffe2b512 45px);border-top:1px solid #ffe2b533;border-bottom:1px solid #ffe2b533}
.studio-type{min-height:140px;display:block;color:var(--studio-ink);font-family:var(--studio-face);font-size:clamp(37px,4.65vw,70px);font-weight:400;line-height:1.13;letter-spacing:var(--studio-tracking);overflow-wrap:anywhere;transition:color .25s}
.studio-type-name{white-space:normal}
.studio-mars-dot{display:inline-block;width:.22em;height:.22em;margin-left:.06em;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fba17a,#c64b32 55%,#66251e);vertical-align:.015em;box-shadow:inset -.03em -.02em .04em #411b2370}
.studio-glyphs{margin:17px 0 0;font:400 17px/1.4 var(--studio-face);letter-spacing:.08em;color:var(--studio-ink);opacity:.65}
.studio-controls{grid-column:3;min-width:0;display:grid;gap:17px;color:#ffe2b5}
.studio-field{display:grid;gap:9px;font:400 12px/1.4 Arial,sans-serif}
.studio-name{width:100%;min-width:0;box-sizing:border-box;padding:10px 0 12px;border:0;border-bottom:1px solid #ffe2b563;border-radius:0;background:transparent;color:#ffe2b5;font:400 20px/1.3 Arial,sans-serif;outline-offset:4px}
.studio-fonts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.studio-font{min-height:44px;padding:7px 4px;background:none;border:1px solid #ffe2b54a;border-radius:4px;color:#ffe2b5;font-size:13px;cursor:pointer}
.studio-font[aria-pressed="true"]{background:#ffe2b5;color:#582919;border-color:#ffe2b5}
.studio-font-select{display:none}
.studio-tracking{width:100%;height:20px;margin:0;accent-color:#ffe2b5;cursor:ew-resize}
.studio-options{display:flex;align-items:center;justify-content:space-between;gap:12px}
.studio-swatches{display:flex;gap:9px;align-items:center}
.studio-swatch{position:relative;width:35px;height:35px;padding:0;border:4px solid transparent;border-radius:50%;background:var(--swatch);background-clip:content-box;cursor:pointer}
.studio-swatch[aria-pressed="true"]{outline:1px solid var(--swatch);outline-offset:2px}
.studio-outline{min-height:44px;padding:7px 12px;background:none;color:#ffe2b5;border:1px solid #ffe2b54a;border-radius:4px;font:400 12px/1.3 Arial,sans-serif;cursor:pointer}
.studio-outline[aria-pressed="true"]{background:#ffe2b5;color:#582919}
.design-studio[data-outline="true"] .studio-type-name{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--studio-ink)}
.chapter-work[data-mode="studio"] :is(button,input,select){pointer-events:auto}
.chapter-work[data-mode="studio"] :is(button,input,select):focus-visible{outline:2px solid #ffe2b5;outline-offset:4px}
.chapter-work[data-mode="studio"][aria-hidden="true"] :is(button,input,select){pointer-events:none}
@media(max-width:1050px) and (min-width:761px){.design-studio{grid-template-columns:minmax(0,1fr) 145px minmax(0,.95fr)}.studio-type{font-size:45px}.studio-font{font-size:11px}}
@media(max-width:760px){.chapter-work[data-mode="studio"]{top:39vh;width:calc(100vw - 40px)}.design-studio{grid-template-columns:minmax(0,1.05fr) 62px minmax(0,1fr);min-height:0;align-items:center}.studio-specimen{padding:15px 0}.studio-type{font-size:28px;min-height:105px}.studio-glyphs{display:none}.studio-controls{gap:10px}.studio-field{font-size:10px;gap:5px}.studio-name{font-size:13px;padding:6px 0 8px}.studio-fonts{display:none}.studio-font-select{display:block;width:100%;min-width:0;min-height:40px;background:#562c20;color:#ffe2b5;border:1px solid #ffe2b55c;border-radius:4px;font-size:11px;padding:6px}.studio-options{align-items:stretch;flex-direction:column;gap:7px}.studio-swatches{justify-content:space-between;gap:4px}.studio-swatch{width:28px;height:28px}.studio-outline{min-height:36px;padding:5px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio-type{transition:none}}