.elementor-21 .elementor-element.elementor-element-3e613d6{width:100%;max-width:100%;}.elementor-21 .elementor-element.elementor-element-3e613d6 > .elementor-widget-container{margin:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-3e613d6 */#Red_Dot {
  transform-box: fill-box;
  transform-origin: 0% -100%;   /* was -240% — move pivot higher */
  animation: swing 3s ease-in-out infinite;
}


@keyframes swing {
  0%   { transform: rotate(20deg); }  /* was 18deg */
  50%  { transform: rotate(-20deg); }
  100% { transform: rotate(20deg); }
}

/* stage (full page canvas) */
.r-hero{
  position: relative;        /* was absolute */
  min-height: 100vh;         /* give it height */
  overflow: hidden;
  background: #fff;
}

/* make sure SVGs have size */
.r-logo svg,
.r-name svg { display:block; width:100%; height:auto; }

/* top-right logo */
.r-logo{
  position: absolute;
  top: 6vh;
  right: 6vw;
  width: clamp(140px, 22vw, 280px);  /* responsive size */
  z-index: 2;
}

/* bottom-right wordmark */
.r-name{
  position: absolute;
  left: 1vw;
  bottom: 20vh;
  width: clamp(260px, 40vw, 1200px); /* big but responsive */
  z-index: 1;
}/* End custom CSS */