@font-face{font-family:'Schibsted Grotesk';src:url('./assets/alt/font-schibsted-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:'Red Hat Mono';src:url('./assets/alt/font-red-hat-mono-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('./assets/alt/font-dm-serif-display-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('./assets/alt/font-dm-serif-display-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
/* Preserve the original transit-world design. Only tighten the hero and controls. */
html{scroll-padding-top:54px}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffb224;outline-offset:5px}
#top{min-height:600px!important}
#top h1{font-size:clamp(48px,7.1vw,108px)!important;line-height:1.02!important}
#top h1 em{display:inline-block;padding-bottom:.06em}
.hero-copy{top:clamp(26px,5vh,52px)!important;gap:12px!important}
.hero-shade{height:46%!important;background:linear-gradient(180deg,rgba(9,13,28,.72),rgba(9,13,28,.2) 62%,transparent)!important}
.city-mode{position:absolute;bottom:26px;left:24px;z-index:5;border:1px solid #f2f0ea88;background:#131c2ee8;color:#f2f0ea;border-radius:999px;padding:10px 14px;font:700 11px 'Red Hat Mono',monospace;cursor:pointer}
.city-mode:hover{background:#ffd23a;color:#111}
.city-mode:active{transform:scale(.97)}
.city-fallback{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);max-width:30ch;text-align:center;font:13px 'Red Hat Mono',monospace;color:#f2f0ea;padding:14px;background:#131c2e}
.city-fallback[hidden]{display:none}
.fare-card{width:clamp(160px,62%,220px)!important}
.fare-card:focus-visible{outline-offset:-5px}
@media(max-width:719px){
  #top{min-height:600px!important}
  .hero-copy{top:38px!important;gap:12px!important}
  #top h1{font-size:clamp(45px,11.2vw,74px)!important}
  #top .hero-copy>span:last-child{font-size:14px!important;max-width:27ch!important;line-height:1.45}
  .city-mode{bottom:120px;left:14px;font-size:10px;padding:8px 11px}
  #top .hero-shade{height:42%!important}
  #seed a{padding:19px 16px!important}
  #seed a>span{line-height:1.08!important}
}
@media(max-width:359px){
  #top h1{font-size:41px!important}
  #top .hero-copy{top:34px!important}
  nav>a:first-child{font-size:15px!important}
  nav>a[href^="https://cal.com"]{font-size:11px!important;padding:6px 9px!important}
  nav>span:last-child{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}