.rider-group-photo{margin:0 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:20px;height:300px}.rider-group-photo img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:center 52%;border-radius:18px}.rider-group-photo img:last-child{object-position:center}
.rider-group-photo img:last-child{object-position:center}
.hero-content.has-rider-mockup{display:flex;justify-content:flex-end;gap:32px;align-items:center}.has-rider-mockup .hero-copy{width:49%;padding:50px 0 60px 20px;flex-shrink:0}.rider-hero-mockup{margin:0;min-width:0;width:24%;max-width:300px;flex-shrink:0;text-align:center}.rider-hero-mockup img{width:100%;height:auto;max-height:550px;object-fit:contain;border-radius:0;filter:drop-shadow(0 12px 24px #00171c55)}.rider-hero-mockup figcaption{font-size:10px;color:#d9e6e8;margin-top:12px;line-height:1.6}
.has-rider-mockup .hero-copy h1{font-size:clamp(44px,4.8vw,70px);letter-spacing:-2.5px}
@media(max-width:1100px){.hero-content.has-rider-mockup{gap:24px}.has-rider-mockup .hero-copy{width:58%;padding-left:0}.rider-hero-mockup{width:24%}}
@media(max-width:700px){.hero-content.has-rider-mockup{display:flex;flex-direction:column;gap:24px;align-items:stretch;padding-block:0 28px}.has-rider-mockup .hero-copy{width:100%;padding:220px 0 0}.has-rider-mockup .hero-copy h1{font-size:clamp(36px,10.5vw,48px);letter-spacing:-1.8px}.rider-hero-mockup{width:150px;max-width:50%;align-self:flex-end}.rider-hero-mockup img{max-height:255px}.rider-hero-mockup figcaption{margin:10px auto 0;font-size:9px}}
.get-art.has-dashboard-phone{border:0;border-radius:0;padding:0;min-height:0;height:auto}.get-art .rider-dashboard-phone{width:auto;max-width:100%;height:460px;object-fit:contain;background:transparent;border-radius:0;box-shadow:none;filter:drop-shadow(0 12px 24px #00171c55)}
@media(max-width:700px){.get-art .rider-dashboard-phone{height:380px}}
.rider-mockup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:64px;align-items:center;margin:64px 0 0;padding-top:48px;border-top:1px solid #335c65}.rider-mockup>img{width:100%;max-height:680px;object-fit:contain;object-position:center;border-radius:18px}.rider-mockup figcaption{max-width:410px}.rider-mockup p{font-size:13px;color:#bdcec6;line-height:1.8}
.rider-mockup.rider-story-demo{display:block;width:min(460px,calc(100% - 32px));margin:48px auto;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--cream);color:var(--ink)}.rider-story-demo>img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:0}.rider-story-demo figcaption{padding:22px;max-width:none}.rider-story-demo figcaption h2{font-size:26px;letter-spacing:-.6px}.rider-story-demo p{color:var(--muted)}.story-sample-badge{padding:14px 20px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted);line-height:1.6}.story-sample-emojis{font-size:22px;padding-block:12px;border-block:1px solid var(--line)}.story-sample-comment{padding:12px;background:var(--cream);border:1px solid var(--line);border-radius:10px}
.rider-night-portrait{display:none!important}html[data-site-theme=night] .theme-stage .rider-night-portrait{display:block!important;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;opacity:.16;pointer-events:none;box-shadow:none}.theme-stage>img:not(.rider-night-portrait){position:relative}
.rider-photo-strip{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:40px;height:440px}.rider-photo-strip img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:center 48%;border-radius:18px}.rider-film{width:min(1240px,calc(100% - 96px));margin:48px auto 0;border-top:1px solid var(--line);padding-top:32px;display:flex;align-items:center;justify-content:center;gap:32px}.rider-film>img{width:230px;max-width:100%;height:auto;border-radius:18px;background:#06151b}.rider-film figcaption{max-width:320px;font-size:14px;line-height:1.7;color:var(--muted)}
@media(max-width:700px){.rider-group-photo{height:300px;gap:12px;margin-bottom:28px;grid-template-columns:1fr 1fr}.rider-mockup{grid-template-columns:1fr;gap:24px;margin-top:32px;padding-top:28px}.rider-mockup>img{max-height:560px;object-fit:contain;background:#071820}.rider-photo-strip{height:320px;gap:12px;margin-bottom:28px;grid-template-columns:1fr 1fr}.rider-film{width:calc(100% - 32px);flex-direction:column;gap:16px;margin-top:32px}.rider-film>img{width:220px}}