/* Navigation and atmosphere occupy separate spaces; the illustration stays the focus. */
.topbar { align-items: center; flex-wrap: wrap; }
.topnav { gap: .5rem; }
.topnav a, .brand { display: inline-flex; align-items: center; min-height: 44px; padding: .25rem .6rem; }
.arrival { min-height: 76svh; }
.arrival-inner { padding-block: 10rem 4rem; }
.scene-tools { max-width: 1120px; margin: 0 auto; padding: 2.5rem 1.2rem; display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, .35fr); align-items: start; gap: 2.5rem; }
.selectors { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem; }
.selectors > div + div { margin-top: 0; }
.selector-label { font-size: .75rem; letter-spacing: .1em; margin-bottom: .9rem; color: var(--paper); }
.choice-row { gap: .65rem; }
.choice, .motion-toggle { min-height: 44px; min-width: 44px; padding: .6rem 1rem; font-size: .85rem; }
.scene-settings { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 1rem; }
.scene-settings summary { min-height: 44px; padding: .6rem 0; cursor: pointer; color: var(--muted); }
.scene-settings summary:focus-visible { outline: 3px solid var(--amber); outline-offset: 4px; }
.scene-settings p { color: var(--muted); font-size: .85rem; max-width: 38rem; }
.photo-credit { text-align: left; font-size: .8rem; color: var(--muted); line-height: 1.7; }
@media(max-width:760px) {
 .topbar { gap: .25rem; padding: .6rem; }
 .topnav { max-width: none; flex-wrap: wrap; justify-content: flex-start; gap: .15rem; }
 .topnav a { font-size: .72rem; padding-inline: .5rem; }
 .brand { font-size: .95rem; }
 .arrival-inner { padding-block: 11rem 3rem; }
 .scene-tools, .selectors { grid-template-columns: 1fr; gap: 2rem; }
 .scene-tools { padding-block: 2rem; }
 .photo-credit { max-width: 40rem; }
 .song-art { min-height: 320px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.scene-return { display:inline-flex; align-items:center; min-height:44px; color:var(--amber); grid-column:1 / -1; }