.off-course{min-height:100dvh}.off-course-scene{isolation:isolate;flex-direction:column;justify-content:space-between;width:100%;min-height:100dvh;display:flex;position:relative;overflow:clip}.off-course-ground{z-index:0;position:absolute;inset:0}.off-course-route{z-index:1;width:100%;height:100%;color:var(--beta-ink);pointer-events:none;position:absolute;inset:0}.off-course-planned{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 10;vector-effect:non-scaling-stroke;opacity:.24;animation:off-course-fade .8s var(--beta-ease-out) both}.off-course-ridden{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;animation:off-course-draw 1.6s var(--beta-ease-out) .2s both}.off-course-end{fill:currentColor;transform-box:fill-box;transform-origin:50%;animation:off-course-arrive .5s var(--beta-ease-out) 1.5s both}@keyframes off-course-fade{0%{opacity:0}}@keyframes off-course-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes off-course-arrive{0%{opacity:0;scale:.6}}@media (prefers-reduced-motion:reduce){.off-course-planned,.off-course-ridden,.off-course-end{animation:none}}.off-course-bar{z-index:2;width:100%;padding:28px var(--beta-gutter);justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}@media (pointer:coarse){.off-course-bar>a{align-items:center;min-height:40px;display:flex}.off-course-bar .language-switch button{min-width:40px;min-height:40px}}.off-course-logo{width:auto;height:15px;display:block}.off-course-bar .language-switch{font-size:var(--beta-t-small);color:var(--beta-faint);gap:6px;display:flex}.off-course-bar .language-switch button{font:inherit;color:var(--beta-muted);cursor:pointer;transition:color var(--beta-swift) var(--beta-glide);background:0 0;border:0;padding:0;font-weight:500}.off-course-bar .language-switch button.active{color:var(--beta-ink)}.off-course-copy{z-index:2;width:100%;padding:0 var(--beta-gutter) clamp(40px, 10vh, 96px);animation:beta-rise .6s var(--beta-glide) both;position:relative}.off-course .off-course-copy h1{font-size:var(--beta-t-section);margin-bottom:14px}.off-course-home{border-radius:var(--beta-r-control);background:var(--beta-button-bg);height:44px;color:var(--beta-button-ink);box-shadow:var(--beta-button-shadow);letter-spacing:-.01em;transition:translate .18s var(--beta-ease-out), scale .18s var(--beta-ease-out), box-shadow .24s var(--beta-ease-out);align-items:center;padding:0 20px;font-size:15px;font-weight:500;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.off-course-home:hover{background:var(--beta-button-bg-hover);box-shadow:var(--beta-button-shadow), 0 10px 28px -10px #ffffff47;translate:0 -1px}}.off-course-home:active{box-shadow:var(--beta-button-shadow-active);transition-duration:.1s;translate:none;scale:.97}.off-course-home:focus-visible{outline:2px solid var(--beta-z-endurance);outline-offset:3px}