.lookbook-section {
  padding: 104px clamp(24px, 7vw, 124px) 112px;
  background: #0b1a28;
}

.lookbook-heading h2 {
  margin: 18px 0 42px;
  color: #f7f9fa;
  font: 600 clamp(46px, 5vw, 68px)/.98 'Cormorant Garamond', Georgia, serif;
}

.lookbook-heading h2 em {
  color: #7bc5eb;
  font-style: normal;
}

.lookbook-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.lookbook-grid figure {
  position: relative;
  margin: 0;
  aspect-ratio: 4 / 5;
  min-height: 0;
  overflow: hidden;
  border: 1px solid #405164;
  border-radius: 16px;
  background: #121b25;
}

.lookbook-grid img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 44%;
  filter: none;
  transition: transform 180ms ease-out;
}

.lookbook-grid figure:hover img { transform: scale(1.025); }

.lookbook-grid figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 18px 20px;
  background: rgba(7, 22, 37, .9);
  color: #f7f9fa;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 800px) {
  .lookbook-section { padding: 80px 20px 88px; }
  .lookbook-heading h2 { margin-bottom: 32px; }
  .lookbook-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}

@media (max-width: 560px) {
  .lookbook-grid { grid-template-columns: 1fr; gap: 18px; }
  .lookbook-grid figure { aspect-ratio: 4 / 4.4; }
}

@media (prefers-reduced-motion: reduce) {
  .lookbook-grid img { transition: none; }
  .lookbook-grid figure:hover img { transform: none; }
}