:root { --collection-deep: #252420; }

.collection-object { background: #eeece5; }
.collection-object img { object-fit: contain; padding: clamp(32px, 5vw, 78px); mix-blend-mode: multiply; }
.collection-editorial { grid-template-columns: 1fr 1fr; gap: clamp(18px, 2vw, 34px); }
.collection-editorial figure { min-height: 0; }
.collection-editorial img,
.collection-editorial figure:last-child img { aspect-ratio: 4 / 3; object-fit: cover; }
.collection-detail { display: grid; grid-template-columns: 45% 55%; background: var(--collection-deep); color: #f5f3ed; border-top: 1px solid var(--line); }
.collection-detail-copy { padding: clamp(64px, 8vw, 130px) clamp(28px, 5vw, 78px); display: flex; flex-direction: column; justify-content: center; }
.collection-detail-copy h2 { font-family: var(--serif); font-size: clamp(46px, 5.5vw, 86px); font-weight: 400; letter-spacing: -.05em; line-height: .94; margin: 22px 0 30px; }
.collection-detail-copy p { font-size: 16px; line-height: 1.72; max-width: 640px; }
.collection-detail figure { margin: 0; min-height: 680px; background: #eeece5; overflow: hidden; }
.collection-detail figure img { display: block; width: 100%; height: 100%; object-fit: contain; padding: clamp(32px, 5vw, 72px); mix-blend-mode: multiply; }

@media (max-width: 900px) {
  .collection-detail { grid-template-columns: 1fr; }
  .collection-detail figure { min-height: 60vw; }
}

@media (max-width: 560px) {
  .collection-editorial { grid-template-columns: 1fr; }
  .collection-editorial img,
  .collection-editorial figure:last-child img { aspect-ratio: 4 / 3; }
  .collection-detail figure { min-height: 82vw; }
}