/* The original page styling is untouched; this file is scoped to the download wordmark. */
.download-wordmark.hop-journey{display:flex;flex-direction:column;align-items:center;flex:0 1 430px;min-width:0;width:430px;max-width:42%;padding:0;transform:none;letter-spacing:normal;line-height:normal;position:relative;user-select:none}
.hop-journey .journey-scene{display:block;width:100%;height:auto;overflow:visible;transform:rotate(-8deg);transform-origin:50% 50%}
.hop-journey .journey-type{font-family:inherit;font-size:100px;font-weight:750;letter-spacing:-5.8px;fill:#284b56}
.hop-journey .journey-arrive{font-size:94px;letter-spacing:-6px}


.hop-journey .journey-road{fill:none;stroke:#74b1bc;stroke-width:1;stroke-dasharray:1 11;stroke-linecap:round;opacity:.13}
.hop-journey .journey-hitch{stroke:#a4e8ec;stroke-width:2;stroke-linecap:round}
.hop-journey .journey-trailer-base rect{fill:#041923;stroke:#42939f;stroke-width:1}
.hop-journey .journey-trailer-base path{fill:none;stroke:#07141f;stroke-width:5;stroke-linecap:round}
.hop-journey .journey-logo{image-rendering:auto}
.hop-journey .journey-car-body{fill:url(#journey-car-paint);stroke:#3ccbd2;stroke-width:1}
.hop-journey .journey-tyre{fill:#07151e;stroke:#588088;stroke-width:.7}
.hop-journey .journey-glass{fill:#143d51;stroke:#073045;stroke-width:.5}
.hop-journey .journey-roof{fill:#8de7eb;stroke:#5fcbd1;stroke-width:.6}
.hop-journey .journey-headlights{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.hop-journey .journey-tail-lights{fill:none;stroke:#fa7e90;stroke-width:2;stroke-linecap:round}
.hop-journey .journey-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:9px 0 -12px;padding:8px 15px;border:1px solid #365964;border-radius:999px;background:#102b35;color:#c4e0e5;font-family:inherit;font-size:11px;font-weight:500;line-height:1.25;letter-spacing:.1px;cursor:pointer;transition:background-color .18s,border-color .18s}
.hop-journey .journey-toggle[hidden]{display:none}
.hop-journey .journey-toggle:hover{background:#19404b;border-color:#62c7cd}
.hop-journey .journey-toggle:focus-visible{outline:3px solid #62e1e6;outline-offset:4px}
.hop-journey .journey-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;flex:none}
.hop-journey .journey-control-label{display:inline;color:inherit;font:500 11px/1.25 Arial,sans-serif;letter-spacing:.15px}
.hop-journey[data-motion="static"] .journey-motion,.hop-journey[data-motion="reduced"] .journey-motion{display:none}
@media(max-width:1100px) and (min-width:901px){.download-wordmark.hop-journey{max-width:39%;flex-basis:350px}.download-inner{gap:18px}}
@media(max-width:900px){.download-inner{flex-wrap:wrap}.download-wordmark.hop-journey{display:flex;max-width:100%;width:360px;flex:0 0 360px;margin:15px auto 0}}
@media(max-width:650px){.download-wordmark.hop-journey{flex:0 1 320px;width:100%;margin:10px auto 0;max-width:100%}.hop-journey .journey-toggle{margin-top:0;margin-bottom:0}.hop-journey .journey-scene{transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.hop-journey .journey-motion{display:none!important}.hop-journey .journey-toggle{display:none}.hop-journey .journey-road{opacity:0}.hop-journey .journey-toggle{transition:none}}

/* Owner-requested hidden motion control; still available on keyboard focus. */
.hop-journey .journey-toggle:not(:focus-visible){position:absolute;width:1px;height:1px;min-width:0;min-height:0;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
