/* Atlas : grande photo légendée accolée à une liste de régions. */

.atlas { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 0; margin-bottom: 28px; border: 1px solid var(--line); background: var(--panel-solid); }
.atlas-photo { position: relative; margin: 0; min-height: 340px; overflow: hidden; }
.atlas-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.atlas-photo figcaption { position: absolute; left: 20px; bottom: 16px; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #fff; text-shadow: 0 1px 10px rgba(0, 0, 0, .8); }
.atlas-list { padding: 26px 28px; }
.regions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 18px; margin: 0; padding: 0; list-style: none; }
.regions li { display: flex; align-items: center; gap: 10px; padding: 5px 0; font-size: .88rem; color: var(--ink); border-bottom: 1px solid rgba(255, 255, 255, .05); }
.regions li::before { content: ''; flex: 0 0 6px; height: 6px; transform: rotate(45deg); background: var(--gold); opacity: .8; }

@media (max-width: 1020px) { .atlas { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 680px) { .regions { grid-template-columns: minmax(0, 1fr); } }