body.site-image-gallery #navPanelToggle {
  display: none !important;
}

body.site-image-gallery #copyright.site-copyright ul li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.8;
}

body.site-image-gallery #main .posts > article.image-title-only h2 {
  display: grid;
  min-width: 0;
  min-height: 3.2em;
  place-items: center;
}

.post-title-link {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
}

.post-title-link:hover {
  box-shadow: none;
  color: #18bfef !important;
}

.post-image-button {
  position: relative;
  display: grid;
  width: 100%;
  padding: 0;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  border: 0;
  background: #f1f1ed;
  cursor: zoom-in;
}

.post-image-button { height: clamp(280px, 34vw, 420px); }
.post-image-backdrop,
.lightbox-backdrop {
  position: absolute;
  inset: -14px;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  max-width: none;
  max-height: none;
  object-fit: cover;
  filter: blur(14px);
  opacity: 0.68;
  pointer-events: none;
}

.post-image-foreground {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.post-lightbox {
  position: fixed;
  width: min(1120px, calc(100vw - 36px));
  max-width: none;
  height: min(90vh, 900px);
  max-height: 90vh;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: #fff;
  color: #212931;
  box-shadow: 0 24px 90px rgb(0 0 0 / 36%);
}

.post-lightbox::backdrop { background: rgb(11 16 19 / 76%); backdrop-filter: blur(3px); }
.lightbox-close { position: absolute; z-index: 2; top: 11px; right: 11px; display: grid; width: 40px; height: 40px; margin: 0; place-items: center; border: 0; border-radius: 50%; background: rgb(255 255 255 / 94%); color: #26342f; cursor: pointer; font-size: 27px; box-shadow: 0 2px 12px rgb(0 0 0 / 14%); }
.lightbox-close:hover { background: #eaf1eb; color: #315e50; }
.lightbox-layout { display: grid; height: 100%; min-height: 0; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); }
.lightbox-image-wrap { position: relative; display: grid; min-width: 0; min-height: 0; place-items: center; overflow: hidden; isolation: isolate; background: #171b1a; }
.lightbox-image-wrap[hidden] { display: none; }
.lightbox-image { position: relative; z-index: 1; display: block; width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
.lightbox-copy { min-width: 0; min-height: 0; padding: clamp(28px, 5vw, 58px); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.lightbox-copy h2 { margin: 0 0 22px; font-family: Merriweather, Georgia, serif; font-size: clamp(20px, 2.5vw, 30px); line-height: 1.45; }
.lightbox-body { color: #505b57; font-family: Merriweather, Georgia, serif; font-size: 13px; line-height: 1.95; overflow-wrap: anywhere; }

@media screen and (max-width: 980px) and (orientation: portrait) {
  #wrapper > .bg {
    background-size: auto, auto, auto 100vh;
  }
}

@media (max-width: 700px) {
  #intro {
    min-height: 65vh;
    padding: 2.5rem 1.25rem 1.25rem;
  }

  body.site-image-gallery #main > .posts > article {
    padding: 1.5rem 1.25rem;
  }

  .post-lightbox { width: calc(100vw - 20px); height: 94vh; max-height: 94vh; }
  .lightbox-layout { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(180px, 38vh) minmax(0, 1fr); }
  .lightbox-image-wrap { height: 100%; }
  .lightbox-copy { padding: 25px 22px 32px; }
  .lightbox-copy h2 { padding-right: 16px; }
  .post-image-button { height: clamp(220px, 70vw, 320px); }
}