/* Clear photographic vessels, independent specimens, shallow white room. */
.jar-page .site-header {background:transparent;color:var(--rs-blueprint);border:0;padding-bottom:8px;}
.jar-page .brand-asterisk {color:var(--rs-blueprint);}
.jar-page .site-header a:hover {color:var(--rs-scarlet);}
.jar-page .site-header :focus-visible {outline-color:var(--rs-scarlet);}
.jar-page .header-search .search-input {border-bottom:0;background:transparent;}
.jar-page .header-search input,.jar-page .header-search .search-input>span {color:var(--rs-blueprint);}
.jar-hall {margin:0 32px;color:var(--rs-blueprint);}
.jar-scroll {overflow:visible;}
.jar-stage {display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,.6fr) repeat(2,minmax(0,1fr));height:380px;max-width:808px;margin:auto;position:relative;}
/* A shallow footprint arc, rather than a broad shaded wall. */
.jar-stage::before {content:"";position:absolute;left:0;right:0;bottom:32px;height:38px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20980%2038%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22soft%22%20x%3D%22-10%25%22%20y%3D%22-100%25%22%20width%3D%22120%25%22%20height%3D%22300%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%223%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22fade%22%3E%3Cstop%20stop-color%3D%22%230b2546%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.1%22%20stop-color%3D%22%230b2546%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%22.9%22%20stop-color%3D%22%230b2546%22%20stop-opacity%3D%22.1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230b2546%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M74%2026%20Q490%202%20906%2026%22%20fill%3D%22none%22%20stroke%3D%22url%28%23fade%29%22%20stroke-width%3D%227%22%20filter%3D%22url%28%23soft%29%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat;}
.jar-exhibit {position:relative;min-width:0;--setback:0px;--mx:0px;--my:0px;--reflection-x:0px;--shadow-scale:.82;--inner-x:0px;--inner-y:0px;--glass-light:.18;}
.jar-square-cork,.jar-ribbed {--setback:7px;}
.jar-shouldered,.jar-bail {--setback:11px;}
.jar-central {--setback:12px;--shadow-scale:.94;}
/* Hover selection must paint above a different jar retaining keyboard focus. */
.jar-exhibit:focus-within {z-index:5;}
.jar-exhibit.is-active {z-index:6;}
.vessel {position:absolute;height:var(--display-height);width:var(--display-width);bottom:calc(44px + var(--setback) - var(--display-foot) - var(--my));left:calc((100% - var(--display-width))/2 + var(--mx));left:calc(round(nearest,calc((100% - var(--display-width))/2),1px) + var(--mx));transform:none;pointer-events:none;isolation:isolate;}
.jar-photo,.jar-reflection {position:absolute;width:100%;height:100%;inset:0;max-width:none;}
.jar-photo {z-index:0;mask-image:radial-gradient(ellipse calc(var(--sw)*.70) calc(var(--sh)*.85) at calc(var(--sx) + var(--sw)*.5) calc(var(--sy) + var(--sh)*.5),rgb(0 0 0 / .06) 0%,rgb(0 0 0 / .14) 55%,rgb(0 0 0 / .82) 100%);}
/* Lift neutral glass only. The feathered window transmits the room while
   retaining defined rims, closures and base reflections. The wider window
   also releases the grey shoulders; softened dark reflections avoid metallic edges. */
