.product-drop { height: 176px; margin: -8px 0 24px; overflow: hidden; position: relative; border-bottom: 2px solid #c39a45; pointer-events: none; }
@media(min-width:1181px) {
  .overview-grid { align-items: stretch; }
  .overview .overview-grid > .section-heading { position: relative; top: auto; padding-top: 0; display: flex; flex-direction: column; }
  .overview .overview-grid > .section-heading h2 { font-size: 56px; margin-bottom: 24px; }
  .overview-grid .product-drop { flex: 0 0 120px; height: 120px; margin: 0 0 20px; }
  .overview-grid .overview-signal { width: 100%; margin-top: auto; }
  .overview-grid .overview-copy { grid-template-rows: 1fr auto; }
}
.product-drop-stage { position: absolute; inset: 0; }
.drop-item { position: absolute; bottom: 5px; width: 13%; height: 78px; overflow: visible; transform-origin: 50% 85%; transform: rotate(var(--rest)); }
.drop-hearing { left: 1%; --rest: -15deg; --delay: 0ms; }
.drop-chip { left: 18%; --rest: 12deg; --delay: 180ms; }
.drop-board { left: 33%; width: 22%; --rest: -7deg; --delay: 350ms; }
.drop-mic { left: 56%; --rest: 17deg; --delay: 500ms; }
.drop-headphones { left: 70%; --rest: -13deg; --delay: 680ms; }
.drop-speaker { left: 85%; --rest: 10deg; --delay: 850ms; }
.product-drop.is-waiting .drop-item { transform: translateY(-230px) rotate(-30deg); }
.product-drop.is-playing .drop-item { animation: product-fall 1500ms var(--delay) both; }
@keyframes product-fall {
  0% { transform: translateY(-230px) rotate(-35deg); animation-timing-function: cubic-bezier(.45,0,1,1); }
  56% { transform: translateY(0) rotate(var(--rest)); animation-timing-function: ease-out; }
  72% { transform: translateY(-24px) rotate(0deg); animation-timing-function: ease-in; }
  86% { transform: translateY(0) rotate(var(--rest)); animation-timing-function: ease-out; }
  93% { transform: translateY(-6px) rotate(var(--rest)); }
  100% { transform: translateY(0) rotate(var(--rest)); }
}
@media(max-width:680px) { .product-drop { height: 140px; margin-bottom: 20px; } .drop-item { height: 60px; } }
@media(prefers-reduced-motion:reduce) { .product-drop.is-waiting .drop-item, .product-drop.is-playing .drop-item { animation: none; transform: rotate(var(--rest)); } }