/* Ease into the gallery after a brief light-page introduction. */
body[data-page="gallery"],
body[data-page="gallery"] .site-header,
body[data-page="gallery"] .mobile-menu,
body[data-page="gallery"] .project-cta,
body[data-page="gallery"] .image-expand,
body[data-page="gallery"] .text-link,
body[data-page="gallery"] .footer-social,
body[data-page="gallery"] .footer-bottom,
body[data-page="gallery"] .gallery-toolbar,
body[data-page="gallery"] .gallery-follow,
body[data-page="gallery"] .gallery-filters button,
body[data-page="gallery"] .header-social a,
body[data-page="gallery"] .menu-toggle,
body[data-page="gallery"] .menu-toggle i,
body[data-page="gallery"] .menu-toggle i:after,
body[data-page="gallery"] .eyebrow,
body[data-page="gallery"] .page-lead,
body[data-page="gallery"] .gallery-count,
body[data-page="gallery"] .project-caption small,
body[data-page="gallery"] .project-caption>span,
body[data-page="gallery"] .footer-top p,
body[data-page="gallery"] .project-cta p,
body[data-page="gallery"] .button-white,
body[data-page="gallery"] .pale,
body[data-page="gallery"] em {
  transition: background-color 1.15s ease, color 1.15s ease, border-color 1.15s ease;
}
body[data-page="gallery"] .logo-link img,
body[data-page="gallery"] .footer-logo img { transition: filter 1.15s ease; }
/* Gallery-only cinema treatment. Remove this stylesheet to restore the light gallery. */
body[data-page="gallery"].gallery-dark {
  --ink: #fff;
  --muted: #fff;
  --line: #363636;
  --bronze: #fff;
  color: #fff;
  background: #000;
  color-scheme: dark;
}
body[data-page="gallery"].gallery-dark em { color: #a58c64; }
body[data-page="gallery"].gallery-dark .site-header { background: #000; border-bottom-color: #292929; }
body[data-page="gallery"].gallery-dark .logo-link img,
body[data-page="gallery"].gallery-dark .footer-logo img { filter: brightness(0) invert(1); }
body[data-page="gallery"].gallery-dark .menu-toggle { border-color: #666; }
body[data-page="gallery"].gallery-dark .menu-toggle i,
body[data-page="gallery"].gallery-dark .menu-toggle i:after { background: #fff; }
body[data-page="gallery"].gallery-dark .header-social a,
body[data-page="gallery"].gallery-dark .eyebrow,
body[data-page="gallery"].gallery-dark .project-caption small,
body[data-page="gallery"].gallery-dark .footer-bottom,
body[data-page="gallery"].gallery-dark .mobile-menu>a span,
body[data-page="gallery"].gallery-dark .menu-contact { color: #fff; }
body[data-page="gallery"].gallery-dark .mobile-menu { background: #101010; border: 1px solid #363636; }
body[data-page="gallery"].gallery-dark .gallery-filters button.active { color: #fff; border-color: #fff; }
body[data-page="gallery"].gallery-dark .gallery-filters button:hover { border-color: #fff; }
body[data-page="gallery"].gallery-dark .image-expand { background: #000d; color: #fff; border: 1px solid #ffffff70; }
body[data-page="gallery"].gallery-dark .project-cta { background: #0c0c0c; border: 1px solid #292929; }
body[data-page="gallery"].gallery-dark .project-cta p:not(.eyebrow) { color: #fff; }
body[data-page="gallery"].gallery-dark .button-white { color: #fff; background: transparent; border-color: #fff; }
body[data-page="gallery"].gallery-dark .button-white:hover { color: #000; background: #fff; }
body[data-page="gallery"].gallery-dark .text-link,
body[data-page="gallery"].gallery-dark .footer-social { border-bottom-color: #777; }
body[data-page="gallery"].gallery-dark dialog,
body[data-page="gallery"].gallery-dark dialog::backdrop { background: #000; }
body[data-page="gallery"].gallery-dark dialog figcaption { color: #fff; }
body[data-page="gallery"].gallery-dark .skip { background: #000; color: #fff; }

body[data-page="gallery"].gallery-dark .pale { color: #fff; }

/* Darken the same fixed plaster surface rather than fading to a flat fill. */
body[data-page="gallery"]::before{transition:filter 1.15s ease;opacity:1;filter:none}
body[data-page="gallery"].gallery-dark::before{opacity:1;filter:grayscale(1) brightness(.5) contrast(4.6)}
body[data-page="gallery"].gallery-dark{background:#181818}
body[data-page="gallery"].gallery-dark .site-header,
body[data-page="gallery"].gallery-dark .site-search,
body[data-page="gallery"].gallery-dark .project-cta{background:transparent}
body[data-page="gallery"].gallery-dark .site-header{border-bottom-color:#ffffff20}
body[data-page="gallery"].gallery-dark .project-cta{border-color:#ffffff25}
body[data-page="gallery"].gallery-dark .page-lead,
body[data-page="gallery"].gallery-dark .gallery-count,
body[data-page="gallery"].gallery-dark .footer-top p{color:#e4e4e4}
@media(prefers-reduced-motion:reduce){body[data-page="gallery"]::before{transition:none}}