.jar-photo,.jar-lid {filter:contrast(.85) brightness(1.35) saturate(.30);}
.jar-reflection {left:var(--reflection-x);z-index:2;opacity:var(--glass-light);mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000,transparent 39%,transparent 59%,#000);}
.specimen-window {position:absolute;left:var(--specimen-x,var(--sx));top:var(--specimen-y,var(--sy));width:var(--specimen-w,var(--sw));height:var(--specimen-h,var(--sh));z-index:1;overflow:var(--specimen-overflow,hidden);clip-path:var(--specimen-clip,none);mix-blend-mode:multiply;filter:saturate(1.4) contrast(1.08);}
.specimen-depth {position:absolute;left:var(--inner-x);right:calc(0px - var(--inner-x));top:var(--inner-y);bottom:calc(0px - var(--inner-y));}
.specimen-print {position:absolute;width:var(--zoom);height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);}
.jar-shadow {position:absolute;bottom:calc(38px + var(--setback));height:12px;width:84%;left:8%;background:radial-gradient(ellipse,rgb(11 37 70 / .14),rgb(11 37 70 / .04) 35%,transparent 70%);pointer-events:none;}
.jar-shadow::before {content:"";position:absolute;left:16%;right:0;bottom:6px;height:13px;background:radial-gradient(ellipse,rgb(11 37 70 / .08),transparent 70%);pointer-events:none;}
.photo-ready .jar-shadow {transform:translateX(calc(var(--mx)*.6)) scaleX(var(--shadow-scale));}
.jar-central .jar-shadow {width:48%;left:26%;}
.jar-select {position:absolute;inset:10px 0 8px;width:100%;border:0;background:transparent;z-index:3;border-radius:0;}
.jar-select:hover {background:transparent;}
.jar-select {-webkit-tap-highlight-color:transparent;}
.jar-caption {position:absolute;left:50%;right:auto;width:max-content;transform:translateX(-50%);bottom:6px;text-align:center;font-size:13px;white-space:nowrap;pointer-events:none;}
.jar-caption>span {font:12px var(--mono);color:var(--muted);margin-right:0;}
/* Annotations are separate text labels, never an enclosing card. */
.jar-annotation {position:absolute;z-index:6;inset:0;pointer-events:none;}
.jar-callout {position:absolute;pointer-events:auto;max-width:224px;}
.callout-function {left:78%;top:18px;width:224px;}
.callout-metrics {left:108%;top:170px;min-width:160px;}
.callout-inspect {left:82%;top:273px;white-space:nowrap}
.callout-inspect {border: 1px solid var(--rs-scarlet);text-transform: uppercase;font-weight:700;letter-spacing:1px;font-family:'Poltawski Nowy',serif;}
.callout-inspect:hover {border-color:var(--rs-scarlet-art);color:var(--rs-scarlet-art)}

