/* A consistent gallery canvas, with a side rail for narrow vertical artwork. */
.art-gallery{width:100%;max-width:var(--gallery-width,520px);margin:0;padding:14px;background:#edede9;border:1px solid #d8d8d1;color:var(--ink)}
.gallery-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.art-gallery .art-image{width:100%;max-width:none;min-width:0;margin:0}
.art-gallery .gallery-main{position:relative;display:block;width:100%;max-width:none;aspect-ratio:4/3;height:auto;overflow:hidden;background:#e1e1dc}
.art-gallery .gallery-main picture{display:block;width:100%;height:100%;max-width:none}
.art-gallery .gallery-main img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:var(--primary-position,50% 50%)}
.art-gallery .gallery-main[data-fit="cover"] img{object-fit:cover}
.art-gallery .zoom{right:10px;bottom:10px;width:36px;height:36px;font-size:23px}
.art-gallery .gallery-thumbs{display:grid;grid-template-columns:repeat(var(--thumb-columns),minmax(0,1fr));gap:10px;margin:0;align-items:stretch;min-width:0}
.art-gallery .gallery-thumbs .gallery-thumb{position:relative;display:block;aspect-ratio:4/3;width:100%;max-width:none;min-width:0;height:auto;background:var(--paper);border:1px solid #d3d3cb;overflow:hidden}
.art-gallery .thumb-media{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;overflow:hidden;background:#e1e1dc}
.art-gallery .gallery-thumbs picture{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0}
.art-gallery .gallery-thumbs .gallery-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%}
.art-gallery .gallery-thumb[data-kind="portrait"] picture{inset:0 6px 22px;width:calc(100% - 12px);height:calc(100% - 22px)}
.art-gallery .gallery-thumb[data-kind="portrait"] img{object-fit:contain;object-position:center}
.art-gallery .gallery-thumb[data-kind="document"] .thumb-media{background:#e6e6e0}
.art-gallery .gallery-thumb[data-kind="document"] picture{inset:7px 7px 22px;width:calc(100% - 14px);height:calc(100% - 29px)}
.art-gallery .gallery-thumb[data-kind="document"] img{object-fit:contain;object-position:center}
.art-gallery .thumb-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;height:22px;padding:0 7px;background:var(--paper);font-size:10px;line-height:1.3;white-space:nowrap}
.art-gallery .gallery-thumb:hover{border-color:var(--ink)}
.art-gallery .gallery-thumb:hover .thumb-label{background:#fff}
.gallery-caption{font-size:11px;line-height:1.7;margin:13px 0 0;color:var(--muted)}
.gallery-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin-top:8px}
.gallery-dot{display:grid;place-items:center;width:28px;height:36px;padding:0;border:0;background:transparent;color:var(--ink);border-radius:50%}
.gallery-dot::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.8}
.gallery-dot[aria-pressed="true"]::before{background:#fff;opacity:1;box-shadow:0 0 0 1px #4f4f4f30}
.gallery-dot:hover::before{box-shadow:0 0 0 3px #4f4f4f20}
.gallery-dots+.gallery-caption{margin-top:0;padding-top:4px}
.art-gallery--portrait .gallery-layout{grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:stretch}
.art-gallery--portrait .gallery-main{aspect-ratio:3/4;height:auto}
.art-gallery--portrait .gallery-main img{object-fit:contain}
.art-gallery--portrait .gallery-thumbs{grid-template-columns:minmax(0,1fr);align-content:space-between;align-items:start}
.work-visual,.story-visual{min-width:0}
@media(max-width:700px){
 .art-gallery{margin-inline:auto;padding:12px}
 .art-gallery .gallery-thumbs{grid-template-columns:repeat(var(--thumb-mobile-columns),minmax(0,1fr));gap:8px}
 .art-gallery--portrait .gallery-thumbs{grid-template-columns:minmax(0,1fr)}
 .art-gallery--portrait .gallery-layout{grid-template-columns:minmax(0,1fr) 100px;gap:10px}
 .gallery-caption{font-size:11px;line-height:1.6}
}
@media(max-width:420px){
 .art-gallery{padding:10px}
 .art-gallery--portrait .gallery-layout{grid-template-columns:minmax(0,1fr) 82px;gap:9px}
 .art-gallery .thumb-label{font-size:9px;padding:0 5px}
 .art-gallery .gallery-thumb[data-kind="document"] picture{inset:4px 4px 22px;width:calc(100% - 8px);height:calc(100% - 26px)}
 .art-gallery .zoom{width:30px;height:30px;right:7px;bottom:7px;font-size:20px}
 .gallery-dot{height:44px;width:32px}
}
@media(max-width:480px){
 .art-gallery--portrait{max-width:346px}
 .art-gallery--portrait .gallery-layout{grid-template-columns:minmax(0,1fr);gap:10px}
 .art-gallery--portrait .gallery-thumbs{grid-template-columns:repeat(var(--thumb-mobile-columns),minmax(0,1fr));align-content:start}
}
@media(min-width:701px) and (max-width:980px){
 .art-gallery--portrait{max-width:346px}
 .art-gallery--portrait .gallery-layout{grid-template-columns:minmax(0,1fr)}
 .art-gallery--portrait .gallery-thumbs{grid-template-columns:repeat(var(--thumb-mobile-columns),minmax(0,1fr));align-content:start}
}
@media print{.art-gallery{break-inside:avoid}.gallery-dots,.art-gallery .zoom{display:none}}