/* Sol welcomes travelers. Shared web/native artwork and reduced-motion behavior. */
.trip-welcome{box-sizing:border-box;min-height:min(620px,75dvh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:36px 20px 42px;text-align:center;color:#002d72;background:var(--paper,#f3f6fb)}
.trip-welcome[hidden]{display:none!important}
.trip-welcome-scene{position:relative;display:grid;place-items:center;width:210px;height:210px;margin:0 0 26px;flex:none}
.trip-welcome-halo{position:absolute;inset:15px;border-radius:50%;background:#fff0de}
.trip-welcome-shadow{position:absolute;bottom:5px;width:90px;height:10px;border-radius:50%;background:#002d7218;filter:blur(3px)}
.trip-welcome-scene img{position:relative;display:block;width:190px;height:190px;object-fit:contain;animation:trip-sol-float 3.4s ease-in-out infinite}
.trip-welcome h2{max-width:330px;font-size:clamp(1.25rem,5.5vw,1.5rem);font-weight:750;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px;color:inherit}
.trip-welcome>p{font-size:.9rem;line-height:1.6;max-width:280px;color:#607591;margin:0}
.trip-welcome-route{width:150px;height:5px;overflow:hidden;border-radius:12px;background:#d5e0ef;margin:26px 0 18px;flex:none}
.trip-welcome-route:after{content:'';display:block;width:45px;height:5px;border-radius:10px;background:#ff5910;animation:trip-sol-route 2s ease-in-out infinite}
.trip-welcome>small{font-size:.78rem;line-height:1.5;color:#607591}
@keyframes trip-sol-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes trip-sol-route{from{transform:translateX(-45px)}to{transform:translateX(150px)}}
@media(prefers-reduced-motion:reduce){.trip-welcome-scene img,.trip-welcome-route:after{animation:none}.trip-welcome-route:after{width:100%;opacity:.65}}
@media(prefers-color-scheme:dark){.trip-welcome{color:#edf4ff;background:var(--paper,#07182d)}.trip-welcome-halo{background:#3a2c20}.trip-welcome-shadow{background:#0005}.trip-welcome>p,.trip-welcome>small{color:#bbcee6}.trip-welcome-route{background:#334d6e}}

/* Respect the website's explicit theme selection, even when it differs from the OS. */
:root[data-theme=light] .trip-welcome{background:var(--paper,#f3f6fb);color:#002d72}
:root[data-theme=light] .trip-welcome-halo{background:#fff0de}
:root[data-theme=light] .trip-welcome>p,:root[data-theme=light] .trip-welcome>small{color:#607591}
:root[data-theme=light] .trip-welcome-route{background:#d5e0ef}
:root[data-theme=dark] .trip-welcome{background:var(--paper,#07182d);color:#edf4ff}
:root[data-theme=dark] .trip-welcome-halo{background:#3a2c20}
:root[data-theme=dark] .trip-welcome>p,:root[data-theme=dark] .trip-welcome>small{color:#bbcee6}
:root[data-theme=dark] .trip-welcome-route{background:#334d6e}