@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shrikhand&display=swap");
@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeInFocus {
  0% {
    opacity: 0;
    filter: blur(100px);
    transform: scale(1.15); }

  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1); } }

@keyframes messageIn {
  0% {
    opacity: 0;
    transform: translateY(0.5em); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes bounce {
  0% {
    transform: translateY(0);
    opacity: 0.5; }

  100% {
    transform: translateY(0.25em);
    opacity: 1; } }

@keyframes cycle1 {
  /* When you start the slide, the first image is already visible */
  /* Original Position */
  16% {
    opacity: 1; }

  /* From 4% to 16 % = for 3 seconds the image is visible */
  20% {
    opacity: 0.1; }

  /* From 16% to 20% = for 1 second exit image */
  21% {
    opacity: 0.1; }

  /* Return to Original Position */
  92% {
    opacity: 0.1; }

  96% {
    opacity: 0.1; }

  /* From 96% to 100% = for 1 second enter image*/
  100% {
    top: 0px;
    opacity: 1; } }

@keyframes cycle2 {
  0% {
    opacity: 0.1; }

  /* Original Position */
  16% {
    opacity: 0.1; }

  /* Starts moving after 16% to this position */
  20% {
    opacity: 1; }

  24% {
    opacity: 1; }

  /* From 20% to 24% = for 1 second enter image*/
  36% {
    opacity: 1; }

  /* From 24% to 36 % = for 3 seconds the image is visible */
  40% {
    opacity: 0.1; }

  /* From 36% to 40% = for 1 second exit image */
  41% {
    opacity: 0.1; }

  /* Return to Original Position */
  100% {
    opacity: 0.1; } }

@keyframes cycle3 {
  0% {
    opacity: 0.1; }

  36% {
    opacity: 0.1; }

  40% {
    opacity: 1; }

  44% {
    opacity: 1; }

  56% {
    opacity: 1; }

  60% {
    opacity: 0.1; }

  61% {
    opacity: 0.1; }

  100% {
    opacity: 0.1; } }

@keyframes cycle4 {
  0% {
    opacity: 0.1; }

  56% {
    opacity: 0.1; }

  60% {
    opacity: 1; }

  64% {
    opacity: 1; }

  76% {
    opacity: 1; }

  80% {
    opacity: 0.1; }

  81% {
    opacity: 0.1; }

  100% {
    opacity: 0.1; } }

@keyframes cycle5 {
  0% {
    opacity: 0.1; }

  76% {
    opacity: 0.1; }

  80% {
    opacity: 1; }

  84% {
    opacity: 1; }

  96% {
    opacity: 1; }

  100% {
    opacity: 0.1; } }

/**
 * @license
 *
 * Font Family: Sentient
 * Designed by: Noopur Choksi
 * URL: https://www.fontshare.com/fonts/sentient
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * Sentient Variable(Variable font)
 * Sentient Variable Italic(Variable font)
 * Sentient Extralight
 * Sentient Extralight Italic
 * Sentient Light
 * Sentient Light Italic
 * Sentient Regular
 * Sentient Italic
 * Sentient Medium
 * Sentient Medium Italic
 * Sentient Bold
 * Sentient Bold Italic
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0 'wght' 400.0;
*
* available axes:

* 'wght' (range from 200.0 to 700.0)

* 'wght' (range from 200.0 to 700.0)

*/
@font-face {
  font-family: 'Sentient-Variable';
  src: url("../fonts/Sentient-Variable.woff2") format("woff2"), url("../fonts/Sentient-Variable.woff") format("woff"), url("../fonts/Sentient-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal; }

/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 700.0 'wght' 400.0;
*
* available axes:

* 'wght' (range from 200.0 to 700.0)

* 'wght' (range from 200.0 to 700.0)

*/
@font-face {
  font-family: 'Sentient-VariableItalic';
  src: url("../fonts/Sentient-VariableItalic.woff2") format("woff2"), url("../fonts/Sentient-VariableItalic.woff") format("woff"), url("../fonts/Sentient-VariableItalic.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Sentient-Extralight';
  src: url("../fonts/Sentient-Extralight.woff2") format("woff2"), url("../fonts/Sentient-Extralight.woff") format("woff"), url("../fonts/Sentient-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Sentient-ExtralightItalic';
  src: url("../fonts/Sentient-ExtralightItalic.woff2") format("woff2"), url("../fonts/Sentient-ExtralightItalic.woff") format("woff"), url("../fonts/Sentient-ExtralightItalic.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Sentient-Light';
  src: url("../fonts/Sentient-Light.woff2") format("woff2"), url("../fonts/Sentient-Light.woff") format("woff"), url("../fonts/Sentient-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Sentient-LightItalic';
  src: url("../fonts/Sentient-LightItalic.woff2") format("woff2"), url("../fonts/Sentient-LightItalic.woff") format("woff"), url("../fonts/Sentient-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Sentient-Regular';
  src: url("../fonts/Sentient-Regular.woff2") format("woff2"), url("../fonts/Sentient-Regular.woff") format("woff"), url("../fonts/Sentient-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Sentient-Italic';
  src: url("../fonts/Sentient-Italic.woff2") format("woff2"), url("../fonts/Sentient-Italic.woff") format("woff"), url("../fonts/Sentient-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Sentient-Medium';
  src: url("../fonts/Sentient-Medium.woff2") format("woff2"), url("../fonts/Sentient-Medium.woff") format("woff"), url("../fonts/Sentient-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Sentient-MediumItalic';
  src: url("../fonts/Sentient-MediumItalic.woff2") format("woff2"), url("../fonts/Sentient-MediumItalic.woff") format("woff"), url("../fonts/Sentient-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic; }

@font-face {
  font-family: 'Sentient-Bold';
  src: url("../fonts/Sentient-Bold.woff2") format("woff2"), url("../fonts/Sentient-Bold.woff") format("woff"), url("../fonts/Sentient-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Sentient-BoldItalic';
  src: url("../fonts/Sentient-BoldItalic.woff2") format("woff2"), url("../fonts/Sentient-BoldItalic.woff") format("woff"), url("../fonts/Sentient-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic; }

body {
  font-family: 'Helvetica', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: clamp(12px, 3vw, 24px); }

h1 {
  font-size: 3em;
  line-height: 1.1em;
  letter-spacing: -0.04em;
  font-weight: 700;
  margin: 0;
  width: 80vw;
  max-width: 1400px; }

h2 {
  font-size: 4em;
  line-height: 1.1em;
  letter-spacing: -0.03em;
  font-weight: 700;
  margin: 0;
  max-width: 1440px; }

h3, main section.aside aside {
  font-size: 1.5em;
  letter-spacing: -0.02em;
  font-weight: 700;
  margin: 0; }

h4 {
  font-size: 1em;
  letter-spacing: -0.02em;
  font-weight: 700;
  margin: 0;
  opacity: 0.85; }

span.dim {
  opacity: 0.6; }

h1 .eyebrow, h2 .eyebrow {
  display: block;
  font-size: 0.4em;
  letter-spacing: -0.04em;
  line-height: 1em;
  color: #ff5757; }
h1 .gradient, h2 .gradient {
  background: -webkit-linear-gradient(bottom right, #ff3c56, #ff7259);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

p {
  line-height: 1.2em;
  font-weight: 400;
  width: 100%;
  margin: 0;
  max-width: 1200px; }
  p.lead {
    font-size: 1.25em;
    margin: 1em 0; }
  p.small {
    font-size: 0.9em; }
  p.tag {
    font-size: 0.7em;
    opacity: 0.7; }
  p.callout {
    font-style: italic; }

a {
  text-decoration: none;
  transition: color 0.08s;
  color: inherit; }
  a.invert {
    color: black; }
    a.invert:hover {
      color: #ff7171; }
  a.inline {
    color: inherit;
    text-decoration: underline; }
  a.route {
    position: relative;
    font-weight: 400;
    color: #ff5757; }
    a.route .arrow {
      position: absolute;
      top: 50%;
      right: -1.5em;
      width: 1em;
      height: 2px;
      background: black;
      transition: opacity 0.3s cubic-bezier(0.8, 0, 0.2, 1), width 0.3s cubic-bezier(0.8, 0, 0.2, 1); }
      a.route .arrow:after {
        position: absolute;
        content: '';
        top: -0.2em;
        right: 1px;
        width: 0.4em;
        height: 0.4em;
        border-right: 2px solid black;
        border-top: 2px solid black;
        transform: rotate(45deg); }
    a.route:after {
      position: absolute;
      content: '';
      bottom: -0.2em;
      left: 0;
      width: 0;
      height: 0.05em;
      background: #ff7171;
      transition: width 0.3s cubic-bezier(0.8, 0, 0.2, 1); }
    a.route:hover {
      color: #ff7171; }
      a.route:hover .arrow {
        opacity: 0;
        width: 0; }
      a.route:hover:after {
        width: 100%; }

ul, li {
  list-style: none;
  padding: 0;
  font-weight: 400;
  line-height: 1.2em;
  width: 100%;
  margin: 0 0 0.5em 0; }

ul {
  column-count: 2; }

p {
  line-height: 1.5em; }
  p.list {
    column-count: 2; }

html, body {
  touch-action: manipulation; }
  html.no-scroll, body.no-scroll {
    overflow-y: hidden; }

body {
  color: black;
  background: #eff3f5;
  margin: 0;
  padding: 0; }

img {
  border-radius: 4px; }

.tags {
  display: inline;
  margin: 0;
  width: auto; }
  .tags li {
    display: inline;
    padding: 4px 8px;
    margin: 0;
    border-radius: 4px;
    white-space: nowrap;
    border: 1px solid;
    font-size: 0.6rem;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    opacity: 0.6; }

.wBG .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.marquee {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: calc(15rem + 20vw);
  will-change: transform;
  opacity: var(--marquee-opacity);
  background-position: center;
  background-size: cover;
  background-attachment: scroll; }
  .marquee img, .marquee svg {
    width: 100%;
    fill: #ff5757;
    max-height: 50vh;
    object-fit: cover;
    border-radius: 0;
    opacity: 0;
    animation: fadeInFocus ease 2s;
    -webkit-animation: fadeInFocus ease 2s;
    -moz-animation: fadeInFocus ease 2s;
    -o-animation: fadeInFocus ease 2s;
    -ms-animation: fadeInFocus ease 2s;
    animation-fill-mode: forwards;
    filter: blur(100px);
    transform: scale(1.15); }

main {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
  opacity: 0;
  animation: fadeIn ease 0.7s;
  -webkit-animation: fadeIn ease 0.7s;
  -moz-animation: fadeIn ease 0.7s;
  -o-animation: fadeIn ease 0.7s;
  -ms-animation: fadeIn ease 0.7s;
  animation-fill-mode: forwards; }
  main.mid-tight {
    padding-top: calc(3rem + 15vh); }
  main.tight {
    padding-top: 0; }
  main section {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 1.5rem; }
    main section.full {
      max-width: none; }
    main section.flush {
      width: 100%;
      max-width: none; }
    main section.intro {
      align-items: center;
      justify-content: flex-end;
      box-sizing: border-box;
      height: 40vh;
      color: #eff3f5;
      padding-bottom: 2em;
      font-size: 0.9rem; }
      main section.intro .scroller {
        position: fixed;
        opacity: 0.5; }
      main section.intro h1 {
        text-align: center; }
      main section.intro .tags {
        margin: 1em 0; }
      main section.intro.hero {
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: vh; }
        main section.intro.hero .logo-cycle {
          width: 100%;
          max-height: 60vh;
          max-width: 60vh;
          aspect-ratio: 1;
          background-image: url(../img/logo-cycle-dark.gif);
          background-size: contain; }
    main section.aside {
      justify-content: space-between;
      margin: 5vw 0; }
      main section.aside aside {
        width: 30%;
        margin: 0.5em 0 2em 0; }
    main section.aside aside {
      margin: 0 0 0.5em 0; }
    main section.aside div p {
      margin-bottom: 1em; }
  main img {
    max-width: calc(100vw - 3rem);
    margin: 1vw 0 2vw 0; }
    main img.single {
      width: 100%;
      object-fit: cover;
      max-height: 60vh; }
    main img.top-focus {
      object-position: 50% 10%; }
    main img.hero {
      width: 100%;
      object-fit: cover; }
    @media only screen and (max-width: 1440px) {
      main img.hero, main img.single {
        border-radius: 0; } }
  main blockquote {
    width: 100vw;
    position: relative;
    box-sizing: border-box;
    font-size: 2.25em;
    text-align: center;
    font-family: chaparral-pro, serif;
    font-style: italic;
    margin: 5vw 0;
    background: rgba(0, 0, 0, 0.04);
    padding: 6rem; }
    main blockquote .source {
      font-family: aktiv-grotesk, helvetica, arial, sans-serif;
      display: block;
      font-size: 0.3em;
      margin-top: 1em;
      font-style: normal; }
    @media screen and (prefers-color-scheme: dark) {
      main blockquote {
        background: rgba(0, 0, 0, 0.2); } }
  main ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: none;
    column-count: 1;
    margin: 5vw 0 0 0; }
    main ul li {
      padding-right: 5vw; }
      main ul li h1 {
        margin: 0;
        opacity: 0.4; }
    main ul.flush-layout li:last-child {
      padding-right: 0; }

.rlb {
  display: block; }

@media only screen and (min-width: 1000px) {
  .rlb {
    display: none; }

  main section.aside {
    flex-direction: row; }
    main section.aside aside {
      width: 15%; }
    main section.aside div, main section.aside p {
      width: 80%; }
      main section.aside div p, main section.aside p p {
        width: 100%; }
  main ul {
    flex-direction: row; } }
header {
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 1.5rem;
  width: 100vw;
  pointer-events: none;
  z-index: 999;
  background: #eff3f5;
  font-size: 2rem; }
  header.transparent {
    background: none; }
    header.transparent:after {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #eff3f5;
      opacity: var(--header-opacity); }
  header .logo {
    font-weight: 900;
    font-style: normal;
    font-size: 2rem;
    z-index: 1000;
    pointer-events: all;
    letter-spacing: -0.03em;
    transition: color 0.2s cubic-bezier(0.8, 0, 0.2, 1); }
    header .logo.active {
      color: #eff3f5;
      transition: color 0.4s cubic-bezier(0.8, 0, 0.2, 1) 0.2s; }
  header .hamburger {
    width: 1.5rem;
    height: 1.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: stretch;
    z-index: 1000;
    pointer-events: all; }
    header .hamburger div {
      background: black;
      height: 15%;
      border-radius: 1px;
      transition: transform 0.4s cubic-bezier(0.8, 0, 0.2, 1), background 0.4s cubic-bezier(0.8, 0, 0.2, 1); }
    header .hamburger.active div {
      background: white; }
    header .hamburger.active .top {
      transform: translateY(120%) rotate(45deg); }
    header .hamburger.active .bottom {
      transform: translateY(-120%) rotate(-45deg); }
    @media screen and (min-width: 600px) {
      header .hamburger {
        display: none; } }
  header nav {
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom-left-radius: 500vw;
    border-top-left-radius: 100vw;
    box-sizing: border-box;
    background: #ff5757;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 400;
    font-size: 1.25rem;
    pointer-events: none;
    transition: border-radius 0.5s cubic-bezier(0.8, 0, 0.2, 1), top 0.5s cubic-bezier(0.8, 0, 0.2, 1), right 0.5s cubic-bezier(0.8, 0, 0.2, 1), width 0.5s cubic-bezier(0.8, 0, 0.2, 1), height 0.5s cubic-bezier(0.8, 0, 0.2, 1), padding 0.5s cubic-bezier(0.8, 0, 0.2, 1); }
    header nav a {
      font-size: 2em;
      font-weight: 700;
      margin-bottom: 0.5em;
      transform: translateX(50%);
      opacity: 0;
      transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.8, 0, 0.2, 1), color 0.2s; }
    header nav.active {
      top: -100vh;
      right: -100vw;
      width: 200vw;
      height: 200vh;
      padding: calc(5em + 5vw + 100vh) 5vw 5vw 5vw;
      opacity: 1;
      border-radius: 0;
      pointer-events: all; }
      header nav.active a {
        opacity: 1;
        transform: translateY(0); }
        header nav.active a:nth-child(1) {
          transition-delay: 0.1s; }
        header nav.active a:nth-child(2) {
          transition-delay: 0.15s; }
        header nav.active a:nth-child(3) {
          transition-delay: 0.2s; }
        header nav.active a:nth-child(4) {
          transition-delay: 0.25s; }
        header nav.active a:nth-child(5) {
          transition-delay: 0.3s; }
    @media screen and (min-width: 600px) {
      header nav {
        position: relative;
        display: flex;
        width: auto;
        height: auto;
        background: none;
        flex-direction: row;
        justify-content: flex-end;
        padding: 0;
        transform: translateY(0);
        opacity: 1;
        pointer-events: all; }
        header nav a {
          font-size: inherit;
          margin-bottom: 0;
          margin-left: 1.5vw;
          transform: translateY(0);
          opacity: 1; }
          header nav a:after {
            content: '';
            position: absolute;
            left: 0;
            width: 0;
            height: 2px;
            background: #ff7171;
            bottom: -5px;
            transition: width 0.2s cubic-bezier(0.8, 0, 0.2, 1); }
          header nav a:first-child {
            margin-left: 0; }
          header nav a:hover:after {
            width: 100%; }
          header nav a.active {
            color: #ff5757;
            pointer-events: none; } }
    @media screen and (max-width: 599px) {
      header nav a.invert {
        color: #eff3f5; } }
  header .back-to-top {
    display: none;
    position: fixed;
    width: 24px;
    height: 24px;
    right: 24px;
    bottom: 24px; }

footer {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 1.5rem;
  width: 100vw;
  pointer-events: none;
  z-index: 999;
  font-size: 1rem;
  font-weight: 700; }
  footer .social {
    pointer-events: all; }

.intro h1 {
  position: relative; }
  .intro h1 svg {
    position: absolute;
    width: 5.15em;
    top: -1em;
    left: -0.15em; }

.service-triangle {
  position: relative;
  width: 40vw;
  height: 40vw;
  overflow: hidden;
  transform: rotate(135deg);
  background: red; }

.service-triangle:before {
  content: "";
  position: absolute;
  width: 141.42%;
  height: 141.42%;
  transform-origin: 0 0;
  transform: rotate(45deg);
  background: blue; }

.work-highlight {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 90vw;
  margin-bottom: 10vh; }
  .work-highlight .cover {
    width: 100%;
    margin: 0;
    aspect-ratio: 1.5;
    object-fit: cover;
    pointer-events: none; }
  .work-highlight .desc {
    width: 100%;
    margin: 5vw 0;
    pointer-events: none; }
    .work-highlight .desc .subtitle {
      margin-bottom: 2rem; }
    .work-highlight .desc .route {
      display: inline;
      position: relative;
      font-weight: 400;
      color: #ff5757; }
      .work-highlight .desc .route .arrow {
        position: absolute;
        top: 50%;
        right: -1.5em;
        width: 1em;
        height: 2px;
        background: black;
        transition: opacity 0.3s cubic-bezier(0.8, 0, 0.2, 1), width 0.3s cubic-bezier(0.8, 0, 0.2, 1); }
        .work-highlight .desc .route .arrow:after {
          position: absolute;
          content: '';
          top: -0.2em;
          right: 1px;
          width: 0.4em;
          height: 0.4em;
          border-right: 2px solid black;
          border-top: 2px solid black;
          transform: rotate(45deg); }
      .work-highlight .desc .route:after {
        position: absolute;
        content: '';
        bottom: -0.2em;
        left: 0;
        width: 0;
        height: 0.05em;
        background: #ff7171;
        transition: width 0.3s cubic-bezier(0.8, 0, 0.2, 1); }
  .work-highlight:hover .route {
    color: #ff7171; }
    .work-highlight:hover .route .arrow {
      opacity: 0;
      width: 0; }
    .work-highlight:hover .route:after {
      width: 100%; }
  @media only screen and (min-width: 1000px) {
    .work-highlight {
      flex-direction: row; }
      .work-highlight .cover {
        width: 60%; }
      .work-highlight .desc {
        width: 30%; }
      .work-highlight:nth-child(odd) {
        flex-direction: row-reverse; } }

body.islanddwell {
  color: #11c48e; }

body.island-dwell h1 .eyebrow, body.island-dwell h2 .eyebrow {
  color: #34e592; }
body.island-dwell header nav a:after {
  background: #78e4b2; }
body.island-dwell a.invert:hover {
  color: #78e4b2; }
body.island-dwell a.route {
  color: #34e592; }
  body.island-dwell a.route:after {
    background: #78e4b2; }
  body.island-dwell a.route:hover {
    color: #78e4b2; }

body.rally h1 .eyebrow, body.rally h2 .eyebrow {
  color: #6e36c9; }
body.rally header nav a:after {
  background: #8d53eb; }
body.rally a.invert:hover {
  color: #8d53eb; }
body.rally a.route {
  color: #6e36c9; }
  body.rally a.route:after {
    background: #8d53eb; }
  body.rally a.route:hover {
    color: #8d53eb; }

body.apeak h1 .eyebrow, body.apeak h2 .eyebrow {
  color: #6298ae; }
body.apeak header nav a:after {
  background: #7fb8cf; }
body.apeak a.invert:hover {
  color: #7fb8cf; }
body.apeak a.route {
  color: #6298ae; }
  body.apeak a.route:after {
    background: #7fb8cf; }
  body.apeak a.route:hover {
    color: #7fb8cf; }

body.mosaic h1 .eyebrow, body.mosaic h2 .eyebrow {
  color: #515449; }
body.mosaic header nav a:after {
  background: #676b5e; }
body.mosaic a.invert:hover {
  color: #676b5e; }
body.mosaic a.route {
  color: #515449; }
  body.mosaic a.route:after {
    background: #676b5e; }
  body.mosaic a.route:hover {
    color: #676b5e; }