/* Source photographs: preserve the entire frame, with captions outside it. */
.salon-lead-photo { display: block; background: var(--navy-2); border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.salon-lead-photo img,.salon-preview img,.salon-editorial .salon-photo img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 0; margin: 0; }
.salon-lead-photo>span { display: block; padding: 16px 20px; font-size: 13px; color: var(--ink-soft); }
.salon-preview { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 28px; margin-top: 48px; }
.salon-preview figure,.salon-photo { margin: 0; min-width: 0; }
.salon-preview a { display: block; }
.salon-preview figcaption,.salon-photo figcaption { padding: 14px 0; color: var(--ink-soft); font-size: 13px; line-height: 1.7; }
.salon-preview figcaption span { color: var(--gold); margin-right: 16px; }
.salon-editorial { max-width: 1120px; }
.salon-editorial .salon-intro { max-width: 780px; margin: 0 auto 48px; }
.salon-editorial h1,.salon-editorial h2 { text-wrap: balance; }
.salon-editorial p { text-wrap: pretty; }
.salon-editorial .salon-photo { margin-block: 32px; }
.salon-editorial .salon-opening { max-width: 780px; margin: 42px auto; }
.salon-chapter { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; border-top: 1px solid var(--line); padding-block: 46px; }
.salon-chapter:nth-of-type(even) .salon-photo { order: 2; }
.salon-chapter .salon-photo { margin: 0; }
.salon-chapter h2 { margin-top: 12px; font-size: clamp(25px,3vw,36px); }
.salon-chapter .eyebrow { color: var(--gold); }
.salon-editorial .salon-closing { max-width: 780px; margin: 40px auto; }
.salon-editorial .reading-meta { margin-block: 28px; }
.salon-editorial [id] { scroll-margin-top: 120px; }
@media(max-width:700px) {
 .salon-preview { grid-template-columns: 1fr; gap: 20px; margin-top: 32px; }
 .salon-chapter { grid-template-columns: 1fr; gap: 12px; padding-block: 28px; }
 .salon-chapter:nth-of-type(even) .salon-photo { order: 0; }
 .salon-editorial .salon-intro { margin-bottom: 28px; }
 .salon-editorial .salon-photo { margin-block: 24px; }
 .salon-preview figcaption span { display: block; margin-bottom: 4px; }
}