/* Cores e hierarquia da galeria seguem a identidade Scharpia. */
:root{font-family:Arial,sans-serif;color:#201d4b;background:#f5f5f8;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #a8b9ed;outline-offset:4px}button:disabled{opacity:.4;cursor:default}
.masthead{background:#201d4b;color:#fff}.masthead-inner{max-width:1480px;margin:auto;padding:16px 40px;display:flex;align-items:center;gap:35px}.masthead img{width:110px;height:70px;object-fit:contain}.masthead span{font-size:10px;letter-spacing:2.5px;color:#c6c4df}.masthead a{margin-left:auto;text-decoration:none;font-size:12px}.masthead a span{margin-left:18px;font-size:18px}
main{max-width:1480px;padding:0 40px;margin:auto}.introduction{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:end;padding:64px 0 48px;border-bottom:1px solid #dcdde6}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#596282;margin:0 0 20px}h1{font-size:clamp(40px,4.8vw,72px);line-height:1.04;letter-spacing:-3px;margin:0}.edition{font-size:10px;letter-spacing:2px;color:#67708a}.introduction-note{max-width:365px;justify-self:end}.introduction-note p{font-size:14px;line-height:1.8;color:#656b7c;margin:18px 0}.dimensions{font-size:11px;color:#444d69}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;padding:28px 0}.filters{display:flex;gap:8px}.filters button{border:1px solid #d9dce6;background:transparent;color:#66708a;border-radius:50px;padding:10px 18px;font-size:12px}.filters button[aria-pressed=true]{background:#201d4b;border-color:#201d4b;color:#fff}.filters span{opacity:.6;margin-left:6px}#result-count{font-size:11px;color:#70758b}
.gallery{display:grid;gap:28px}.art-card{border:1px solid #dfe1e9;background:#fff;border-radius:12px;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}.card-title{display:flex;align-items:center;gap:15px}.card-number{color:#8790a6;font-size:11px;align-self:flex-start;margin-top:3px}.card-title h2{font-size:17px;margin:0 0 6px;letter-spacing:-.4px}.card-title p{margin:0;color:#7a8193;font-size:11px}.tag{padding:6px 10px;background:#f1f3f9;font-size:10px;color:#5f6a87;border-radius:5px}.art-open{display:block;border:0;padding:0;width:100%;background:#f4f5f9;position:relative}.art-open img{width:100%;height:auto;aspect-ratio:1920/650;display:block}.open-hint{position:absolute;right:16px;bottom:16px;padding:9px 13px;background:#fffefa;border:1px solid #dddfea;border-radius:5px;font-size:11px;color:#201d4b;opacity:0;transition:opacity .15s}.art-open:hover .open-hint,.art-open:focus-visible .open-hint{opacity:1}.card-bottom{padding:13px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#737c94;font-size:10px}.card-bottom a{text-decoration:none;color:#263e75}.card-bottom span{letter-spacing:1px}
footer{display:flex;align-items:center;gap:36px;padding:48px 0;color:#6c7187}footer strong{font-size:16px;letter-spacing:2px;color:#201d4b}footer p{font-size:10px;line-height:1.8}footer>span{margin-left:auto;font-size:10px;letter-spacing:2px}
/* O dialog nativo mantém foco/teclado; o canvas rola na área ampliada sem recortar o arquivo. */
dialog{padding:0;border:0;width:calc(100% - 32px);max-width:1800px;height:calc(100dvh - 32px);max-height:none;background:#11142a;color:#fff;border-radius:12px;overflow:hidden}dialog::backdrop{background:#080b18e8;backdrop-filter:blur(6px)}dialog[open]{display:flex;flex-direction:column}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:#1d2039}.viewer-bar h2{font-size:15px;margin:7px 0 0}.viewer-bar span{font-size:10px;color:#a9b1ca;letter-spacing:1px}.viewer-actions{display:flex;gap:7px;align-items:center}.viewer-actions button,.viewer-actions a,.viewer-footer button{display:inline-flex;justify-content:center;align-items:center;background:#2b2e49;color:#fff;border:1px solid #444762;border-radius:6px;min-height:36px;padding:8px 12px;text-decoration:none;font-size:11px}.viewer-actions output{width:48px;text-align:center;font-size:11px}.viewer-actions #close{margin-left:10px;background:#3a2c47}.viewer-actions #download{background:#fff;color:#201d4b}.viewer-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;background:#1d2039}.viewer-footer p{font-size:10px;color:#9ca6c2}#canvas{overflow:auto;flex:1;min-height:0;touch-action:pan-x pan-y;cursor:grab;overscroll-behavior:contain;display:block}#canvas.dragging{cursor:grabbing}#image-stage{display:flex;justify-content:center;align-items:center;min-height:100%;min-width:100%;padding:24px;width:max-content}#viewer-image{display:block;max-width:none;height:auto;box-shadow:0 12px 50px #0006;user-select:none}
/* A impressão se comporta como um caderno de artes, com uma composição por página. */
@media print{@page{size:landscape;margin:10mm}.masthead,.introduction,.gallery-toolbar,.card-bottom,footer,dialog{display:none!important}main{max-width:none;padding:0}.art-card{break-after:page;border:0}.gallery{display:block}.card-head{padding:8px 0}.art-open img{width:100%}.open-hint{display:none}}
@media(max-width:700px){.masthead-inner{padding:12px 20px;gap:14px}.masthead-inner>span{font-size:8px;letter-spacing:1px}.masthead a{display:none}.masthead img{width:95px;height:56px}main{padding:0 16px}.introduction{grid-template-columns:1fr;gap:28px;padding:40px 0 28px}h1{letter-spacing:-1.5px}.introduction-note{justify-self:start;max-width:100%}.introduction-note p{font-size:12px;margin:12px 0}.gallery-toolbar{gap:10px;flex-wrap:wrap}.filters button{padding:9px 15px}.card-head{padding:14px}.card-title h2{font-size:14px}.card-title p{font-size:9px}.card-title{gap:9px}.tag{font-size:8px}.card-bottom{padding:11px 14px;font-size:9px}.open-hint{display:none}footer{gap:16px;flex-wrap:wrap;padding:32px 0}footer>span{display:none}footer p{font-size:9px}dialog{width:100%;height:100dvh;border-radius:0}.viewer-bar{padding:14px;flex-wrap:wrap;gap:14px}.viewer-actions{width:100%;justify-content:space-between}.viewer-actions #close{margin:0}.viewer-footer{padding:12px}.viewer-footer p{display:none}#image-stage{padding:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}