/* The film chapters stay distinct from the four interactive map views. */
.arrival-chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 10px;font:500 10px/1.7 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.arrival-chapter-heading span{font-variant-numeric:tabular-nums;letter-spacing:.03em}
.arrival-chapter-heading p{margin:0}
.arrival-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:24px}
.arrival-chapters button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:64px;padding:12px 15px;border:1px solid #ac875055;background:transparent;text-align:left;font:500 11px/1.6 var(--ui);transition:background .25s,border-color .25s,color .25s}
.arrival-chapters button span{color:var(--warm);font:400 10px/1.5 var(--ui);font-variant-numeric:tabular-nums}
.arrival-chapters button:hover{background:#e5dfd3;border-color:var(--warm)}
.arrival-chapters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.arrival-chapters button[aria-pressed=true] span{color:var(--gold)}
.arrival-map-heading{margin:0 0 10px;font:500 10px/1.7 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media(max-width:760px){.arrival-film{aspect-ratio:16/9}.arrival-chapters{display:flex;gap:7px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.arrival-chapters button{flex:0 0 112px;scroll-snap-align:start;min-height:62px;padding:10px 12px}.arrival-chapter-heading{font-size:9px}.arrival-map-heading{font-size:9px}}
@media(prefers-reduced-motion:reduce){.arrival-chapters button{transition:none}}