.ceramic-methods { background:#f7f3ec; color:#302b25; padding:72px var(--pad-x,24px); }
.ceramic-inner { max-width:1180px; margin:auto; }
.ceramic-methods .eyebrow { color:#75562b; }
.ceramic-methods h2 { font:400 clamp(34px,4vw,54px)/1.12 var(--font-display); margin:18px 0 24px; }
.ceramic-intro { max-width:720px; font:16px/1.8 var(--font-body); }
.ceramic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin:38px 0; }
.ceramic-grid article { border-top:1px solid #a58b61; padding:24px 20px; }
.ceramic-number { font:12px/1.6 var(--font-body); letter-spacing:.06em; color:#75562b; }
.ceramic-methods h3 { font:400 29px/1.2 var(--font-display); margin:18px 0; }
.ceramic-methods p { font:15px/1.8 var(--font-body); }
.ceramic-signature { background:#eae2d5; }
.ceramic-focus { border-top:1px solid #cec2b0; padding-top:18px; color:#614b2b; }
.ceramic-note { border-top:1px solid #cec2b0; padding-top:14px; max-width:900px; }
.ceramic-methods a { color:inherit; text-underline-offset:4px; }
.ceramic-sources { font-size:12px!important; margin-top:26px; }
@media(max-width:760px) { .ceramic-grid { grid-template-columns:1fr; gap:18px; } .ceramic-methods { padding-top:48px; padding-bottom:48px; } }

.ceramic-cutaway { margin:20px 0 24px; }
.ceramic-cutaway svg { display:block; width:100%; height:210px; }
.ceramic-cutaway .cutaway-caption { font-size:11px; text-align:center; color:#665d50; }
.cutaway-points details { border-bottom:1px solid #cec2b0; }
.cutaway-points summary { cursor:pointer; padding:12px 0; font:14px/1.5 var(--font-body); }
.cutaway-points summary span { display:inline-block; margin:0 8px 0 4px; color:#75562b; }
.cutaway-points summary:focus-visible { outline:2px solid #75562b; outline-offset:3px; }
.cutaway-points p { margin:0 0 16px; font-size:14px; }

.veneer-photo-demo { margin:40px 0; }
.veneer-photo-stage { position:relative; }
.veneer-photo-stage img { width:100%;height:auto;display:block;border-radius:3px; }
.veneer-hotspot { position:absolute;top:51%;left:35%; }
.veneer-hotspot.vh-two { top:46%;left:60%; }
.veneer-hotspot.vh-three { top:43%;left:79%; }
.veneer-hotspot summary { list-style:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#302b25;color:#fff;border:2px solid #b99d6b;cursor:pointer;font:16px var(--font-body);box-shadow:0 0 0 5px #ffffff55; }
.veneer-hotspot summary::-webkit-details-marker { display:none; }
.veneer-hotspot summary:focus-visible { outline:3px solid #75562b;outline-offset:5px; }
.veneer-hotspot[open] { z-index:4; }
.veneer-hotspot > div { position:absolute;top:54px;left:-110px;width:250px;padding:18px;background:#fffaf1;color:#302b25;box-shadow:0 6px 28px #302b2530;border:1px solid #b99d6b; }
.veneer-hotspot p { margin:8px 0 0; }
@media(max-width:700px) { .veneer-hotspot > div { width:190px;left:-80px;padding:12px; } .vh-three > div { left:auto;right:0; } .veneer-hotspot p { font-size:13px;line-height:1.5; } .veneer-photo-demo { padding-bottom:110px; } }

.veneer-marker { position:absolute;top:51%;left:35%;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#302b25;color:#fff;border:2px solid #b99d6b;font:15px var(--font-body); }
.veneer-marker.vh-two { top:46%;left:60%; }
.veneer-marker.vh-three { top:43%;left:79%; }
.veneer-legend { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-left:24px;margin:24px 0; }
.veneer-legend li { padding-left:4px;font:15px/1.7 var(--font-body); }
.cutaway-legend-item { padding:12px 0;border-bottom:1px solid #cec2b0;font:14px/1.6 var(--font-body); }
.cutaway-legend-item p { margin:8px 0 0; }
@media(max-width:700px) { .veneer-legend { grid-template-columns:1fr;gap:12px; } .veneer-photo-demo { padding-bottom:0; } }

.refractory-steps { padding-left:22px; } .refractory-steps li { padding:14px 0 8px 8px;border-bottom:1px solid #cec2b0;font:15px/1.7 var(--font-body); } .refractory-steps p { margin:6px 0; }

.ceramic-thumb { display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;text-align:left;margin:20px 0; }
.ceramic-photo { position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#11100e; }
.ceramic-photo img { display:block;width:300%;max-width:none;height:auto;transform:translateX(calc(var(--panel,0) * -33.333333%)); }
.ceramic-ai { position:absolute;right:8px;bottom:8px;background:#fff8edee;color:#514b43;padding:3px 7px;font:11px/1.4 var(--font-body); }
.ceramic-zoom { display:block;margin-top:8px;font:12px/1.5 var(--font-body);text-decoration:underline; }
.ceramic-thumb:focus-visible,.ceramic-close:focus-visible { outline:3px solid #75562b;outline-offset:4px; }
#ceramic-lightbox { width:min(680px,90vw);max-height:90dvh;box-sizing:border-box;overflow:auto;padding:24px;border:1px solid #b99d6b;background:#f7f3ec;color:#302b25; }
#ceramic-lightbox::backdrop { background:#000b; }
#ceramic-lightbox h2 { font:400 28px/1.2 var(--font-display);margin:16px 0; }
.ceramic-close { display:block;margin-left:auto;background:#302b25;color:white;border:0;padding:12px 18px;cursor:pointer; }
.ceramic-modal-copy { font:15px/1.7 var(--font-body); }

.ceramic-example-note { font-size:12px!important;color:#665d50;max-width:850px; }

/* Keep the supplied triptych intact; show only each photographic panel. */
.ceramic-photo img { position:absolute;top:0;left:0; }
.ceramic-thumb .ceramic-photo { border:1px solid #24211d;box-sizing:border-box; }
.ceramic-thumb { align-self:start; }
@media (min-width:761px) { .ceramic-grid article { display:grid;grid-template-rows: auto auto auto 1fr auto;align-content:start; } .ceramic-grid h3 { min-height:3.6em; } }

#ceramic-lightbox { margin:auto; }
#ceramic-lightbox .ceramic-photo { width:min(100%,52dvh);margin-inline:auto; }

.ceramic-handwork-details { margin-top:20px;border-top:1px solid #cec2b0; }
.ceramic-handwork-details summary { padding:14px 0;min-height:44px;box-sizing:border-box;cursor:pointer;font:14px/1.6 var(--font-body);color:#614b2b; }
.ceramic-handwork-details summary:focus-visible { outline:2px solid #75562b;outline-offset:4px; }
.ceramic-handwork-content { padding:0 0 12px; }