.ride-site .hero-image{background-image:linear-gradient(90deg,rgba(10,13,12,.89) 0%,rgba(10,13,12,.66) 45%,rgba(10,13,12,.09) 100%),linear-gradient(0deg,rgba(10,13,12,.58),transparent 45%),url('https://images.unsplash.com/photo-1558981806-ec527fa84c39?auto=format&fit=crop&w=2200&q=85')}.ride-site .hero h1{font-size:clamp(66px,8vw,112px)}.account-area .nav-cta{border:0;background:transparent;cursor:pointer;font-family:var(--sans)}.ride-tools{padding-bottom:4px}.ride-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.ride-card{border:1px solid #373a33;background:#171a16}.ride-cover{height:205px;background-position:center;background-size:cover;position:relative}.ride-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 60%)}.ride-cover-type{position:absolute;z-index:1;bottom:17px;left:18px;padding:7px 9px;border:1px solid rgba(255,255,255,.7);font-size:8px;letter-spacing:1.4px;text-transform:uppercase}.ride-card-body{padding:22px}.ride-date{color:var(--orange);font-size:9px;letter-spacing:1.5px;font-weight:700}.ride-card h3{font:500 31px/1.05 var(--display);margin:9px 0}.ride-description{font-size:12px;line-height:1.7;color:#b6b7ae;margin:12px 0 19px}.ride-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid #373a33;border-bottom:1px solid #373a33;padding:14px 0;margin-bottom:17px}.ride-fact small{display:block;color:#8f9289;font-size:8px;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:5px}.ride-fact b{font-size:11px;font-weight:500;color:#e9e6dc}.ride-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.ride-spots{color:#a5a69d;font-size:9px;letter-spacing:.7px}.ride-card-actions .button{border:0;cursor:pointer}.empty-rides{text-align:center;padding:65px 25px 45px;color:#b6b7ae}.empty-icon{color:var(--orange);font-size:26px}.empty-rides h3{font:500 24px var(--display);letter-spacing:.5px;color:#fff;margin:14px 0 8px}.empty-rides p{font-size:12px;line-height:1.7;max-width:410px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps article{border-top:1px solid #bdb9ac;padding-top:15px}.steps article>b{color:var(--orange);font:500 24px var(--display)}.steps h3{font:500 20px var(--display);margin:13px 0 7px}.steps p{color:#66695f;font-size:12px;line-height:1.7;margin:0}.modal{position:fixed;inset:0;border:0;padding:39px;width:min(480px,calc(100% - 28px));max-height:90vh;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0009}.modal::backdrop{background:#060807c9;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;font-size:29px;cursor:pointer;color:#64665e}.modal .eyebrow{margin-top:0}.modal h2{font:500 38px/.99 var(--display);margin:17px 0}.modal-copy{font-size:12px;color:#61645d;line-height:1.7}.modal form{display:grid;gap:15px;margin-top:20px}.modal label{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;display:grid;gap:7px}.modal input{width:100%;border:1px solid #c2bfb4;padding:13px;background:#f4f1e8;font:14px var(--sans);outline-color:var(--orange)}.modal form .button{justify-content:space-between;margin-top:7px;border:0;cursor:pointer}.form-error{color:#b23a20;font-size:11px;margin:0}.form-footnote{font-size:10px;color:#6f716a;margin:18px 0 0}.dashboard-modal{width:min(680px,calc(100% - 28px))}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #c7c3b8;padding-bottom:22px}.dashboard-number{font:500 29px var(--display);color:var(--orange)}.dashboard-head p{font-size:10px;letter-spacing:1px;color:#6a6c63;margin:0 0 5px}.dashboard-head h2{margin:4px 0}.dashboard-section-title{display:flex;justify-content:space-between;align-items:baseline;margin:24px 0 12px}.dashboard-section-title h3{font:500 22px var(--display);margin:0}.dashboard-section-title span{font-size:9px;letter-spacing:1px;color:#72746b}.history-item{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #c7c3b8;padding:14px 0}.history-item h4{font:500 19px var(--display);margin:0 0 5px}.history-item p{margin:0;color:#686a62;font-size:11px}.history-status{color:#437850;font-size:9px;letter-spacing:1px;text-transform:uppercase}.dashboard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.dashboard-actions button{background:transparent;border:0;color:#666;font:10px var(--sans);text-decoration:underline;cursor:pointer}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#11130f;color:white;padding:13px 18px;font-size:11px;z-index:12;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.ride-card[hidden]{display:none!important}
@media(max-width:760px){.ride-site .hero h1{font-size:clamp(58px,14vw,88px)}.ride-grid{grid-template-columns:1fr}.ride-cover{height:180px}.steps{grid-template-columns:1fr;gap:21px}.dashboard-head{display:block}.dashboard-number{display:block;margin-top:12px}}
.route-link{padding:0;margin:0 0 15px;background:none;border:0;color:#f0784f;font:700 9px var(--sans);letter-spacing:1.1px;text-decoration:none;cursor:pointer}.route-link:hover{text-decoration:underline}.route-map{width:100%;height:390px;background:#d6d3c8;z-index:0}.route-modal{width:min(850px,calc(100% - 28px));padding:33px}.route-modal h2{margin:8px 0 16px}.route-modal .map-attribution{font-size:9px;color:#777;margin:8px 0 0}.gpx-status{margin:-7px 0 14px;font-size:10px;line-height:1.6;color:#66695f}.gpx-preview{margin:-2px 0 20px}.gpx-preview[hidden]{display:none}.gpx-preview small{display:block;font-size:9px;color:#66695f;margin-top:7px}
@media(max-width:760px){.route-map{height:310px}.route-modal{padding:26px 20px}}
.form-link{border:0;background:transparent;color:#c94c2a;padding:0;font:700 10px var(--sans);text-decoration:underline;cursor:pointer}.form-link:hover{color:#9d351b}
.ride-fact .map-link{display:block;color:#ef815c;font-size:9px;font-weight:600;text-decoration:none;margin-top:7px;line-height:1.4}.ride-fact .map-link:hover,.history-map-links .map-link:hover{text-decoration:underline}.late-arrival{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #4e423b;padding:12px 13px;margin:0 0 17px}.late-arrival>span{font-size:8px;letter-spacing:1.2px;color:#b6b7ae}.late-arrival .map-link{color:#f0784f;font-size:9px;letter-spacing:.5px;text-decoration:none;font-weight:700}.history-map-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.history-map-links .map-link{color:#bf4d2c;font-size:9px;text-decoration:none}.ride-fact b{display:block}
.ride-itinerary{display:grid;gap:0;margin:18px 0 16px;padding-left:1px}.itinerary-point{display:grid;grid-template-columns:30px 1fr;gap:10px;position:relative;padding:0 0 14px}.itinerary-point:not(:last-child):before{content:"";position:absolute;left:12px;top:25px;bottom:-1px;width:1px;background:#4a4c45}.itinerary-index{position:relative;z-index:1;width:25px;height:25px;border:1px solid #686a61;border-radius:50%;display:grid;place-items:center;color:#e85d32;background:#171a16;font:500 10px var(--display)}.itinerary-point small{display:block;color:#989a91;font-size:8px;letter-spacing:1.3px;margin:1px 0 4px}.itinerary-point b{display:block;color:#eeeae0;font-size:11px;font-weight:600}.itinerary-point .map-link{display:inline-block;color:#f0784f;font-size:9px;text-decoration:none;margin-top:5px}.ride-route-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px;border-top:1px solid #373a33;border-bottom:1px solid #373a33;padding:12px 0;margin:13px 0 14px}.ride-route-actions .map-link{color:#f0784f;font-size:9px;font-weight:700;letter-spacing:.7px;text-decoration:none}.ride-route-actions .route-link{margin:0}.dashboard-modal .itinerary-index{background:var(--paper);border-color:#aaa69a}.dashboard-modal .itinerary-point:not(:last-child):before{background:#c8c4b8}.dashboard-modal .itinerary-point small{color:#77796f}.dashboard-modal .itinerary-point b{color:#272923}.dashboard-modal .itinerary-point .map-link,.dashboard-modal .history-map-links .map-link{color:#b84828}.dashboard-modal .history-item{display:block}.dashboard-modal .history-status{display:block;margin-top:9px}.dashboard-modal .ride-itinerary{margin:13px 0}.dashboard-modal .ride-route-actions{border-color:#c7c3b8}
.ride-route-actions:empty{display:none}
.map-error{padding:28px;color:#53564d;font:13px/1.6 var(--sans)}.map-attribution{line-height:1.5}
.ride-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;background:#1c1f1a;border:1px solid #343731;padding:17px 18px;margin:16px 0 19px}.ride-schedule>div{min-width:0}.ride-schedule small{display:block;color:#96988f;font-size:8px;letter-spacing:1.2px;margin-bottom:6px}.ride-schedule b{display:block;color:#f0ede4;font-size:13px;font-weight:600;line-height:1.35}.dashboard-modal .ride-schedule{background:#f2efe7;border-color:#c7c3b8;padding:13px;margin:13px 0}.dashboard-modal .ride-schedule small{color:#77796f}.dashboard-modal .ride-schedule b{color:#272923;font-size:12px}.ride-card h3{margin:7px 0}
.ride-title-row,.history-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.ride-title-row>h3{flex:1;min-width:0}.ride-calendar-date{flex:0 0 91px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 7px 7px;border:1px solid #55574f;border-top:3px solid var(--orange);background:#222520;text-align:center}.ride-calendar-date small{font-size:7px;letter-spacing:1px;color:#aaa99f;line-height:1.2}.ride-calendar-date b{font:500 25px/1 var(--display);color:#f5f1e8;margin:3px 0}.ride-calendar-date span{font-size:9px;letter-spacing:.7px;color:#f0784f;font-weight:700}.ride-calendar-date i{font-style:normal;font-size:8px;color:#aaa99f;margin-top:3px}.ride-schedule{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ride-schedule small{font-size:9px;letter-spacing:1px}.ride-schedule b{font-size:15px}.itinerary-point .map-link{font-size:12px;line-height:1.45;padding:2px 0}.ride-route-actions .map-link{font-size:12px}.route-link{font-size:12px}.late-arrival>span{font-size:10px}.late-arrival .map-link{font-size:12px}.history-map-links .map-link{font-size:12px}.ride-card-actions .button{font-size:12px}.topbar nav a,.nav-cta{font-size:12px}.under-link,.card-link,.text-link{font-size:11px}.dashboard-modal .ride-calendar-date{background:#f2efe7;border-color:#c7c3b8;border-top-color:var(--orange)}.dashboard-modal .ride-calendar-date small,.dashboard-modal .ride-calendar-date i{color:#73756c}.dashboard-modal .ride-calendar-date b{color:#22241e}.history-title-row h4{flex:1;min-width:0}.dashboard-modal .ride-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.ride-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}.ride-calendar-date{flex-basis:78px}.ride-title-row>h3{font-size:28px}.itinerary-point .map-link,.ride-route-actions .map-link,.route-link,.late-arrival .map-link{font-size:11px}}
/* Larger, easier-to-read ride details and links */
.ride-description{font-size:15px;line-height:1.75}.itinerary-point small{font-size:10px}.itinerary-point b{font-size:14px}.itinerary-point .map-link{font-size:15px}.ride-route-actions .map-link,.route-link{font-size:15px}.late-arrival>span{font-size:12px}.late-arrival .map-link,.history-map-links .map-link{font-size:15px}.ride-fact small{font-size:10px}.ride-fact b{font-size:14px}.ride-schedule small{font-size:10px}.ride-schedule b{font-size:17px}.ride-calendar-date small{font-size:9px}.ride-calendar-date b{font-size:30px}.ride-calendar-date span{font-size:11px}.ride-calendar-date i{font-size:10px}.ride-card-actions .button{font-size:14px}.topbar nav a,.nav-cta{font-size:13px}.text-link,.under-link,.card-link{font-size:12px}.dashboard-modal .itinerary-point b{font-size:13px}.dashboard-modal .itinerary-point .map-link,.dashboard-modal .history-map-links .map-link{font-size:14px}
@media(max-width:760px){.ride-description{font-size:14px}.itinerary-point .map-link,.ride-route-actions .map-link,.route-link,.late-arrival .map-link,.history-map-links .map-link{font-size:14px}.ride-schedule b{font-size:15px}.ride-card-actions .button{font-size:13px}}