/* Planches de recherches : cadre entier et sélection volontaire. */
.myriance-layout { align-items: center; }
.myriance-concept-preview { min-width: 0; margin: 0; }
.myriance-concept-preview > a { display: block; background: #000; }
.myriance-concept-preview img { height: auto; }
.myriance-concept-preview figcaption, .concept-sheet figcaption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .6rem 1.5rem; padding-top: 1rem; font-size: var(--micro-size); line-height: 1.7; color: var(--muted); }
.instrument-gallery { display: grid; grid-template-columns: minmax(13rem, .42fr) minmax(0, 1fr); gap: 7%; margin-top: 4rem; align-items: start; }
.instrument-gallery-nav .micro-label { display: block; margin-bottom: 1.5rem; }
.instrument-gallery-nav a { display: grid; grid-template-columns: 2rem 1fr 1rem; gap: 1rem; align-items: center; min-height: 5rem; padding-block: 1.25rem; border-top: 1px solid var(--line); color: var(--muted); font-size: 1rem; line-height: 1.6; }
.instrument-gallery-nav a:last-child { border-bottom: 1px solid var(--line); }
.instrument-gallery-nav a > span:first-child { font-family: var(--serif); font-size: var(--micro-size); }
.instrument-gallery-nav a[aria-current="true"] { color: var(--metal-light); }
.instrument-gallery-nav a:hover { color: var(--ivory); }
.concept-sheet { min-width: 0; }
.concept-sheet-frame { aspect-ratio: 1122 / 1402; background: #000; }
.concept-sheet-frame img { width: 100%; height: 100%; object-fit: contain; }
.concept-sheet[aria-busy="true"] .concept-sheet-frame { opacity: .8; }
@media (max-width: 1000px) { .instrument-gallery { grid-template-columns: minmax(11rem, .4fr) minmax(0, 1fr); gap: 4%; } }
@media (max-width: 760px) {
  .instrument-gallery { grid-template-columns: 1fr; gap: 2rem; margin-top: 3rem; }
  .instrument-gallery-nav { order: 2; }
  .instrument-gallery-nav a { min-height: 3.5rem; padding-block: .75rem; }
  .myriance-concept-preview figcaption, .concept-sheet figcaption { gap: .5rem; }
}