:root { --rr-red: #f91c06; --rr-line: #dedfe0; --rr-muted: #626665; }
.rr-icon { width:20px; height:20px; flex:none; vertical-align:middle; }
.rr-preview-note { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:9px 3.2%; background:#f4f5f5; border-bottom:1px solid #e2e4e3; color:#555b59; font-size:11px; line-height:1.5; }
.rr-preview-note a { min-height:28px; display:inline-flex; align-items:center; white-space:nowrap; color:#424846; }
.rr-page { padding-bottom:90px; }
.rr-heading { padding-top:48px; }
.rr-kicker { color:var(--rr-red); font-size:12px; font-weight:800; margin:0 0 12px; }
.rr-heading h1 { font-size:40px; line-height:1.15; margin:0 0 16px; font-weight:800; letter-spacing:0; }
.rr-heading>p:last-of-type { font-size:16px; color:var(--rr-muted); margin:0 0 32px; line-height:1.6; }
.rr-tabs { position:relative; display:flex; gap:32px; border-bottom:1px solid var(--rr-line); }
.rr-tabs a { position:relative; display:inline-flex; align-items:center; min-height:52px; padding:0 0 16px; color:var(--rr-muted); text-decoration:none; font-size:16px; font-weight:800; }
.rr-tabs a[aria-current=page] { color:#171717; }
.rr-tabs a[aria-current=page]::after { content:""; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background:var(--rr-red); }
.rr-tabs.is-motion-ready a[aria-current=page]::after {display:none}
.rr-tab-indicator {position:absolute;left:0;bottom:-1px;height:3px;background:var(--rr-red);pointer-events:none;transition:transform 270ms cubic-bezier(.22,.61,.36,1),width 270ms cubic-bezier(.22,.61,.36,1)}
.rr-tabs.rr-measuring .rr-tab-indicator {transition:none}
.rr-list-tools { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px 0; }
.rr-filter { display:flex; align-items:center; gap:14px; font-size:13px; }
.rr-filter select { font:inherit; min-width:170px; min-height:44px; padding:8px 32px 8px 12px; border:1px solid #c6cac8; background:#fff; border-radius:4px; color:#232625; }
.rr-filter button { min-height:44px; border:0; background:transparent; cursor:pointer; text-decoration:underline; text-underline-offset:4px; font-size:13px; padding:0 8px; }
.rr-count { color:var(--rr-muted); font-size:12px; white-space:nowrap; }
.rr-review-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:64px; }
.rr-review-card { display:flex; flex-direction:column; padding:26px 0 22px; border-top:1px solid #242827; border-bottom:1px solid var(--rr-line); min-width:0; }
.rr-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; font-size:11px; line-height:1.6; color:var(--rr-muted); }
.rr-meta span:first-child { color:var(--rr-red); font-weight:800; }
.rr-meta time { margin-left:auto; }
.rr-review-byline { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 20px; margin:22px 0 12px; font-size:14px; }
.rr-review-byline strong { overflow-wrap:anywhere; }
.rr-rating { display:inline-flex; align-items:center; gap:9px; color:var(--rr-red); }
.rr-star-row { display:flex; gap:3px; }
.rr-star-row .rr-icon { width:16px; height:16px; }
.rr-star-row .is-filled .rr-icon { fill:currentColor; }
.rr-star-row>span:not(.is-filled) { color:#a8aaa9; }
.rr-rating-number { color:#626665; font-size:11px; font-weight:400; }
.rr-review-card h2 { font-size:23px; line-height:1.35; font-weight:800; margin:3px 0 14px; overflow-wrap:anywhere; }
.rr-disclosure { display:block; align-self:flex-start; width:fit-content; max-width:100%; border-left:2px solid #aeb5b1; padding:3px 0 3px 9px; color:#56605b; font-size:11px; line-height:1.5; }
.rr-excerpt { font-size:15px; line-height:1.8; color:#414744; margin:21px 0 22px; }
.rr-text-link { display:inline-flex; align-items:center; justify-content:flex-start; gap:10px; min-height:44px; color:#202622; font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:5px; width:fit-content; }
.rr-text-link:hover { color:var(--rr-red); }
.rr-review-card>.rr-text-link { margin-top:auto; }
.rr-card-media { display:flex; gap:8px; margin-bottom:16px; }
.rr-card-media img { width:64px; height:64px; object-fit:cover; border-radius:3px; }
.rr-rider-grid { border-top:1px solid #242827; }
.rr-rider-card { display:grid; grid-template-columns:minmax(0,272px) minmax(0,1fr); align-items:center; gap:64px; padding:30px 0 34px; border-bottom:1px solid var(--rr-line); }
.rr-rider-copy { max-width:570px; }
.rr-rider-copy h2 { font-size:30px; line-height:1.2; margin:15px 0 16px; letter-spacing:0; overflow-wrap:anywhere; }
.rr-rider-copy h3 { font-size:18px; line-height:1.45; margin:0 0 16px; }
.rr-rider-copy>p { font-size:15px; line-height:1.8; color:#414744; margin:22px 0; }
.rr-video { position:relative; width:100%; aspect-ratio:16/9; background:#101412; border-radius:4px; overflow:hidden; }
.rr-video.is-portrait { aspect-ratio:9/16; max-width:320px; }
.rr-video-trigger { width:100%; height:100%; padding:0; border:0; display:block; position:absolute; inset:0; background:#101412; cursor:pointer; color:white; }
.rr-video-trigger img { width:100%; height:100%; object-fit:cover; transition:opacity .2s; }
.rr-video-trigger:hover img { opacity:.83; }
.rr-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; width:64px; height:64px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(20,26,22,.65); }
.rr-play .rr-icon { width:25px; height:25px; margin-left:3px; }
.rr-video-provider { position:absolute; bottom:14px; left:14px; color:white; background:#19211d; border-radius:3px; padding:6px 10px; font-size:10px; }
.rr-video iframe { width:100%; height:100%; border:0; position:absolute; inset:0; }
.rr-video:focus-within {outline:2px solid #171717;outline-offset:4px}
.rr-video-native { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#101412; border-radius:4px; }
.rr-video-native.is-portrait { aspect-ratio:9/16; max-width:320px; }
.rr-instagram {width:100%;max-width:540px;min-width:0;justify-self:center}
.rr-instagram-stage {position:relative;min-height:480px;background:#f5f5f6;border:1px solid var(--rr-line);border-radius:4px}
.rr-instagram-placeholder {position:relative;display:grid;place-items:center;min-height:440px;padding:24px;color:#555;font-size:14px}
.rr-instagram-placeholder img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.rr-instagram-placeholder>span {position:relative;padding:8px 12px;background:#f5f5f6}
.rr-instagram-trigger {display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0 auto 16px;padding:8px 12px;border:1px solid var(--rr-line);border-radius:4px;background:#fff;color:#242424;font:inherit;font-size:13px;cursor:pointer}
.rr-instagram-trigger[hidden] {display:none}
.rr-instagram[data-state=loaded] .rr-instagram-placeholder {display:none}
.rr-instagram[data-state=loaded] .rr-instagram-stage {min-height:0}
.rr-instagram[data-state=failed] .rr-instagram-stage {min-height:160px}
.rr-instagram[data-state=failed] .rr-instagram-placeholder:not(:has(img)) {min-height:0;padding:20px 16px 0}
.rr-instagram[data-state=loading] .rr-instagram-mount {position:absolute;inset:0;visibility:hidden}
.rr-instagram-mount:empty {display:none}
.rr-instagram-mount .instagram-media {width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;border:0!important;box-shadow:none!important}
.rr-instagram-mount iframe {display:block;width:100%!important;min-width:0!important;max-width:100%!important;border:0}
.rr-instagram-status {position:relative;margin:0;padding:12px 16px;font-size:13px;line-height:1.5;overflow-wrap:anywhere;text-align:center}
.rr-instagram-status:empty {display:none}
.rr-instagram>.rr-text-link {margin-top:8px}
.rr-external-video {min-width:0;padding:16px;background:#f5f5f6;border:1px solid var(--rr-line)}
.rr-external-video img {display:block;width:100%;height:auto}
.rr-external-video .rr-text-link {flex-wrap:wrap}
.rr-rider-card:has(.rr-instagram),.rr-rider-detail:has(>.rr-instagram) {grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start}
.rr-rider-photo { margin:0; }.rr-rider-photo img { width:100%; height:auto; }
.rr-media-empty { padding:40px; background:#f3f5f4; display:flex; align-items:center; gap:12px; font-size:13px; }
.rr-empty { grid-column:1/-1; padding:44px 0 60px; }
.rr-empty h2 { font-size:22px; margin-top:0; }
.rr-pagination { display:flex; gap:8px; margin-top:30px; }
.rr-pagination a { width:44px; height:44px; display:grid; place-items:center; text-decoration:none; border:1px solid var(--rr-line); }
.rr-pagination a[aria-current=page] { background:var(--rr-red); color:white; border-color:var(--rr-red); }
.rr-detail { padding-top:28px; padding-bottom:70px; }
.rr-back { margin-bottom:28px; font-weight:400; color:var(--rr-muted); }
.rr-review-detail { max-width:760px; margin-inline:auto; }
.rr-detail-heading { border-bottom:1px solid var(--rr-line); padding-bottom:26px; }
.rr-detail-heading h1 { font-size:34px; line-height:1.25; margin:18px 0; font-weight:800; letter-spacing:0; overflow-wrap:anywhere; }
.rr-detail-heading .rr-review-byline { margin-bottom:16px; }
.rr-reading { font-size:16px; line-height:1.9; color:#353d38; padding-top:14px; overflow-wrap:anywhere; }
.rr-reading p { margin:20px 0; }
.rr-reading .rr-sample-note { font-size:12px; color:var(--rr-muted); border-left:2px solid #aeb5b1; padding-left:12px; }
.rr-source { padding-top:18px; margin-top:28px; border-top:1px solid var(--rr-line); }
.rr-rider-detail { display:grid; grid-template-columns:minmax(0,320px) minmax(0,1fr); gap:64px; align-items:start; }
.rr-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:30px 0; }
.rr-gallery button { position:relative; min-width:0; padding:0; border:0; background:#eef1ef; aspect-ratio:1; cursor:pointer; overflow:hidden; border-radius:4px; }
.rr-gallery img { width:100%; height:100%; object-fit:contain; }
.rr-gallery .rr-icon { position:absolute; right:8px; bottom:8px; background:white; padding:3px; width:25px; height:25px; }
.rr-lightbox { padding:0; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); border:0; border-radius:4px; background:white; }
.rr-lightbox::backdrop { background:rgba(0,0,0,.8); }
.rr-lightbox img { max-width:calc(100vw - 32px); max-height:calc(100dvh - 60px); object-fit:contain; }
.rr-close { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:50%; background:white; cursor:pointer; }
.rr-page :is(a,button,select):focus-visible,.rr-detail :is(a,button):focus-visible { outline:2px solid #171717; outline-offset:5px; }
@media(min-width:1101px) and (max-width:1340px) { .site-nav { gap:12px; }.site-nav>a,.site-nav .nav-group>a {font-size:12px}.site-header {gap:16px;padding-inline:24px}.site-nav .nav-contact {padding-inline:15px}.shop-link {padding-inline:15px} }
@media(max-width:900px) {
  .rr-review-grid { column-gap:30px; }
  .rr-rider-card,.rr-rider-detail { grid-template-columns:minmax(0,240px) minmax(0,1fr); gap:32px; }
  .rr-review-byline { align-items:flex-start; }
  .rr-heading h1 {font-size:36px}
}
@media(max-width:640px) {
  .rr-preview-note { padding:8px 18px; font-size:10px; }
  .rr-heading { padding-top:30px; }.rr-heading h1 {font-size:32px}
  .rr-heading>p:last-of-type {font-size:14px;margin-bottom:20px}
  .rr-tabs {gap:28px}.rr-tabs a {font-size:14px}
  .rr-list-tools { flex-wrap:wrap; gap:12px; padding:18px 0; }
  .rr-filter { gap:8px; width:100%; }.rr-filter label {font-size:11px}.rr-filter select {min-width:0;flex:1;width:110px}
  .rr-review-grid { grid-template-columns:1fr; row-gap:28px; }
  .rr-review-card { padding-top:22px; }.rr-review-card h2 {font-size:21px}
  .rr-meta {font-size:10px;gap:8px}.rr-meta time {margin-left:0}
  .rr-review-byline {font-size:13px;margin-top:18px;gap:12px}
  .rr-rider-card,.rr-rider-detail {grid-template-columns:1fr;gap:26px}
  .rr-rider-card:has(.rr-instagram),.rr-rider-detail:has(>.rr-instagram) {grid-template-columns:1fr}
  .rr-rider-card {padding:24px 0 30px}
  .rr-rider-card .rr-video,.rr-rider-detail>.rr-video {width:min(100%,290px);justify-self:center}
  .rr-rider-copy h2 {font-size:26px;margin-top:12px}
  .rr-rider-copy h3 {font-size:17px}.rr-rider-copy>p {font-size:14px}
  .rr-page {padding-bottom:54px}.rr-detail-heading h1 {font-size:28px}
  .rr-reading {font-size:15px}.rr-gallery {gap:8px}
  .rr-detail {padding-top:18px;padding-bottom:48px}
}
@media(prefers-reduced-motion:reduce) { .rr-video-trigger img,.rr-tab-indicator {transition:none} }