.jar-exhibit:nth-last-child(-n+3) .jar-callout {text-align:right;}
.jar-exhibit:nth-last-child(-n+3) .callout-kicker,.jar-exhibit:nth-last-child(-n+3) .jar-metrics span {margin-left:auto;}
.jar-exhibit:nth-last-child(-n+3) .callout-function {left:auto;right:78%;}
.jar-exhibit:nth-last-child(-n+3) .callout-metrics {left:auto;right:108%;}
.jar-exhibit:nth-last-child(-n+3) .callout-inspect {left:auto;right:82%;}
.callout-kicker {display:table;font:13px/1.5 var(--mono);color:var(--rs-scarlet);background:white;padding:1px 4px;margin-bottom:4px;}
.label-ink {background:#ffc800;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 4px;}
.jar-metrics {font:13px/1.7 var(--mono);color:var(--rs-blueprint);}
.jar-metrics span {display:table;background:#D9EEF8;padding:0 4px;}
.jar-callout a {display:inline-flex;align-items:center;min-height:44px;padding:0 9px;border:3px solid transparent;text-decoration:none;color:var(--rs-scarlet);font-size:15px;background:rgb(255 255 255 / .93);}
.jar-callout a:is(:hover,:focus-visible) {border-color:currentColor;}
.jar-leaders {position:absolute;overflow:visible;pointer-events:none;}
.jar-leaders path {fill:none;stroke:var(--rs-scarlet);stroke-width:1.25;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;animation:draw-leader .36s ease-out both;}
.jar-leaders circle {fill:white;stroke:var(--rs-scarlet);stroke-width:1.25;}
@keyframes draw-leader {from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
/* Hide fallback annotations during parsing and deferred-script startup. */
html.jars-pending .jar-page:not(.photo-ready) .jar-annotation {display:none;}
/* Without JS, names and record links remain ordinary visible content. */
html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-stage {height:auto;align-items:end;gap:12px;}
html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-exhibit {padding-top:330px;}
html:not(.jars-pending) .jar-page:not(.photo-ready) .vessel {bottom:auto;top:0;height:300px;width:auto;aspect-ratio:var(--ratio);left:50%;transform:translateX(-50%);}
html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-caption,html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-shadow {display:none;}
html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-annotation {position:static;width:auto;pointer-events:auto;}
html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-callout {position:static;width:auto;margin:12px 0;}
html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-callout a:is(:hover,:focus-visible) {border-color:currentColor;}
html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-leaders {display:none;}

@media (min-width:681px) and (max-width:1100px) {.jar-stage{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.6fr) minmax(0,1fr);}.jar-exhibit:first-child,.jar-exhibit:last-child{display:none;}.jar-caption{font-size:13px;}.callout-function{width:190px;}}
@media (max-width:680px) {
 .jar-hall{margin:0 16px;}.jar-scroll{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;}
 .jar-stage{width:1010px;max-width:none;height:380px;grid-template-columns:repeat(4,150px) 110px repeat(2,150px);padding-top:4px;}.jar-exhibit{scroll-snap-align:start;}
 .jar-exhibit .callout-function{left:24px;right:auto;top:4px;width:220px;}
 .jar-exhibit .callout-metrics{left:155px;right:auto;top:140px;min-width:135px;}
 .jar-exhibit .callout-inspect{left:150px;right:auto;top:263px;}
 .jar-exhibit:last-child .callout-function{left:auto;right:12px;}
 .jar-exhibit:last-child .callout-metrics{left:auto;right:145px;}
 .jar-exhibit:last-child .callout-inspect{left:auto;right:136px;}
 html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-stage{height:auto;padding-bottom:16px;}
}
@media (prefers-reduced-motion:reduce) {.specimen-depth{transform:none;}.specimen-window{filter:saturate(1.4) contrast(1.08);}.jar-scroll{scroll-behavior:auto;}}

@media (prefers-reduced-motion:reduce) {.jar-leaders path{animation:none;}}

@media (prefers-reduced-motion:reduce) {.photo-ready .jar-shadow{transform:none;}.jar-reflection{opacity:.18;}}

/* Preview 05: a cool underlight, removable closures and intermittent life. */
.jar-hall {position:relative;padding-bottom:40px;}
.jar-motion-toggle {position:absolute;right:0;bottom:0;z-index:8;border:0;background:white;color:var(--rs-muted);font:14px var(--mono);width:44px;height:40px;padding:0;text-decoration:none;}
.jar-motion-toggle[hidden] {display:none;}
.jar-uplight,.jar-led,.jar-steam,.jar-lid {position:absolute;pointer-events:none;}
.jar-uplight {inset:0;z-index:3;background:linear-gradient(to top,transparent 0%,color-mix(in srgb,var(--rs-emerald-art) 48%,transparent) 9%,color-mix(in srgb,var(--rs-emerald-art) 12%,transparent) 17%,transparent 29%);mask-image:var(--glass-mask);mask-size:100% 100%;mask-repeat:no-repeat;mix-blend-mode:normal;opacity:0;transition:opacity .6s ease;}
.jar-led {z-index:4;left:var(--sx);width:var(--sw);height:8px;bottom:calc(var(--display-foot) + 1px);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--rs-emerald-art),white 65%) 5%,var(--rs-emerald-art) 35%,transparent 72%);filter:blur(1px);opacity:0;transition:opacity .6s ease;}
.is-active .jar-uplight,.is-active .jar-led {opacity:.75;}
.specimen-idle {position:absolute;inset:0;filter:none;transition:filter .6s ease;}
.is-active .specimen-idle {filter:brightness(1.09) contrast(1.045);}
.photo-ready .specimen-idle {animation:specimen-stir var(--idle-period) ease-in-out var(--idle-delay) infinite;transform-origin:50% 70%;}
@keyframes specimen-stir {0%,24%,100%{transform:none}8%{transform:translate(1px,-2px)}16%{transform:translate(-1px,-1px)}}
.has-lid .jar-photo,.has-lid .jar-reflection {clip-path:inset(var(--lid-cut) 0 0);}
.jar-lid {inset:0;width:100%;height:100%;max-width:none;z-index:5;clip-path:inset(0 0 calc(100% - var(--lid-cut)));transform-origin:65% var(--lid-cut);transition:transform .8s cubic-bezier(.22,.7,.2,1);}
.photo-ready .is-active .jar-lid {transform:translateY(-4px) rotate(-12deg);}
/* Each fixed strand fades once, in close succession. */
.jar-steam {z-index:4;left:calc(50% - 28px);top:calc(var(--mouth) - 78px);width:56px;height:60px;overflow:visible;color:var(--rs-emerald-art);}
.jar-steam text {fill:currentColor;stroke:none;font:20px "DejaVu Sans","Segoe UI Symbol","Apple Symbols",sans-serif;opacity:0;}
.photo-ready .is-active .steam-strand {animation:steam-fade 1.6s ease-in-out .2s 1 both;}
.photo-ready .is-active .steam-strand:nth-child(2) {animation-delay:.5s;}
.photo-ready .is-active .steam-strand:nth-child(3) {animation-delay:.8s;}
@keyframes steam-fade {0%,100%{opacity:0}30%,55%{opacity:.9}}
.ambient-paused .specimen-idle,.ambient-paused .steam-strand {animation-play-state:paused!important;}
.motion-paused .specimen-depth,.motion-paused .specimen-idle,.motion-paused .jar-lid {transform:none!important;animation:none!important;transition:none;}
.motion-paused .jar-steam {display:none;}
@media(prefers-reduced-motion:reduce){
 .jar-lid,.jar-uplight,.jar-led,.specimen-idle{transition:none!important;}
 .photo-ready .specimen-idle,.photo-ready .jar-steam,.photo-ready .steam-strand{animation:none!important;}
 .photo-ready .is-active .jar-lid{transform:none;}.jar-steam{display:none;}
}

