/* Scoped to the native palletizing hero; preserve its copy, CTA, video and lightbox. */
header.section_header.is-palletizer.pal-drawing-ready { position: relative; overflow: hidden; min-height: 56.25rem; }
.pal-drawing-ready .palletizer-header_image { visibility: hidden; }
.pal-drawing-ready .header_contain { position: relative; z-index: 2; pointer-events: none; }
.pal-drawing-ready .header_contain h1, .pal-drawing-ready .header_contain p, .pal-drawing-ready .button-group { pointer-events: auto; }
.pal-drawing { position: absolute; inset: 0; z-index: 1; pointer-events: none; --u: .0625rem; --s: 1; --ox: 1060; --oy: 640; }
.pal-drawing > svg, .pal-drawing > img { position: absolute; display: block; max-width: none; left: calc(50% + (var(--ox) - 720 - 1530 * var(--s)) * var(--u)); top: calc((var(--oy) - 670 * var(--s)) * var(--u)); width: calc(2020 * var(--s) * var(--u)); height: calc(1380 * var(--s) * var(--u)); }
@media (min-width: 992px) {
  .pal-drawing-ready .pal-hero-video { right: auto; left: max(4.5rem, calc((100% - 81rem) / 2)); bottom: auto; top: 34.625rem; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pal-drawing { --s: .84; --ox: 870; --oy: 790; }
  .pal-drawing > svg, .pal-drawing > img { left: calc((var(--ox) - 1530 * var(--s)) * var(--u)); }
}
@media (max-width: 767px) {
  header.section_header.is-palletizer.pal-drawing-ready { min-height: 0; padding-bottom: 110vw; }
  .pal-drawing { --u: calc(100vw / 390); --s: .56; --px: 220; --up: 116; }
  .pal-drawing > svg, .pal-drawing > img { left: calc((var(--px) - 1530 * var(--s)) * var(--u)); top: auto; bottom: calc((var(--up) - 710 * var(--s)) * var(--u)); }
}

/* The native desktop tween drives these styles; other viewports settle in 350ms. */
.pal-drawing-entering { opacity: 0; will-change: opacity, transform; }
.pal-drawing-reveal { animation: pal-drawing-reveal .35s cubic-bezier(.22, 1, .36, 1) both; }
@keyframes pal-drawing-reveal { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .pal-drawing-entering, .pal-drawing-reveal { opacity: 1 !important; transform: none !important; animation: none; will-change: auto; }
}