.veo-motion {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  container-type: size;
  background: #09070d;
  color: #fff5f9;
  font-family: "Inter Tight", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.veo-motion *,
.veo-motion *::before,
.veo-motion *::after {
  box-sizing: border-box;
}
.veo-motion .motion-canvas,
.veo-motion .motion-type-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.veo-motion .motion-type-layer {
  pointer-events: none;
}
.veo-motion p,
.veo-motion h2 {
  margin: 0;
}
.veo-motion .motion-brand {
  position: absolute;
  left: 6%;
  top: 6%;
  width: 6.6%;
  height: auto;
}
.veo-motion .motion-edition {
  position: absolute;
  right: 6%;
  top: 6.6%;
  font-size: 1.25cqw;
  color: #c4adb9;
}
.veo-motion .motion-assembly-copy {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 10%;
  text-align: center;
  font-size: 2.2cqw;
  letter-spacing: -0.025em;
  color: #d4c3cd;
  opacity: 0;
}
.veo-motion .motion-copy {
  position: absolute;
  left: 7%;
  top: 35%;
  width: 43%;
  opacity: 0;
}
.veo-motion .motion-kicker {
  color: #ff81af;
  font-size: 1.65cqw;
  font-weight: 600;
  margin-bottom: 2.8cqh;
}
.veo-motion .motion-copy h2 {
  font-size: 10cqw;
  font-weight: 700;
  letter-spacing: -0.045em;
  line-height: 0.96;
}
.veo-motion .motion-description {
  color: #c9b7c3;
  font-size: 1.9cqw;
  line-height: 1.4;
  margin-top: 3cqh;
}
.veo-motion .motion-shop-copy {
  left: 55%;
  width: 39%;
}
.veo-motion .motion-shop-copy h2 {
  color: #ff6c68;
}
.veo-motion .motion-creators-copy {
  top: 29%;
}
.veo-motion .motion-creators-copy h2 {
  font-size: 8.1cqw;
  color: #ff5b9b;
}
.veo-motion .motion-together-copy {
  position: absolute;
  left: 0;
  top: 86%;
  width: 100%;
  text-align: center;
  opacity: 0;
}
.veo-motion .motion-together-copy h2 {
  font-size: 4.4cqw;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.05em;
}
.veo-motion .motion-final-copy {
  position: absolute;
  left: 53%;
  top: 35%;
  width: 43%;
  opacity: 0;
}
.veo-motion .motion-final-copy h2 {
  font-size: 6.7cqw;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.veo-motion .motion-final-copy h2 span {
  display: block;
}
.veo-motion .motion-final-copy h2 span:last-child {
  color: #ff4b91;
}
.veo-motion .motion-final-copy p {
  margin-top: 3.5cqh;
  color: #c9b7c3;
  font-size: 1.55cqw;
}
.veo-motion.is-portrait .motion-brand {
  left: 24px;
  top: max(
    5%,
    calc(var(--launch-safe-top, env(safe-area-inset-top, 0px)) + 12px)
  );
  width: 15%;
  max-width: 72px;
}
.veo-motion.is-portrait .motion-edition {
  right: 24px;
  top: max(
    5.6%,
    calc(var(--launch-safe-top, env(safe-area-inset-top, 0px)) + 18px)
  );
  font-size: min(3.2cqw, 15px);
}
.veo-motion.is-portrait .motion-assembly-copy {
  top: 15%;
  bottom: auto;
  padding: 0 24px;
  font-size: min(5.8cqw, 28px);
}
.veo-motion.is-portrait .motion-copy,
.veo-motion.is-portrait .motion-shop-copy,
.veo-motion.is-portrait .motion-creators-copy {
  left: 24px;
  top: 12%;
  width: calc(100% - 48px);
  text-align: center;
}
.veo-motion.is-portrait .motion-kicker {
  font-size: min(3.7cqw, 16px);
  margin-bottom: 1cqh;
}
.veo-motion.is-portrait .motion-copy h2,
.veo-motion.is-portrait .motion-creators-copy h2 {
  font-size: min(12cqw, 56px);
  line-height: 0.98;
}
.veo-motion.is-portrait .motion-description {
  font-size: min(4.5cqw, 18px);
  margin-top: 1.4cqh;
}
.veo-motion.is-portrait .motion-together-copy {
  top: 13%;
}
.veo-motion.is-portrait .motion-together-copy h2 {
  font-size: min(12cqw, 56px);
}
.veo-motion.is-portrait .motion-final-copy {
  left: 24px;
  top: 56%;
  width: calc(100% - 48px);
  text-align: center;
}
.veo-motion.is-portrait .motion-final-copy h2 {
  font-size: min(12.5cqw, 60px);
}
.veo-motion.is-portrait .motion-final-copy p {
  font-size: min(3.8cqw, 18px);
  margin-top: 2.5cqh;
}