/* Hero and introduction share the page's paper, without a separate panel edge. */
.ms-home-v2 .ms-motion-hero {
  --ms-fold-blend-depth: clamp(64px, 8vw, 128px);
  background: transparent;
}
.ms-home-v2 .ms-motion-hero__poster,
.ms-home-v2 .ms-motion-hero__video {
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--ms-fold-blend-depth)), rgba(0, 0, 0, .92) calc(100% - var(--ms-fold-blend-depth) * .68), rgba(0, 0, 0, .55) calc(100% - var(--ms-fold-blend-depth) * .36), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--ms-fold-blend-depth)), rgba(0, 0, 0, .92) calc(100% - var(--ms-fold-blend-depth) * .68), rgba(0, 0, 0, .55) calc(100% - var(--ms-fold-blend-depth) * .36), transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
/* The controls stay legible over the lighter seam in either scene. */
.ms-home-v2 .ms-motion-hero__controls { color: var(--ms-home-green, #374b3d); }
.ms-home-v2 .ms-motion-hero__tabs,
.ms-home-v2 .ms-motion-hero__navigation {
  border-color: rgba(49, 59, 45, .28);
  background: rgba(248, 247, 243, .92);
}
.ms-home-v2 .ms-motion-hero__tabs button[aria-selected="true"] {
  color: #fffdf5;
  background: var(--ms-home-green, #374b3d);
}
.ms-home-v2 [data-ms-fold-intro] {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding-block: clamp(46px, 4.5vw, 72px) clamp(58px, 5vw, 80px);
}
.ms-home-v2 [data-ms-fold-intro] .ms-intro-rule { display: none; }
.ms-home-v2 [data-ms-fold-word] { display: inline-block; }
/* There is deliberately no hidden CSS state: failed or disabled JS leaves readable text. */
@media (max-width: 767px) {
  .ms-home-v2 .ms-motion-hero { --ms-fold-blend-depth: clamp(64px, 11vh, 100px); }
}
@media (max-width: 600px) {
  .ms-home-v2 [data-ms-fold-intro] { padding-block: 38px 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .ms-home-v2 [data-ms-fold-intro] .ms-intro-label,
  .ms-home-v2 [data-ms-fold-word],
  .ms-home-v2 [data-ms-fold-intro] .ms-intro-mark,
  .ms-home-v2 [data-ms-fold-intro] .ms-intro-text { opacity: 1 !important; }
  .ms-home-v2 [data-ms-fold-intro] .ms-intro-label,
  .ms-home-v2 [data-ms-fold-word],
  .ms-home-v2 [data-ms-fold-intro] .ms-intro-text { transform: none !important; }
}