/* Full-width automatic homepage gallery. */
.dome-hero {
  --hero-header-height: 78px;
  position: relative;
  overflow: hidden;
  background: #0e1413;
  color: #f5f4ed;
}
.dome-hero__frame, .dome-showcase { width: 100%; }
.dome-showcase { overflow: hidden; background: #161f1b; }
.dome-showcase__stage { position: relative; height: calc(100svh - var(--hero-header-height)); min-height: 280px; }
.dome-scene { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .6s ease, visibility .6s; }
.dome-scene.is-active { opacity: 1; visibility: visible; }
.dome-scene__media { width: 100%; height: 100%; overflow: hidden; }
.dome-scene__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 73%; user-select: none; }
.dome-scene:nth-child(2) img { object-position: 50% 67%; }
.dome-scene:nth-child(3) img { object-position: 50% 65%; }
#products, #quote, #shipping { scroll-margin-top: 96px; }
@media (max-width: 860px) {
  .dome-hero { --hero-header-height: 68px; }
}
@media (max-width: 680px) {
  .dome-showcase__stage { height: min(calc(100svh - var(--hero-header-height)), 160vw); }
  .dome-scene__media img { object-position: 35% 50%; }
  .dome-scene:nth-child(2) img, .dome-scene:nth-child(3) img { object-position: 50% 50%; }
  #products, #quote, #shipping { scroll-margin-top: 82px; }
}
@media (prefers-reduced-motion: reduce) {
  .dome-scene { transition: none; }
}