:root { --warm: #d5ccbd; }

.hero-image img { object-position: center; }
.camaleonda-editorial-pair { grid-template-columns: minmax(0, 525px) minmax(0, 467px); justify-content: center; gap: clamp(18px, 2vw, 34px); }
.camaleonda-editorial-pair figure { min-height: 0; }
.camaleonda-editorial-pair img,
.camaleonda-editorial-pair figure:last-child img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
.camaleonda-detail { max-width: 520px; margin-left: auto !important; margin-right: auto !important; }
.camaleonda-detail img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; object-position: center; }
.camaleonda-engineering { display: grid; grid-template-columns: 42% 58%; background: #1c201c; color: #f4f1e9; border-top: 1px solid var(--line); }
.engineering-copy { padding: 7vw 5vw 7vw 3.4vw; display: flex; flex-direction: column; justify-content: center; }
.engineering-copy h2, .dimensions-heading h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.05em; margin: 22px 0 32px; font-size: clamp(46px, 5.5vw, 86px); line-height: .94; }
.engineering-copy p { font-size: 16px; line-height: 1.7; max-width: 620px; }
.camaleonda-engineering figure { margin: 0; min-height: 760px; position: relative; background: #ece8df; }
.camaleonda-engineering figure img { width: 100%; height: 100%; object-fit: contain; padding: 5vw; display: block; mix-blend-mode: multiply; }
.camaleonda-engineering figcaption { position: absolute; left: 22px; bottom: 18px; color: #171715; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }

.camaleonda-dimensions { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.dimensions-heading { padding: 6vw 3.4vw 4vw; }
.dimensions-heading h2 { margin-bottom: 0; }
.dimension-gallery { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.dimension-gallery figure { margin: 0; min-width: 0; border-right: 1px solid var(--line); background: #f5f4f0; }
.dimension-gallery figure:last-child { border-right: 0; }
.dimension-gallery img { display: block; width: 100%; aspect-ratio: 1.18 / 1; object-fit: contain; padding: clamp(22px, 3vw, 48px); mix-blend-mode: multiply; }
.dimension-gallery figcaption { padding: 15px 18px; border-top: 1px solid var(--line); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }

@media (max-width: 900px) {
  .camaleonda-editorial-pair { grid-template-columns: 1fr 1fr; }
  .camaleonda-editorial-pair figure { min-height: 0; }
  .camaleonda-engineering { grid-template-columns: 1fr; }
  .engineering-copy, .dimensions-heading { padding: 58px 24px; }
  .camaleonda-engineering figure { min-height: 65vw; }
  .dimension-gallery { grid-template-columns: 1fr; }
  .dimension-gallery figure { border-right: 0; border-bottom: 1px solid var(--line); }
  .dimension-gallery figure:last-child { border-bottom: 0; }
  .dimension-gallery img { aspect-ratio: 1.65 / 1; padding: 30px; }
}

@media (max-width: 560px) {
  .camaleonda-editorial-pair { grid-template-columns: 1fr; }
  .camaleonda-editorial-pair figure { min-height: 0; }
  .camaleonda-editorial-pair img,
  .camaleonda-editorial-pair figure:last-child img { aspect-ratio: auto; }
  .dimension-gallery img { aspect-ratio: 1.25 / 1; padding: 18px; }
}