/* Photos complémentaires des pages intérieures. */
.kc__photo { --c: 18px; position: relative; margin: 0 0 28px; aspect-ratio: 4 / 3; overflow: hidden; clip-path: var(--chanfrein); background: var(--attente); }
.kc__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 48% 50%; }
.kc__photo figcaption { position: absolute; bottom: 20px; left: 20px; padding: 9px 13px; background: var(--blanc); color: var(--graphite); font: 500 .9375rem/1.3 var(--f-cote); }
.sc-on .kc__fig, .scn-pre-wide .kc__fig { position: relative; top: auto; }
.sc-on .kc__photo, .scn-pre-wide .kc__photo { position: absolute; inset: 0; z-index: 2; margin: 0; aspect-ratio: auto; pointer-events: none; }
.scn-pre-wide .kc__drawing { opacity: 0; }
.photo-compare { width: 100%; aspect-ratio: 3 / 2; overflow: hidden; }
.photo-compare .plan img { object-position: center; }
.ch--pl > .ch__ph { width: 100%; }
.tal__compare { grid-column: 1 / -1; min-width: 0; }
.tal__compare .photo-compare { max-width: 1050px; margin-inline: auto; }
.cpl__photo { margin: 0; min-width: 0; }
.cpl__photo img { --c: 18px; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; clip-path: var(--chanfrein); }
.cpl__photo figcaption { margin-top: 12px; font-size: .9375rem; color: var(--graphite-doux); }
.bois__frame { aspect-ratio: 4 / 5; }
.dr__frame { aspect-ratio: 3 / 2; }
@media (min-width: 1000px) {
  .cpl__h { grid-row: 1; }
  .cpl__photo { grid-column: 1 / 6; grid-row: 2; }
  .cpl__list { grid-column: 7 / 13; grid-row: 1 / span 2; }
}
@media (max-width: 599px) {
  .kc__photo figcaption { left: 12px; bottom: 12px; font-size: .8125rem; }
  .photo-compare .hint { font-size: .75rem; }
}