.motion-showcase {
  padding-block: clamp(5rem, 10vw, 9rem);
}

.motion-showcase__head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, .8fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: end;
  margin-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

.motion-showcase__eyebrow,
.motion-showcase__meta {
  font: 500 .64rem/1.5 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.motion-showcase__eyebrow { color: var(--brass); }
.motion-showcase__title {
  max-width: 10ch;
  margin: .8rem 0 0;
  font: 400 clamp(3.2rem, 7vw, 7rem)/.9 var(--display);
  letter-spacing: -.035em;
  text-wrap: balance;
}
.motion-showcase__title em { color: var(--brass); font-weight: 400; }
.motion-showcase__copy { max-width: 42ch; margin: 0; }
.motion-showcase__meta {
  display: flex;
  justify-content: space-between;
  gap: .8rem 2rem;
  flex-wrap: wrap;
  margin-top: 1rem;
  color: var(--paper);
}

.motion-showcase .reel__stage { width: 100%; }
.motion-showcase .reel__media { aspect-ratio: 16 / 9; }
.motion-showcase .reel__foot { width: 100%; }

.product-motion {
  display: grid;
  grid-template-columns: minmax(16rem, 22rem) minmax(18rem, 1fr);
  gap: clamp(3rem, 9vw, 9rem);
  align-items: center;
}
.product-motion__media {
  position: relative;
  width: min(100%, 22rem);
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: #080907;
}
.product-motion__media video { width: 100%; height: 100%; object-fit: contain; }
.product-motion__copy h2,
.studio-ad__copy h2 {
  max-width: 11ch;
  margin: .8rem 0 1.5rem;
  font: 400 clamp(3rem, 6vw, 6rem)/.92 var(--display);
  letter-spacing: -.03em;
  text-wrap: balance;
}
.product-motion__copy > p:not(.motion-showcase__eyebrow) { max-width: 46ch; color: var(--ink-soft); }
.product-motion__notice {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
  font: 500 .7rem/1.55 var(--mono);
}

.studio-ad {
  padding-block: clamp(4.5rem, 9vw, 8rem);
}
.studio-ad__inner {
  display: grid;
  grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  align-items: center;
}
.studio-ad__copy p { max-width: 40ch; }
.studio-ad__media {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #080907;
}
.studio-ad__media video { width: 100%; height: 100%; object-fit: contain; }
.studio-ad__meta {
  margin: 1rem 0 0;
  font: 500 .64rem/1.5 var(--mono);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.section--dark .studio-ad__copy p,
.section--dark .studio-ad__meta { color: var(--paper); }

@media (max-width: 800px) {
  .motion-showcase__head,
  .product-motion,
  .studio-ad__inner { grid-template-columns: 1fr; }
  .motion-showcase__copy { max-width: 54ch; }
  .product-motion__media { width: min(100%, 20rem); justify-self: center; }
  .studio-ad__media { grid-row: 2; }
}

@media (max-width: 620px) {
  .motion-showcase .reel__stage,
  .motion-showcase .reel__foot { width: 100%; }
}