.loader[data-v-cf478ef2]{font-size:6rem;line-height:1}@media (min-width:1024px){.loader[data-v-cf478ef2]{font-size:8rem;line-height:1}}.f-cursor[data-v-b7283891]{border-color:var(--accent)}.menu-item[data-v-b7283891]{align-items:center;display:flex;font-size:11px;gap:.25rem;height:4rem;justify-content:center;letter-spacing:.05em;min-width:4rem;text-transform:uppercase}@media (min-width:640px){.menu-item[data-v-b7283891]{font-size:.875rem;gap:.5rem;line-height:1.25rem;padding-left:1rem;padding-right:1rem}}.menu-item[data-v-b7283891]{color:var(--accent)}.menu-item.active[data-v-b7283891]{background-color:var(--accent);border-radius:9999px;color:var(--accentLight)}.menu-item.active[data-v-b7283891]:hover{background-color:var(--accentLighter);border-radius:9999px;color:var(--accent)}.menu-item>svg>path[data-v-b7283891]{fill:var(--accent)}.menu-item.active>svg>path[data-v-b7283891]{fill:var(--accentLight)}.logo>svg>g>path[data-v-b7283891],.menu-item.active:hover>svg>path[data-v-b7283891],.star>svg>path[data-v-b7283891]{fill:var(--accent)}.list-enter-active,.list-leave-active,.list-move{transition:all .5s ease!important}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px) scale(.2)}.list-leave-active{position:absolute}.videos{opacity:0}.videos,.videos>video{position:absolute;top:0}

/* header wordmark (customize/build.py): text in the site's Bague face, same box as the original mark */
.rr-logo{display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:Bague;font-weight:300;
  text-transform:uppercase;letter-spacing:.1em;line-height:1;color:var(--accent);font-size:min(22px,3.4vw)}
@media (min-width:1024px){.rr-logo{font-size:32px}}
/* 3D canvas: the original used 100vh, which on phones includes the area under the browser's bottom
   toolbar, so the carousel was centred too low and the cards' bottoms were hidden. svh = the
   visible height with the toolbars shown (browsers without svh keep the 100vh rule). */
html body #canvas-container,html body #canvas-container>canvas{height:100svh!important}
/* About copy is longer than the original; keep it on one screen on phones and tablets */
.about .movie{font-size:min(6.5vh,7vw)}
/* couple themes are injected at runtime by /rr-boot.js */
