/* Shared art direction for the homepage, About, and Research introductions. */
.rcl-hero, .rcl-about-hero, .rcl-research-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: center;
  gap: 36px;
  max-width: none;
}
.rcl-hero-copy { min-width: 0; }
.rcl-hero-visual {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  background: radial-gradient(ellipse at center, rgba(165, 43, 37, .035), transparent 68%);
}
.rcl-hero-canvas-wrap { position: absolute; inset: 0; }
.rcl-hero-canvas, .rcl-hero-fallback { display: block; width: 100%; height: 100%; }
.rcl-hero-canvas { position: absolute; inset: 0; visibility: hidden; }
.rcl-hero-visual.is-ready .rcl-hero-canvas { visibility: visible; }
.rcl-hero-visual.is-ready .rcl-hero-fallback { visibility: hidden; }
.rcl-hero-visual.is-interactive .rcl-hero-canvas { cursor: grab; touch-action: none; }
.rcl-hero-visual.is-dragging .rcl-hero-canvas { cursor: grabbing; }
.rcl-hero-visual.is-interactive .rcl-hero-canvas:focus-visible { outline: 2px solid #a52b25; outline-offset: 3px; border-radius: 50%; }
.rcl-hero-visual.is-pointer-focused .rcl-hero-canvas:focus-visible { outline: none; }
.rcl-hero-visual.is-selectable .rcl-hero-canvas { cursor: default; touch-action: manipulation; }
.rcl-motion-toggle {
  position: absolute;
  right: 12px;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #58606a;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.rcl-motion-toggle[hidden] { display: none; }
.rcl-motion-toggle:hover { color: #a52b25; background: #f7f4f2; }
.rcl-motion-icon { width: 12px; font-size: 14px; text-align: center; }
@media (prefers-reduced-motion: reduce) {
  .rcl-motion-toggle { display: none; }
}
@media (max-width: 991px) {
  .rcl-hero, .rcl-about-hero, .rcl-research-hero { display: block; }
  .rcl-hero-visual { display: none; }
}