.photo-gallery {
  border-top: 1px solid var(--line-color, #1f2937);
  padding: 5rem 0;
  background: color-mix(in srgb, var(--block-bg, #161922) 20%, transparent);
}
.photo-gallery__intro {
  margin-bottom: 3rem;
}
.photo-gallery__label {
  margin: 0;
  color: var(--accent-color, #00ff88);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.photo-gallery__title {
  margin: 0.25rem 0 0;
  color: var(--title-color, #ffffff);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
}
.photo-gallery__intro > .photo-gallery__title:first-child {
  margin-top: 0;
}
.photo-gallery__text {
  max-width: 100%;
  margin-top: 0.5rem;
  color: var(--text-color, #e5e7eb);
  font-size: 0.875rem;
  line-height: 1.625;
}
.photo-gallery__text p,
.photo-gallery__text ul,
.photo-gallery__text ol {
  margin: 0;
}
.photo-gallery__text p + p,
.photo-gallery__text p + ul,
.photo-gallery__text p + ol,
.photo-gallery__text ul + p,
.photo-gallery__text ol + p {
  margin-top: 0.75rem;
}
.photo-gallery__text ul,
.photo-gallery__text ol {
  padding-left: 1.25rem;
}
.photo-gallery__text li + li {
  margin-top: 0.35rem;
}
.photo-gallery__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.photo-gallery__item {
  position: relative;
  overflow: hidden;
  height: 15rem;
  border: 1px solid var(--line-color, #1f2937);
  border-radius: var(--block-radius, 16px);
}
.photo-gallery__item--large {
  height: 20rem;
}
.photo-gallery__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.photo-gallery__item:hover .photo-gallery__image {
  transform: scale(1.05);
}
.photo-gallery__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--page-bg, #0b0d12) 90%, transparent), transparent);
  opacity: 0.8;
  transition: opacity 0.2s ease;
}
.photo-gallery__item:hover .photo-gallery__shade {
  opacity: 1;
}
.photo-gallery__caption {
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
}
.photo-gallery__item--large .photo-gallery__caption {
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}
.photo-gallery__caption .photo-gallery__label {
  margin-bottom: 0.25rem;
}
.photo-gallery__caption-title {
  margin: 0;
  color: var(--title-color, #ffffff);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
}
.photo-gallery__item--large .photo-gallery__caption-title {
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .photo-gallery__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .photo-gallery__item--large {
    grid-column: span 2;
    grid-row: span 2;
    height: auto;
    min-height: 20rem;
  }
}
@media (min-width: 1024px) {
  .photo-gallery__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  .photo-gallery__image, .photo-gallery__shade {
    transition: none;
  }
  .photo-gallery__item:hover .photo-gallery__image {
    transform: none;
  }
}

/*# sourceMappingURL=photo-gallery.css.map */