.lore-gallery { padding-top: 76px; padding-bottom: 76px; scroll-margin-top: 100px; }
.lore-gallery .section-heading-row { align-items: end; }
.lore-gallery .section-heading-row p { max-width: 480px; }
.lore-gallery-filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0; }
.lore-gallery-filters button { border: 1px solid #9ba58c; padding: 10px 18px; color: #293b2c; background: transparent; font: inherit; cursor: pointer; }
.lore-gallery-filters button[aria-pressed="true"] { color: #fff; background: #344d2c; border-color: #344d2c; }
.lore-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
.lore-shot { margin: 0; min-width: 0; }
.lore-shot[hidden] { display: none; }
.lore-shot a { display: block; background: #0b0d0b; border: 1px solid #6b705c; }
.lore-shot img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: fill; image-rendering: pixelated; }
.lore-shot figcaption { display: flex; gap: 12px; align-items: baseline; margin-top: 12px; }
.lore-shot-number { color: #687254; font: 12px ui-monospace, monospace; }
.lore-shot strong { color: #25331f; font-size: 1rem; }
.lore-shot p { margin: 5px 0 0; font-size: .87rem; color: #62665e; line-height: 1.6; }
.lore-gallery a:focus-visible, .lore-gallery button:focus-visible, .lore-lightbox button:focus-visible, .lore-lightbox a:focus-visible { outline: 3px solid #a38332; outline-offset: 4px; }
.lore-lightbox { box-sizing: border-box; width: min(1080px, calc(100vw - 28px)); max-width: none; max-height: calc(100dvh - 28px); margin: auto; padding: 18px; color: #f0ecdf; background: #101910; border: 1px solid #7c8a62; overflow: auto; }
.lore-lightbox::backdrop { background: rgba(3, 7, 4, .93); }
.lore-lightbox-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.lore-lightbox button, .lore-lightbox a { padding: 9px 14px; color: #f0ecdf; background: #24351f; border: 1px solid #67765b; font: inherit; text-decoration: none; cursor: pointer; }
.lore-lightbox-stage { display: grid; place-items: center; background: #000; }
.lore-lightbox img { display: block; width: min(100%, calc((100dvh - 200px) * 4 / 3)); height: auto; aspect-ratio: 4 / 3; object-fit: fill; image-rendering: pixelated; }
.lore-lightbox-footer { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 14px; }
.lore-lightbox h3 { margin: 0; font-size: 1.1rem; color: #f0ecdf; }
.lore-lightbox p { margin: 6px 0 0; color: #c6cdbb; font-size: .9rem; }
.lore-lightbox-navigation { display: flex; flex: 0 0 auto; gap: 8px; }
html.lore-lightbox-open { overflow: hidden; }
@media (max-width: 680px) {
  .lore-gallery { padding-top: 46px; padding-bottom: 46px; }
  .lore-gallery-grid { grid-template-columns: 1fr; gap: 26px; }
  .lore-gallery-filters { gap: 7px; }
  .lore-gallery-filters button { padding: 8px 12px; font-size: .87rem; }
  .lore-lightbox { padding: 12px; }
  .lore-lightbox-footer { flex-direction: column; align-items: stretch; gap: 14px; }
  .lore-lightbox-navigation { justify-content: space-between; }
  .lore-lightbox-toolbar a { font-size: .8rem; }
}