#robtechnics-dark-preview .rt-page-a {
  --rt-content-gutter:42px;
}

/* Match the hero to the content inside the shared 1200px page container. */
#robtechnics-dark-preview .rt-page-a .rt-hero {
  width:calc(100% - 2 * var(--rt-content-gutter));
  max-width:1116px;
  margin-inline:auto;
}

#robtechnics-dark-preview .rt-page-a .rt-hero > .rt-inner {
  padding-inline:0;
}

#robtechnics-dark-preview .rt-page-a .rt-hero-art {
  left:20%;
  right:0;
}

#robtechnics-dark-preview .rt-page-a .rt-image-label {
  right:0;
}

#robtechnics-dark-preview .rt-hero-art[data-slideshow] { background-image:none; overflow:hidden; }
#robtechnics-dark-preview .rt-hero-slide { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:43% center; opacity:0; transition:opacity 1s ease; }
#robtechnics-dark-preview .rt-hero-slide.is-active { opacity:1; }
@media(prefers-reduced-motion:reduce) { #robtechnics-dark-preview .rt-hero-slide { transition:none; } }

#robtechnics-dark-preview .rt-page-a .rt-brands { display:grid; grid-template-columns:160px repeat(3,minmax(0,1fr)); }
#robtechnics-dark-preview .rt-page-a .rt-brands-word { text-align:center; }

@media(max-width:760px) {
  #robtechnics-dark-preview .rt-page-a { --rt-content-gutter:26px; }
  #robtechnics-dark-preview .rt-page-a .rt-hero-art { left:12%; }
  #robtechnics-dark-preview .rt-page-a .rt-image-label { display:none; }
  #robtechnics-dark-preview .rt-page-a .rt-brands { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:12px; }
  #robtechnics-dark-preview .rt-page-a .rt-brands-label { grid-column:1 / -1; }
}

@container(max-width:760px) {
  #robtechnics-dark-preview .rt-page-a { --rt-content-gutter:26px; }
  #robtechnics-dark-preview .rt-page-a .rt-hero-art { left:12%; }
  #robtechnics-dark-preview .rt-page-a .rt-image-label { display:none; }
  #robtechnics-dark-preview .rt-page-a .rt-brands { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:12px; }
  #robtechnics-dark-preview .rt-page-a .rt-brands-label { grid-column:1 / -1; }
}

@media(max-width:560px) {
  #robtechnics-dark-preview .rt-page-a { --rt-content-gutter:21px; }
  #robtechnics-dark-preview .rt-page-a .rt-hero-art { left:0; }
}

@container(max-width:560px) {
  #robtechnics-dark-preview .rt-page-a { --rt-content-gutter:21px; }
  #robtechnics-dark-preview .rt-page-a .rt-hero-art { left:0; }
}