.site-creativeportrait .works-intro-copy {
  max-width: 58ch;
  margin: 0;
  color: #d3cec2;
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.8;
}
.site-creativeportrait .works-cms-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding: 0 var(--page-gutter, clamp(24px, 7vw, 132px)) 8px;
}
.site-creativeportrait .works-cms-actions button {
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid #a88a4a;
  border-radius: 6px;
  background: #1a1917;
  color: #e7dfcb;
  font: 600 12px/1.2 Montserrat, Arial, sans-serif;
  letter-spacing: .04em;
  cursor: pointer;
}
.site-creativeportrait .works-cms-actions button:hover,
.site-creativeportrait .works-cms-actions button:focus-visible {
  background: #a88a4a;
  color: #171615;
}
.site-creativeportrait .works-masonry {
  padding: 30px var(--page-gutter, clamp(24px, 7vw, 132px)) 0;
}
.site-creativeportrait .works-masonry figure {
  background: #171615;
}
.site-creativeportrait .works-masonry a,
.site-creativeportrait .works-masonry .works-image-open {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}
.site-creativeportrait .works-masonry img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .55s ease;
}
.site-creativeportrait .works-masonry a:hover img,
.site-creativeportrait .works-masonry .works-image-open:hover img {
  transform: scale(1.018);
}
.site-creativeportrait .works-lightbox {
  width: min(94vw, 1480px);
  max-width: none;
  max-height: 94vh;
  padding: 48px 64px 30px;
  border: 1px solid #a88a4a;
  background: #11100f;
  color: #f3eee3;
}
.site-creativeportrait .works-lightbox figure { margin: 0; }
.site-creativeportrait .works-lightbox figure img {
  max-width: 100%;
  max-height: calc(94vh - 110px);
  object-fit: contain;
}
.site-creativeportrait .works-lightbox figcaption {
  margin-top: 12px;
  color: #d3cec2;
  text-align: center;
  font-size: 13px;
}
.site-creativeportrait .works-lightbox .service-lightbox-close,
.site-creativeportrait .works-lightbox .service-lightbox-prev,
.site-creativeportrait .works-lightbox .service-lightbox-next {
  border: 1px solid #a88a4a;
  border-radius: 50%;
  background: #1a1917;
  color: #f3eee3;
}
.site-creativeportrait .works-lightbox .service-lightbox-close:hover,
.site-creativeportrait .works-lightbox .service-lightbox-prev:hover,
.site-creativeportrait .works-lightbox .service-lightbox-next:hover { background: #a88a4a; color: #171615; }
.site-creativeportrait .works-lightbox::backdrop { background: rgb(0 0 0 / 88%); }
.site-creativeportrait .works-masonry .empty {
  color: #f3eee3;
}
.site-creativeportrait .works-masonry .empty p {
  color: #c4bcae;
}
@media (max-width: 720px) {
  .site-creativeportrait .works-cms-actions { padding-bottom: 8px; }
  .site-creativeportrait .works-masonry { padding-top: 22px; }
  .site-creativeportrait .works-lightbox { width: 100vw; max-height: 100dvh; padding: 54px 12px 22px; border-radius: 0; }
  .site-creativeportrait .works-lightbox figure img { max-height: calc(100dvh - 105px); }
}
.site-creativeportrait .works-lightbox button[hidden] { display: none; }