/* ==========================================================================
   RBS — the way back to the Interaction Studio.

   The studio is its own page (/studio/). All that lives on the site is this
   one small marker, and the flash the studio uses when it sends you to a
   section. Namespaced `rbs-`; nothing here can reach the page's own styles.
   ========================================================================== */

.rbs-link {
  position: fixed;
  right: var(--rb-ref-space-5);
  bottom: var(--rb-ref-space-5);
  z-index: var(--rb-sys-z-modal, 900);
  display: inline-flex;
  align-items: center;
  gap: var(--rb-ref-space-2);
  height: 38px;
  padding: 0 var(--rb-ref-space-4) 0 var(--rb-ref-space-3);
  background: var(--rb-ref-ink);
  color: var(--rb-ref-white);
  border: 1px solid var(--rb-ref-ink);
  border-radius: var(--rb-ref-radius-none);
  text-decoration: none;
  box-shadow: 0 10px 28px rgb(18 32 31 / 0.22);
  transition:
    transform var(--rb-sys-duration-2) var(--rb-sys-ease-swift),
    background-color var(--rb-sys-duration-2) ease,
    border-color var(--rb-sys-duration-2) ease;
}
@media (hover: hover) and (pointer: fine) {
  .rbs-link:hover { transform: translateY(-2px); border-color: var(--rb-ref-teal-500); }
}
.rbs-link:active { transform: translateY(0) scale(0.97); }

.rbs-link__mark { display: grid; place-items: center; width: 11px; height: 11px; color: var(--rb-ref-teal-500); }
.rbs-link__mark svg { width: 100%; height: 100%; display: block; }

.rbs-link__text {
  font-family: var(--rb-sys-font-label);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Arriving from the studio: a teal breath around the section it sent you to. */
.rbs-flash { animation: rbs-flash 1.6s var(--rb-sys-ease-out); }
@keyframes rbs-flash {
  0%   { box-shadow: inset 0 0 0 2px rgb(0 197 181 / 0.75); }
  100% { box-shadow: inset 0 0 0 2px rgb(0 197 181 / 0); }
}

@media (prefers-reduced-motion: reduce) {
  .rbs-link { transition-duration: 1ms; }
  .rbs-flash { animation: none; }
}