.reading-selector{max-width:820px;margin:auto;padding:46px 30px 56px;color:var(--cream);scroll-margin-top:100px}.reading-selector .eyebrow{margin-bottom:12px}.reading-selector h3{font-family:Cormorant,Georgia,serif;font-size:clamp(28px,3vw,40px);font-weight:300;margin:0 0 22px}.reading-selector-layout{display:grid;grid-template-columns:150px 1fr;gap:22px}.reading-model-menu{display:grid;gap:9px}.reading-model-menu button{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #ffffff24;background:transparent;text-align:left;font-size:12px;transition:border-color .25s,background .25s}.reading-model-menu button[aria-pressed=true]{border-color:var(--gold);background:#c6ad850b}.reading-thumb-slot{display:grid;place-items:center;width:34px;height:46px;border:1px solid #ffffff18;color:#9a958b;font-size:10px;flex-shrink:0}.reading-visual-slot{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#111310;position:relative}.reading-visual-name{font-family:Cormorant,Georgia,serif;font-size:32px;color:#bbb5a8}.reading-visual-note{font-size:11px;color:#75796f;letter-spacing:.1em}.reading-color-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 19px;margin-top:22px}.reading-color-menu button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:var(--muted);padding:5px}.reading-color-menu button>span:first-child{display:block;width:22px;height:22px;background:var(--reading-color);border:1px solid #ffffff26;outline:1px solid transparent;outline-offset:4px}.reading-color-menu button[aria-pressed=true]>span:first-child{outline-color:var(--gold)}.reading-color-menu button[aria-pressed=true]{color:var(--cream)}.reading-selection{text-align:center;font-size:11px;color:var(--muted);margin-top:15px}@media(max-width:560px){.reading-selector{padding:35px 22px 40px}.reading-selector-layout{grid-template-columns:110px 1fr;gap:12px}.reading-model-menu button{font-size:10px;gap:7px;padding:7px}.reading-thumb-slot{width:25px;height:34px}.reading-visual-slot{height:220px}.reading-visual-name{font-size:25px;text-align:center}.reading-color-menu{gap:12px}.reading-color-menu button{font-size:9px}}

.reading-thumb-slot{width:46px;height:46px;overflow:hidden;border:0}.reading-thumb-slot img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:560px){.reading-thumb-slot{width:32px;height:38px}.reading-model-menu button{gap:6px}}
/* Miniatures au format complet fourni, sans recadrage. */
.reading-selector-layout{grid-template-columns:220px 1fr}
.reading-model-menu button{padding:9px;gap:13px}
.reading-thumb-slot{width:108px;height:auto;aspect-ratio:588/380;overflow:visible}
.reading-thumb-slot img{width:100%;height:auto;aspect-ratio:588/380;object-fit:contain}
@media(max-width:560px){.reading-selector-layout{grid-template-columns:140px 1fr}.reading-model-menu button{flex-direction:column;gap:6px;padding:6px;text-align:center}.reading-thumb-slot{width:100%;max-width:116px;height:auto}.reading-visual-slot{height:300px}}
/* Les trois modèles visibles ensemble, photographies au cadrage d’origine. */
.reading-selector{max-width:1280px;padding:46px 4vw 56px}
.reading-model-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.reading-model-gallery figure{margin:0;min-width:0}
.reading-model-gallery img{display:block;width:100%;height:auto;aspect-ratio:588/380;object-fit:contain}
.reading-model-gallery figcaption{font-size:16px;font-weight:300;color:var(--cream);padding-top:14px}
@media(max-width:560px){.reading-model-gallery{gap:10px}.reading-model-gallery figcaption{font-size:11px;padding-top:9px}.reading-selector{padding-left:18px;padding-right:18px}}