.rides-list{list-style:none;padding:0;margin:0}.ride-card{margin-bottom:.75rem}.ride-card--link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:#000;padding:.75rem;border-radius:3px;transition:background-color .15s}.ride-card--link:hover{background:#f0f0f0}@media(prefers-color-scheme:dark){.ride-card--link{color:#fff}.ride-card--link:hover{background:#1f1f1f}}.ride-card--images{flex-shrink:0;position:relative;width:150px;height:100px}.ride-card--images img{border-radius:3px;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ride-card--images .ride-card--cover{z-index:1}.ride-card--images .ride-card--map{z-index:0}@media(max-width:600px){.ride-card--images{display:none}}.ride-card:hover .ride-card--images .ride-card--cover{z-index:0}.ride-card:hover .ride-card--images .ride-card--map{z-index:1}.ride-card--info{display:flex;flex-direction:column;gap:.25rem}.ride-card--name{font-size:1.05rem}.ride-card--meta{font-size:.85rem;color:#444}@media(prefers-color-scheme:dark){.ride-card--meta{color:#aaa}}.ride-badge{font-size:.8rem;font-style:italic;color:#444}@media(prefers-color-scheme:dark){.ride-badge{color:#aaa}}.rides-list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5em;grid-auto-flow:dense}@media(max-width:600px){.rides-list--grid{grid-template-columns:repeat(2,1fr)}}.rides-list--grid .ride-card{margin-bottom:0}@media screen and (min-width:600px){.rides-list--grid .ride-card--featured{grid-column:span 2}}.rides-list--grid .ride-card--featured .ride-card--images{aspect-ratio:2/1}.rides-list--grid .ride-card--featured .ride-card--name{font-size:1.5em}.rides-list--grid .ride-card--link{display:block;padding:0}.rides-list--grid .ride-card--link:hover{background:none}.rides-list--grid .ride-card--images{width:100%;height:auto;aspect-ratio:1}.rides-list--grid .ride-card--images .ride-card--cover{z-index:1}.rides-list--grid .ride-card--images .ride-card--map{z-index:0}@media(max-width:600px){.rides-list--grid .ride-card--images{display:block}}.rides-list--grid .ride-card:hover .ride-card--images .ride-card--cover{z-index:0}.rides-list--grid .ride-card:hover .ride-card--images .ride-card--map{z-index:1}.rides-list--grid .ride-card--info{padding:.5em}.rides-list--grid .ride-card--name{font-family:Merriweather,serif;font-size:1.3em;display:block}.rides-list--grid .ride-card--meta{font-size:.8rem}.route-card{list-style:none;width:100%;margin-bottom:1em}.route-card--link{display:flex;text-decoration:none;color:inherit;background-color:#f9f9f9}.route-card--link:hover{background-color:#f0f0f0}@media(max-width:1000px){.route-card--link{flex-direction:column}}.route-card--images{display:flex;min-width:300px;flex-shrink:0}@media(min-width:1000px){.route-card--images{width:600px;height:300px}}@media(min-width:600px)and (max-width:999px){.route-card--images{min-height:calc(42.5vw - 8px)}}@media(max-width:599px){.route-card--images{min-height:calc(50vw - 16px)}}.route-card--images img{width:50%!important;height:auto;display:inline-block;vertical-align:top}.route-card--images img:only-child{width:100%!important}.route-card--details{display:block;padding:1em;min-height:6em;vertical-align:top;flex-shrink:3}.route-card--name{display:block;font-family:Merriweather,serif;font-size:1.6em}.route-card--tagline{display:block;font-family:Merriweather,serif;font-size:1.2em}.route-card--tags{padding:0}.route-card--tags .tag-pill{font-size:1em!important}.route-card--preview{display:block;margin-top:.5em;margin-bottom:1em}@media(prefers-color-scheme:light){.route-card--preview{color:#444}}@media(prefers-color-scheme:dark){.route-card--link{background-color:#141414}.route-card--link:hover{background-color:#1f1f1f}.route-card--preview{color:#ddd}}.tag-filter{list-style:none;padding:0;margin-top:0}.tag-filter li{list-style:none;display:inline-block}@media(max-width:799px){.tag-filter--label{display:block;margin-bottom:.5em}}@media(min-width:800px){.tag-filter--label{display:inline-block;margin-right:1em}}.tag-filter--btn{background:gray;color:#fff;padding:3px;border-radius:7px;font-family:American Typewriter,Courier New,monospace;font-size:1.05em;letter-spacing:1px;margin:3px 7px 3px 0;display:inline-block;cursor:pointer;border:none;transition:background .15s,color .15s}.tag-filter--btn.active{background:orange;color:#fff}@media(hover:hover){.tag-filter--btn:hover:not(.active){background:orange}}