.lore-art{margin:20px 0}.art-open{display:block;position:relative;width:100%;padding:0;border:1px solid #bba67855;border-radius:7px;overflow:hidden;background:#101a17;cursor:zoom-in;aspect-ratio:3/2}.art-open:focus-visible{outline:3px solid #e4c481;outline-offset:4px}.art-open>.art-original{width:100%;height:100%;object-fit:cover;display:block}.art-open>.art-crop-frame{position:absolute;left:50%;top:50%;width:100%;height:auto;transform:translate(-50%,-50%);overflow:hidden}.art-crop-frame{display:block;position:relative;width:100%;height:100%;overflow:hidden}.art-crop-frame>img{position:absolute;max-width:none;object-fit:fill}.art-open-label{position:absolute;bottom:10px;right:10px;padding:6px 9px;color:#f7e7c0;background:#102019dc;border:1px solid #ead09066;border-radius:4px;font-size:14px}.lore-art figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 10px;font-size:12px;line-height:1.5;color:#afbaaa;margin-top:8px}.lore-art figcaption span{color:#d3d5bd}.detail-notes .lore-art{margin-top:18px}.detail-notes .art-open{aspect-ratio:4/3}.event-illustration .lore-art{margin:0}.event-illustration .art-open{height:100%;min-height:180px}.event-illustration .lore-art figcaption{display:none}
#art-gallery{width:min(1450px,97vw);height:94dvh;max-width:1450px;max-height:94dvh;padding:0;border:1px solid #b49d6766;border-radius:10px;background:#16231e;color:#e1e5d6;overflow:hidden;box-shadow:0 30px 100px #000b}#art-gallery::backdrop{background:#030905e6;backdrop-filter:blur(5px)}#art-gallery .art-header{height:92px;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#17261f;border-bottom:1px solid #b3be9d28}#art-gallery h2{font:34px/1.1 'Cormorant Garamond',Georgia,serif;margin:4px 0 0;color:#f0e7ce}#art-gallery .art-close{font-size:29px;padding:3px 12px;border:0;background:transparent}.art-back{font-size:14px;padding:0;border:0;background:none;color:#d6bd81}.art-view-layout{height:calc(100% - 92px);display:grid;grid-template-columns:minmax(0,1fr) 290px}.art-view{display:flex;flex-direction:column;min-height:0;min-width:0;background:#0c1512}.art-stage{position:relative;flex:1;min-height:220px;overflow:hidden;touch-action:none;outline-offset:-4px}.art-stage.art-zoomed{cursor:grab}.art-stage.art-zoomed:active{cursor:grabbing}.art-fit{position:absolute;top:50%;left:50%;transform-origin:center;will-change:transform;user-select:none;pointer-events:none}.art-fit>.art-original{display:block;width:100%;height:100%;object-fit:contain}.art-fit img{-webkit-user-drag:none}.art-view-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;flex-wrap:wrap;border-top:1px solid #b5c9a522}.art-view-toolbar button{font-size:16px;min-width:38px;min-height:38px;padding:5px 12px}.art-view-toolbar a{font-size:14px;color:#d8bf84;text-decoration:none}.art-zoom-value{font-size:14px;min-width:36px;text-align:center}.art-gesture-hint{margin:0;padding:0 14px 12px;font-size:13px;text-align:center;color:#a1b29e}.art-info{padding:24px 22px;overflow-y:auto;border-left:1px solid #b3be9d28;font-size:16px;line-height:1.7;scrollbar-width:thin}.art-info p{margin:0 0 19px}.art-info .eyebrow{font-size:12px;display:block;margin-bottom:15px}.art-info .art-provenance{font-size:14px;color:#dac48f}.art-info .art-period{font-size:14px;color:#b2c1ab;border-left:2px solid #b19c66;padding-left:12px}.art-details-list{border-top:1px solid #b3be9d28;padding-top:18px}.art-details-list:empty{display:none}.art-details-list p{font-size:14px;margin-bottom:12px}.art-info .source-link{display:block;font-size:14px;color:#d8bd7f;margin:15px 0}.art-info .art-resolution{font-size:12px;color:#94a58e}.art-versions{display:grid;gap:8px}.art-versions button{font-size:14px;text-align:left;white-space:normal}.art-versions button[aria-pressed=true]{border-color:#dcc287;color:#f0d89f;background:#ccae6720}.art-load-error{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;background:#13221ff2}.art-load-error[hidden]{display:none}.art-index-controls{display:flex;align-items:end;gap:16px;padding:20px 24px}.art-index-controls label{display:grid;gap:7px;font-size:14px}.art-index-controls label:first-child{flex:1}.art-index-controls input{width:100%;min-height:43px;border:1px solid #b0bc9855;border-radius:5px;padding:10px 13px;background:#0f1d17;color:#e8dfc6;font:inherit}.art-index-controls select{min-height:43px;font-size:14px}.art-index-controls p{font-size:14px;color:#b0bea6;white-space:nowrap;margin:0 0 12px}.art-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px 20px;padding:0 24px 30px;height:calc(100% - 194px);overflow-y:auto;align-content:start}.art-index-card{min-width:0}.art-index-card .lore-art{margin:0}.art-index-card>span{display:block;font-size:12px;color:#90a486;margin-top:7px}.art-empty{grid-column:1/-1;font-size:16px;padding:30px 0}
@media(max-width:850px){#art-gallery{width:98vw;height:96dvh;max-height:96dvh}#art-gallery .art-header{height:82px;padding:12px 16px}#art-gallery h2{font-size:28px}.art-view-layout{height:calc(100% - 82px);display:block;overflow-y:auto}.art-view{height:64dvh;min-height:390px}.art-info{border-left:0;border-top:1px solid #b3be9d28;padding:20px}.art-index-controls{padding:15px;gap:10px;flex-wrap:wrap}.art-index-controls label:first-child{min-width:55%}.art-index-controls p{width:100%;margin:0}.art-index-grid{padding:0 15px 20px;height:calc(100% - 214px);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px 12px}.art-view-toolbar{gap:8px}.art-view-toolbar a{font-size:12px}.art-open-label{font-size:12px}.header-right #open-lore-gallery{font-size:13px;padding:8px}}
@media(prefers-reduced-motion:reduce){.art-fit{will-change:auto}}

#art-gallery[open]{display:flex;flex-direction:column}#art-gallery .art-header{height:auto;min-height:92px;flex-shrink:0}.art-index-controls{flex-shrink:0}.art-index-grid{height:auto;min-height:0;flex:1}.art-view-layout{height:auto;min-height:0;flex:1}.art-info{min-width:0}.art-fit[hidden]{display:none}
@media(max-width:850px){#art-gallery .art-header{min-height:82px}.art-view-layout{flex:1;min-height:0}.art-index-grid{height:auto;min-height:0}}
@media(max-width:700px){body>header{height:auto;min-height:100px;flex-wrap:wrap;gap:10px;padding:12px 16px}body>header .header-right{width:100%;justify-content:space-between;gap:10px}body>header .header-right button,body>header .header-right #about,body>header .header-right #open-lore-gallery{font-size:14px;padding:7px 10px}}

.art-period-note{display:block;flex-basis:100%;font-size:12px;line-height:1.6;color:#a7b79f}.art-index-card .art-period-note{display:none}