/* Authentic rider photography, without slowing the path to booking. */
.ride-experience-page .ride-experience-hero{display:grid;grid-template-columns:1fr .88fr;gap:6%;padding:58px 6%;align-items:center;background:#edf8fc}.ride-experience-page .ride-app-copy{max-width:610px}.ride-experience-page .ride-app-copy h1{font-size:clamp(46px,5vw,72px);line-height:1.04;letter-spacing:-.045em;margin:19px 0 24px}.ride-experience-page .ride-app-copy .lead{font-size:19px;line-height:1.7;max-width:520px;margin:0 0 26px}.ride-experience-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 25px}.ride-experience-actions .app-download-button{margin:0}.ride-experience-page .app-partner-note{margin-top:23px}.ride-experience-page .ride-fare-note{max-width:520px;font-size:14px;line-height:1.65}.ride-riders-hero{width:100%;max-width:440px;margin:0;justify-self:center}.ride-riders-hero img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 65%;border-radius:12px}.ride-riders-hero figcaption{font-size:12px;color:#547183;line-height:1.5;margin-top:10px}.ride-real-moments{background:#fff}.ride-moments-heading{max-width:620px;margin-bottom:32px}.ride-moments-heading h2{font-size:clamp(36px,4vw,52px);line-height:1.08;margin:18px 0}.ride-moments-heading>p:last-child{font-size:18px;color:#486879;line-height:1.7}.ride-moments-photos{display:grid;grid-template-columns:1fr 2fr;gap:28px;align-items:start}.ride-moments-photos figure{margin:0;min-width:0}.ride-moments-photos img{display:block;width:100%;height:auto;border-radius:10px;object-fit:cover}.ride-moments-photos figure:first-child img{aspect-ratio:3/4;object-position:center 60%}.ride-moments-photos figure:nth-child(2) img{aspect-ratio:3/2;object-position:center}.ride-moments-photos figcaption{font-size:13px;color:#527083;line-height:1.6;margin-top:11px}.ride-experience-page .booking-app-preview{max-width:240px}.ride-experience-page .booking-visual-layout{align-items:center}@media(max-width:800px){.ride-experience-page .ride-experience-hero{grid-template-columns:1fr;padding:38px 6% 45px;gap:31px}.ride-experience-page .ride-app-copy{max-width:650px}.ride-experience-page .ride-app-copy h1{font-size:clamp(43px,7vw,62px)}.ride-experience-page .ride-app-copy .lead{font-size:17px}.ride-riders-hero{max-width:420px}.ride-riders-hero img{aspect-ratio:4/5}.ride-moments-photos{gap:20px}}@media(max-width:560px){.ride-experience-page .ride-app-copy h1{font-size:45px}.ride-experience-actions{gap:16px}.ride-experience-actions .app-download-button{width:100%;justify-content:center}.ride-moments-photos{grid-template-columns:1fr;gap:26px}.ride-moments-photos figure:first-child{max-width:310px;justify-self:center}.ride-moments-photos figure:nth-child(2){width:100%}.ride-moments-heading{margin-bottom:25px}}
.ride-perspective{margin:36px 0 0;padding:26px 0 0;border-top:1px solid #c8dce7;max-width:750px}.ride-perspective blockquote{font-size:23px;line-height:1.5;color:#123c55;letter-spacing:-.02em;margin:0 0 16px}.ride-perspective figcaption{display:flex;gap:10px 24px;flex-wrap:wrap;font-size:14px;color:#44687e;line-height:1.6}.ride-perspective figcaption a{color:#285b78;text-underline-offset:4px}@media(max-width:560px){.ride-perspective blockquote{font-size:21px}}
/* App access leads again; real rider moments support the booking journey below it. */
.ride-experience-page .ride-app-hero{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:6%;padding:48px 6%;background:#edf8fc}.ride-experience-page .ride-app-hero .yelo-app-figure{max-width:390px;justify-self:center}.ride-experience-page .ride-app-hero .yelo-device{width:245px}.ride-experience-page .ride-moments-photos{grid-template-columns:1fr 1fr 1.4fr;align-items:center}.ride-experience-page .ride-moments-photos figure:first-child img,.ride-experience-page .ride-moments-photos figure:nth-child(2) img{aspect-ratio:4/5;object-position:center 65%}.ride-experience-page .ride-moments-photos figure:nth-child(3) img{aspect-ratio:3/2;object-position:center}@media(max-width:800px){.ride-experience-page .ride-app-hero{grid-template-columns:1fr;padding:34px 6% 44px;gap:25px}.ride-experience-page .ride-app-hero .yelo-app-figure{max-width:310px}.ride-experience-page .ride-app-hero .yelo-device{width:220px}.ride-experience-page .ride-app-hero .app-download-button{width:100%;justify-content:center}.ride-experience-page .ride-moments-photos{grid-template-columns:1fr 1fr;align-items:start}.ride-experience-page .ride-moments-photos figure:nth-child(3){grid-column:1/-1}}@media(max-width:560px){.ride-experience-page .ride-moments-photos{gap:16px}.ride-experience-page .ride-moments-photos figure:first-child{max-width:none;justify-self:stretch}.ride-experience-page .ride-moments-photos figcaption{font-size:12px}}
@media(max-width:560px){.ride-experience-page .ride-app-hero{grid-template-columns:minmax(0,1fr) 110px;column-gap:16px;row-gap:16px;align-items:start;padding-top:30px}.ride-experience-page .ride-app-copy{display:contents}.ride-experience-page .ride-app-copy>.eyebrow{grid-column:1;grid-row:1;align-self:end;margin:0}.ride-experience-page .ride-app-copy>h1{grid-column:1;grid-row:2;font-size:34px;line-height:1.08;margin:0;align-self:start}.ride-experience-page .ride-app-hero>.yelo-app-figure{grid-column:2;grid-row:1/3;max-width:110px;width:110px;padding:0;margin:0;align-self:start}.ride-experience-page .ride-app-hero .yelo-device{width:100px}.ride-experience-page .ride-app-hero .app-preview-kicker{display:none}.ride-experience-page .ride-app-hero .yelo-app-figure figcaption{font-size:10px;line-height:1.4;margin-top:8px}.ride-experience-page .ride-app-copy>.app-download-button{grid-column:1/-1;grid-row:3;margin:0}.ride-experience-page .ride-app-copy>.ride-fare-note{grid-column:1/-1;grid-row:4;margin:0;font-size:13px;line-height:1.55}.ride-experience-page .ride-app-copy>.lead{grid-column:1/-1;grid-row:5;margin:0;font-size:16px;line-height:1.6}.ride-experience-page .ride-app-copy>.app-partner-note{grid-column:1/-1;grid-row:6;margin:0}.ride-experience-page .ride-app-copy>.text-link{grid-column:1/-1;grid-row:7}}