/* Travel-inspired typography. No new animation or runtime dependencies. */
@font-face{font-family:Inter;src:url('/fonts/inter-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-bold.woff2') format('woff2');font-style:normal;font-weight:700 800;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/ibm-plex-mono-medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{--font-body:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--font-display:'Space Grotesk',Inter,sans-serif;--font-label:'IBM Plex Mono',ui-monospace,SFMono-Regular,Consolas,monospace}
body{font-family:var(--font-body)}
.brand{font-size:14px;font-weight:700;letter-spacing:-.025em;margin-bottom:28px}
.current-label,.route-label,.stop-date,.quiz-eyebrow{font-family:var(--font-label);font-weight:500;font-size:10px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase}
.current-label{margin:0 0 10px;color:#e6d9c8}
h1{font-family:var(--font-display);font-weight:700;font-size:clamp(60px,14vw,112px);line-height:.98;letter-spacing:-.055em;overflow-wrap:anywhere}
.stop-city,.quiz-options button,.quiz-result a{font-family:var(--font-display);font-weight:700}
.stop-city{letter-spacing:-.035em}
.route{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:24px;font-size:16px;line-height:1.5;max-width:380px}
.route-label{grid-column:1/-1;color:#d2c4b3;margin-bottom:1px}
#next-city{grid-column:1;min-width:0;font-weight:700}
.next-date{grid-column:2;grid-row:2;font-family:var(--font-label);font-size:10px;letter-spacing:0;color:#d2c4b3}
#transport-icon{grid-column:3;grid-row:2;font-size:15px}
.guess-cue{display:none}
.updated{font-size:11px;line-height:1.6;color:#c6b8a7;margin-top:12px}
.stop-date{font-size:10px;letter-spacing:.055em}
.quiz-eyebrow{color:var(--accent)}
@media(min-width:760px){.route{font-size:19px}.current-label,.route-label{font-size:11px}.hero-text{padding-bottom:106px}}