/* Exposição (gerado por /workspace/arte/v2/dropin.py a partir de pinsdorf-site/artes/artes.css — não editar aqui) */
:root{--ink-0:#0b0907;--ink-1:#14100c;--ink-2:#1e1812;--parch:#efe4cc;--parch-dim:#b9ab8f;--parch-mute:#7d705b;--gold:#c9a45c;--gold-hi:#f1d48b;--candle:#ffb35c;--wax:#7a1b1b;--hud:#e9f0ea;--line:rgba(201,164,92,.18);
--ease-candle:cubic-bezier(.22,.9,.24,1);--ease-cine:cubic-bezier(.65,0,.35,1);--ease-snap:cubic-bezier(.2,1.4,.4,1);
--serif:'Cormorant Garamond',Garamond,'Times New Roman',serif;--caps:'Cinzel','Trajan Pro',serif}
*{box-sizing:border-box}
a{color:var(--gold-hi)}
.ex-hero{position:relative;z-index:3;min-height:46vh;display:grid;place-items:center;text-align:center;overflow:hidden}
.ex-hero h1{margin:0;font:italic 500 clamp(56px,11vw,140px)/1 var(--serif);color:var(--gold-hi);text-shadow:4px 4px 0 rgba(0,0,0,.6),0 0 40px rgba(255,179,92,.25);
transform:skewX(-6deg);animation:extcin 1.4s var(--ease-cine) both}
.ex-hero .kicker{font:400 12px var(--caps);letter-spacing:.32em;text-transform:uppercase;color:var(--parch-dim);margin-top:1rem;animation:exfade 1.6s .5s both}
@keyframes extcin{from{opacity:0;transform:translateX(-12vw) skewX(-6deg)}to{opacity:1;transform:none skewX(-6deg)}}
@keyframes exfade{from{opacity:0}to{opacity:1}}
main{position:relative;z-index:3;padding:0 clamp(1rem,4vw,3rem) 6rem;max-width:1700px;margin:0 auto}
.controls{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center;margin:0 0 1.2rem}
#q{background:var(--ink-1);border:1px solid var(--line);color:var(--parch);font:400 17px var(--serif);padding:.55rem 1rem;min-width:min(340px,100%);border-radius:2px}
#q:focus{outline:1px solid var(--gold)}
.seg{display:flex;border:1px solid var(--line);border-radius:2px;overflow:hidden}
.seg button,.trips button{background:transparent;border:0;color:var(--parch-dim);font:400 11px var(--caps);letter-spacing:.2em;text-transform:uppercase;padding:.6rem .9rem;cursor:pointer;transition:all .25s var(--ease-snap)}
.seg button.on{background:rgba(201,164,92,.14);color:var(--gold-hi)}
.trips{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-bottom:2.2rem}
.trips button{border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem;font-size:10px}
.trips button.on{border-color:var(--gold);color:var(--gold-hi)}
.trip{margin:3.2rem 0 1rem}
.trip-h{display:flex;align-items:baseline;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.4rem;margin-bottom:1.2rem}
.trip-h h2{margin:0;font:italic 500 clamp(28px,3.4vw,46px)/1.1 var(--serif);color:var(--gold-hi)}
.trip-h span{font:400 11px var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--parch-mute)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem}
.card{position:relative;background:var(--ink-1);border:1px solid var(--line);padding:10px;cursor:pointer;transition:transform .6s var(--ease-candle),box-shadow .6s,border-color .4s;outline:none}
.card::before{content:"";position:absolute;inset:4px;border:1px solid rgba(201,164,92,.10);pointer-events:none}
.card:hover,.card:focus-visible{transform:translateY(-4px);border-color:rgba(201,164,92,.5);box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 30px rgba(255,179,92,.08)}
.card .cph{aspect-ratio:4/5;overflow:hidden;background:#000}
.card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.95) contrast(1.02);transition:transform 14s linear,opacity .5s}
.card:hover img{transform:scale(1.04)}
.card .cap{padding:.7rem .2rem .2rem}
.card .a{font:400 10px var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--parch-mute);margin:0 0 .2rem}
.card .t{font:italic 500 19px/1.2 var(--serif);color:var(--parch);margin:0}
.card .hqb{position:absolute;top:16px;right:16px;font:400 9px var(--caps);letter-spacing:.18em;color:var(--gold);opacity:.55}
.foot-note{text-align:center;color:var(--parch-mute);font-size:14px;margin-top:4rem}
/* plate */
.plate{position:fixed;inset:0;z-index:50;display:grid;place-items:center}
.plate[hidden]{display:none}
.pl-backdrop{position:absolute;inset:0;background:rgba(5,4,3,.86);backdrop-filter:blur(4px);animation:exfade .4s both}
.pl-card{position:relative;width:min(1320px,96vw);max-height:94vh;overflow:auto;background:linear-gradient(var(--ink-2),var(--ink-1));border:1px solid rgba(201,164,92,.35);
box-shadow:0 30px 90px rgba(0,0,0,.8);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:0;animation:explin .7s var(--ease-candle) both}
@keyframes explin{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.pl-x{position:absolute;top:.4rem;right:.7rem;z-index:2;background:none;border:0;color:var(--parch-dim);font-size:34px;cursor:pointer}
.pl-media{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding:14px;background:#050403;min-height:50vh}
.pl-fig{margin:0;display:flex;flex-direction:column;cursor:zoom-in;min-width:0}
.pl-fig img{flex:1;width:100%;max-height:78vh;object-fit:contain;min-height:0}
.pl-fig figcaption{font:400 10px var(--caps);letter-spacing:.2em;text-transform:uppercase;color:var(--parch-mute);padding:.5rem 0 0;text-align:center}
.pl-fig[hidden]{display:none}
.ex-credit{position:relative;opacity:.35;cursor:help;font-family:system-ui;letter-spacing:0;margin-left:.3em;font-size:11px}
.ex-credit:hover,.ex-credit:focus{opacity:.9;outline:none}
.ex-credit .tip{display:none;position:absolute;bottom:150%;left:50%;transform:translateX(-50%);width:max-content;max-width:300px;background:rgba(11,9,7,.96);border:1px solid var(--line);
color:var(--parch-dim);font:400 12px/1.4 var(--serif);letter-spacing:0;text-transform:none;padding:.5rem .7rem;text-align:left;z-index:5}
.ex-credit:hover .tip,.ex-credit:focus .tip,.ex-credit.open .tip{display:block}
.ex-credit .tip a{color:var(--parch-dim)}
.pl-text{padding:2.2rem 2rem 1.6rem;display:flex;flex-direction:column}
.pl-artist{font:400 12px var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0}
.pl-text h2{font:italic 500 clamp(30px,3vw,44px)/1.1 var(--serif);color:var(--gold-hi);margin:.3rem 0 .4rem}
.pl-meta{color:var(--parch-mute);font-size:16px;margin:0 0 1.2rem}
.pl-desc{font-size:20px;line-height:1.55;margin:0 0 1.2rem}
.pl-quote{margin:0 0 1.2rem;padding:.2rem 0 .2rem 1.1rem;border-left:1px solid var(--gold)}
.pl-quote p{font:italic 400 20px/1.5 var(--serif);margin:0 0 .4rem;color:var(--parch)}
.pl-quote footer{font-size:14px;color:var(--parch-mute)}
.pl-quote footer a{color:var(--parch-mute)}
.pl-label{font-size:15px;color:var(--parch-dim);border-top:1px solid var(--line);padding-top:.8rem;white-space:pre-line}
.pl-nav{margin-top:auto;display:flex;gap:.6rem;padding-top:1rem}
.pl-nav button{background:none;border:1px solid var(--line);color:var(--gold);font-size:26px;width:46px;height:46px;cursor:pointer}
@media (max-width:860px){.pl-card{grid-template-columns:1fr}.pl-media{grid-auto-flow:row;min-height:0}.pl-fig img{max-height:60vh}}
/* viewer */
.viewer{position:fixed;inset:0;z-index:100;background:#000;touch-action:none;user-select:none}
.viewer[hidden]{display:none}
.vw-stage{position:absolute;inset:0;overflow:hidden;cursor:grab}
.vw-stage.drag{cursor:grabbing}
#vw-img{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none;will-change:transform}
.vw-hud{position:absolute;top:12px;right:12px;display:flex;gap:6px;opacity:.25;transition:opacity .4s}
.viewer:hover .vw-hud,.vw-hud:focus-within{opacity:.95}
.vw-hud button{background:rgba(0,0,0,.6);border:1px solid rgba(201,164,92,.3);color:var(--hud);font:400 10px var(--caps);letter-spacing:.18em;text-transform:uppercase;padding:.5rem .7rem;cursor:pointer}
.vw-hud button.on{color:var(--gold-hi);border-color:var(--gold)}
.vw-hud button[hidden]{display:none}
.vw-credit{position:absolute;left:12px;bottom:10px;font:400 11px var(--serif);color:rgba(233,240,234,.28);max-width:70vw}
@media (prefers-reduced-motion:reduce){*{animation-duration:.2s!important;transition-duration:.2s!important}.card img{transition:none}.ex-hero h1{animation:exfade .2s both}}
/* review mode (internal) */
.rv .card[data-review="1"]{outline:2px dashed var(--wax)}
.rvbar{position:fixed;left:12px;bottom:12px;z-index:60;background:var(--ink-2);border:1px solid var(--wax);padding:.6rem .8rem;font-size:14px}
.rvbar button{font:inherit;background:var(--wax);color:var(--parch);border:0;padding:.3rem .6rem;margin-left:.4rem;cursor:pointer}
.pl-flag{font:inherit;font-size:14px;background:none;border:1px solid var(--wax);color:var(--parch-dim);padding:.3rem .6rem;cursor:pointer;margin-top:.6rem;align-self:flex-start}

body[data-fx] main#main{position:relative;z-index:3}
.ex-modes{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:0 auto 1.4rem}
body[data-fx] .ex-hero{display:none}
body[data-fx] main#main{padding-top:110px}