/* Grounded LED source and colored spill: move with the contact shadow, independently of the glass. */
.jar-shadow::after {content:"";position:absolute;inset:0 14%;background:radial-gradient(ellipse,color-mix(in srgb,var(--rs-emerald-art) 36%,transparent),color-mix(in srgb,var(--rs-emerald-art) 10%,transparent) 32%,transparent 68%);opacity:0;transition:opacity .6s ease;}
.jar-light-source {position:absolute;z-index:2;left:calc(50% - 2px);bottom:calc(42px + var(--setback));width:4px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--rs-emerald-art),white 65%);box-shadow:0 0 3px 1px var(--rs-emerald-art);opacity:0;pointer-events:none;transform:translateX(calc(var(--mx)*.6));transition:opacity .6s ease;}
.photo-ready .is-active .jar-shadow::after,.photo-ready .is-active .jar-light-source {opacity:.75;}
@media(prefers-reduced-motion:reduce){.jar-light-source{transform:none;transition:none;}.jar-shadow::after{transition:none;}}

.jar-page .header-search input {border-bottom:1px dashed var(--rs-blueprint);}

/* Glass fractures stay on the vessel plane and retain their state until reload. */
.jar-cracks {position:absolute;left:var(--sx);top:var(--sy);width:var(--sw);height:var(--sh);z-index:4;overflow:hidden;pointer-events:none;filter:drop-shadow(1px 0 0 rgb(255 255 255 / .95));}
.jar-cracks g {display:none;}
.jar-cracks path {fill:none;stroke:#244052;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:bevel;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;}
.jar-exhibit[data-cracks="1"] .crack-first,.jar-exhibit[data-cracks="2"] .crack-first {display:block;}
.jar-exhibit[data-cracks="1"] .crack-first {opacity:.38;}
.jar-exhibit[data-cracks="1"] .crack-first path {stroke-width:.65;}
.jar-exhibit[data-cracks="1"] .crack-first path {animation:draw-leader .28s ease-out both;}
.motion-paused .jar-cracks path {animation:none!important;}
@media(prefers-reduced-motion:reduce){.jar-cracks path{animation:none!important;}}

/* Keep narrow jar labels distinct from the editorial page headings. */
.jar-caption {font:450 12px/1.4 var(--mono);letter-spacing:-.045em;}
.jar-caption>span {font-size:11px;margin-right:0;}
.jar-callout p {font:400 14px/1.55 var(--mono);letter-spacing:-.02em;}
.callout-kicker,.jar-metrics {font-size:12px;}

/* Original worn paper labels stay opaque independently of the glass. */
.jar-sticker {position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:3;pointer-events:none;filter:contrast(1.15) brightness(.98) sepia(.12);}
.jar-square-cork .jar-sticker {clip-path:polygon(19% 74%,44.6% 76.6%,45.6% 84.8%,42% 85%,19.8% 82%,18.8% 80.5%);}
.jar-ribbed .jar-sticker {clip-path:polygon(54.7% 33.4%,77.5% 30.8%,79.4% 38.6%,78.3% 39%,57% 41.3%,56% 40.4%);}

/* Natural cork is an opaque material, not part of the neutral glass filter. */
.jar-cork {position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:3;pointer-events:none;filter:brightness(1.15) saturate(1.1);clip-path:polygon(30% 8%,38% 7.5%,65% 7.4%,70.5% 8.2%,70% 16.7%,66% 17.4%,32% 17.2%,29.8% 16%,29.6% 9%);}

html:not(.jars-pending) .jar-page:not(.photo-ready) .jar-stage::before {display:none;}
@media (min-width:681px) and (max-width:1100px) {
 .jar-square-cork,.jar-ribbed {--setback:0px;}
 .jar-shouldered,.jar-bail {--setback:8px;}
 .jar-stage::before {left:4%;right:4%;}
}

/* Weekly edition link shares the existing control strip; jar geometry is unchanged. */
.jar-draw-link {margin:0 52px 0 0;padding-top:8px;text-align:center;font:12px/1.6 var(--mono);}
.jar-draw-link a {display:inline-block;padding:8px 0;min-height:40px;color:var(--rs-muted);}

.jar-caption {max-width:100%;overflow:hidden;text-overflow:ellipsis;}