/* ═══════════════════════════════════════════════════════════════
   09b · PHOTO STRIP
   Editorial 5-photo asymmetric mosaic
   ═══════════════════════════════════════════════════════════════ */

.photo-strip {
  padding: 0 0 110px;
  background: var(--paper);
}

.photo-strip__inner {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  grid-template-rows: 240px 240px;
  gap: 12px;
}

.photo-strip__item {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  cursor: pointer;
}
.photo-strip__item--tall { grid-row: span 2; }
.photo-strip__item--wide { grid-column: span 2; }

.photo-strip__img {
  width: 100%; height: 100%;
  background-size: cover; background-position: center;
  transition: transform 0.9s var(--ease);
}
.photo-strip__item:hover .photo-strip__img { transform: scale(1.08); }

.photo-strip__cap {
  position: absolute;
  inset: auto 0 0 0;
  padding: 14px 18px;
  background: linear-gradient(180deg, transparent, rgba(14,27,46,0.85));
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 600;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.35s var(--ease);
}
.photo-strip__item:hover .photo-strip__cap {
  opacity: 1;
  transform: translateY(0);
}
.photo-strip__cap span {
  color: var(--gold-400);
  margin-right: 6px;
}