.benita-art-archive{--aga-paper:#f7f3ee;--aga-ink:#211d1a;--aga-muted:#756d66;--aga-line:rgba(33,29,26,.12);--aga-glass:rgba(248,244,239,.94);background:var(--aga-paper);color:var(--aga-ink);min-height:70vh}
.benita-art-hero{padding:54px 0 28px;border-bottom:1px solid var(--aga-line)}
.benita-art-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px}
.benita-art-hero h1{font-size:clamp(2.6rem,6vw,5.7rem);line-height:.95;letter-spacing:-.045em;margin:.18em 0;font-weight:800}
.benita-art-hero p{max-width:760px;color:var(--aga-muted);line-height:1.9;margin:0}
.benita-art-count{font-size:3.4rem;font-family:"BENITA IR Sans",Tahoma,Arial,sans-serif;font-weight:700;line-height:1;text-align:center;font-variant-numeric:tabular-nums}.benita-art-count small{display:block;font-family:"BENITA IR Sans",Tahoma,Arial,sans-serif;font-weight:400;font-size:.68rem;color:var(--aga-muted);margin-top:7px;letter-spacing:.02em}html[lang^="en"] .benita-art-count,html[lang^="en"] .benita-art-count small{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.benita-art-filters{position:sticky;top:76px;z-index:20;background:var(--aga-glass);backdrop-filter:blur(16px);border-bottom:1px solid var(--aga-line)}
.benita-art-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(170px,1.15fr) auto;gap:10px;padding:12px 0;align-items:end}
.benita-art-filter label{display:grid;gap:5px}.benita-art-filter label>span{font-size:.68rem;color:var(--aga-muted)}
.benita-art-filter select,.benita-art-filter input{width:100%;height:42px;border:1px solid var(--aga-line);background:#fff;border-radius:12px;padding:0 12px;font:inherit;color:var(--aga-ink);outline:none}
.benita-art-filter select:focus,.benita-art-filter input:focus{border-color:rgba(33,29,26,.38);box-shadow:0 0 0 3px rgba(33,29,26,.05)}
.benita-art-reset{height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--aga-line);border-radius:12px;padding:0 14px;background:#fff;color:var(--aga-muted);cursor:pointer;white-space:nowrap}
.benita-art-results{padding:16px 0 76px}
.benita-art-gallery{column-count:4;column-gap:12px}
.benita-art-tile{break-inside:avoid;margin:0 0 12px;position:relative;border-radius:14px;overflow:hidden;background:#eee7df;cursor:zoom-in;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.benita-art-tile[hidden]{display:none!important}
.benita-art-tile img{width:100%;height:auto;display:block;transition:transform .48s cubic-bezier(.2,.7,.2,1),filter .3s}
.benita-art-tile:hover img{transform:scale(1.015);filter:saturate(1.035)}
.benita-art-overlay{position:absolute;inset:auto 0 0;padding:52px 14px 13px;background:linear-gradient(transparent,rgba(18,14,12,.82));color:#fff;opacity:0;transform:translateY(8px);transition:.24s;pointer-events:none}
.benita-art-tile:hover .benita-art-overlay{opacity:1;transform:none}.benita-art-overlay strong{display:block;font-size:.92rem}.benita-art-overlay small{display:block;opacity:.8;margin-top:4px;font-size:.68rem}
.benita-art-empty{padding:70px 0;text-align:center;color:var(--aga-muted);display:none}.benita-art-empty.show{display:block}
.benita-art-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(14,11,10,.95);display:none;grid-template-columns:minmax(0,1fr) 330px}
.benita-art-lightbox.is-open{display:grid}.benita-art-stage{position:relative;display:grid;place-items:center;overflow:hidden}.benita-art-stage img{max-width:94%;max-height:94vh;object-fit:contain;transition:transform .2s;cursor:zoom-in}.benita-art-stage img.is-zoomed{transform:scale(1.65);cursor:zoom-out}
.benita-art-light-side{background:#f8f4ee;color:var(--aga-ink);padding:28px;display:flex;flex-direction:column;gap:13px;overflow:auto}.benita-art-light-side h2{font-size:1.7rem;margin:0;line-height:1.3}.benita-art-light-side p{margin:0;color:var(--aga-muted);font-size:.82rem;line-height:1.7}
.benita-art-light-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.benita-art-light-actions a,.benita-art-light-actions button{min-height:42px;border:1px solid var(--aga-ink);border-radius:999px;padding:0 15px;background:transparent;font:inherit;font-size:.76rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.benita-art-light-actions .primary{background:var(--aga-ink);color:#fff}
.benita-art-close,.benita-art-nav,.benita-art-full{position:absolute;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(10,8,7,.48);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:1.2rem}
.benita-art-close{top:16px;right:16px}.benita-art-full{top:16px;left:16px;font-size:.9rem}.benita-art-prev{left:16px;top:50%}.benita-art-next{right:16px;top:50%}
body.benita-art-lock{overflow:hidden}
@media(max-width:1200px){.benita-art-gallery{column-count:3}.benita-art-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.benita-art-hero-grid{grid-template-columns:1fr}.benita-art-count{text-align:start;font-size:2.4rem}.benita-art-filters{top:64px}.benita-art-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benita-art-reset{grid-column:1/-1}.benita-art-gallery{column-count:2;column-gap:8px}.benita-art-tile{margin-bottom:8px;border-radius:10px}.benita-art-lightbox.is-open{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.benita-art-light-side{max-height:36vh;padding:16px 18px}.benita-art-light-side h2{font-size:1.25rem}}
@media(max-width:560px){.benita-art-hero{padding:34px 0 20px}.benita-art-hero h1{font-size:2.5rem}.benita-art-filter-grid{grid-template-columns:1fr 1fr;gap:7px}.benita-art-filter label:nth-of-type(5){grid-column:1/-1}.benita-art-filter select,.benita-art-filter input{height:38px;font-size:.82rem}.benita-art-overlay{display:none}.benita-art-stage img{max-width:98%;max-height:64vh}.benita-art-close,.benita-art-nav,.benita-art-full{width:38px;height:38px}}

.benita-art-open{display:block;width:100%;border:0;padding:0;background:none;color:inherit;text-align:inherit;cursor:zoom-in}

.benita-art-archive{overflow-x:clip}
.benita-art-hero-grid>*,.benita-art-filter-grid>*,.benita-art-lightbox>*{min-width:0}
.benita-art-filter select,.benita-art-filter input{min-width:0;max-width:100%}
.benita-art-hero h1{max-width:100%;overflow-wrap:anywhere}
@media(max-width:560px){
  .benita-art-filter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .benita-art-search-field{grid-column:1/-1}
  .benita-art-reset{grid-column:1/-1}
}
