/* VROWN page: MOMMA-inspired video letter mask using VROWN-owned assets. */
body[data-site-page="vrown"] .va-momma-video-hero {
  --vrown-momma-paper: var(--szv-home-yellow, #fef019);
  --vrown-momma-mask: url("assets/analogue-clone/vrown-logo.png?v=20260720-video-mask-1");
}

body[data-site-page="vrown"][data-view="vrown"][data-active-view="vrownnnn"]
  .site-shell[data-view="vrown"]
  #vrownnnn
  .va-clone-stage
  .va-yellowbird-tv.va-video-hero.va-momma-video-hero {
  height: clamp(430px, 68svh, 620px) !important;
  min-height: clamp(430px, 68svh, 620px) !important;
  background: var(--vrown-momma-paper) !important;
  color: #050505;
}

body[data-site-page="vrown"][data-view="vrown"][data-active-view="vrownnnn"]
  .site-shell[data-view="vrown"]
  #vrownnnn
  .va-clone-stage
  .va-momma-video-hero
  .va-yb-frame {
  background: var(--vrown-momma-paper) !important;
}

body[data-site-page="vrown"][data-view="vrown"][data-active-view="vrownnnn"]
  .site-shell[data-view="vrown"]
  #vrownnnn
  .va-clone-stage
  .va-momma-video-hero
  .va-yb-video-stage {
  inset: 0 !important;
  background: transparent !important;
  -webkit-mask-image: var(--vrown-momma-mask);
  mask-image: var(--vrown-momma-mask);
  -webkit-mask-position: center clamp(68px, 10svh, 88px);
  mask-position: center clamp(68px, 10svh, 88px);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: min(55vw, 600px) auto;
  mask-size: min(55vw, 600px) auto;
  mask-mode: alpha;
}

body[data-site-page="vrown"][data-view="vrown"][data-active-view="vrownnnn"]
  .site-shell[data-view="vrown"]
  #vrownnnn
  .va-clone-stage
  .va-momma-video-hero
  .va-yb-video {
  object-position: 54% center;
  filter: none;
  transform: scale(1.035);
}

body[data-site-page="vrown"][data-view="vrown"][data-active-view="vrownnnn"]
  .site-shell[data-view="vrown"]
  #vrownnnn
  .va-clone-stage
  .va-momma-video-hero
  :is(.va-video-hero-scrim, .va-yb-player-card, .va-yb-badge) {
  display: none !important;
}

@media (max-width: 760px) {
  body[data-site-page="vrown"] .va-yellowbird-tv.va-video-hero.va-momma-video-hero {
    height: clamp(400px, 64svh, 540px) !important;
    min-height: clamp(400px, 64svh, 540px) !important;
  }

  body[data-site-page="vrown"] .va-momma-video-hero .va-yb-video-stage {
    -webkit-mask-position: center clamp(68px, 9svh, 84px) !important;
    mask-position: center clamp(68px, 9svh, 84px) !important;
    -webkit-mask-size: min(88vw, 400px) auto !important;
    mask-size: min(88vw, 400px) auto !important;
  }
}

@media (max-width: 420px) {
  body[data-site-page="vrown"] .va-momma-video-hero .va-yb-video-stage {
    -webkit-mask-position: center clamp(66px, 9svh, 78px) !important;
    mask-position: center clamp(66px, 9svh, 78px) !important;
    -webkit-mask-size: min(88vw, 360px) auto !important;
    mask-size: min(88vw, 360px) auto !important;
  }
}

@media (max-height: 620px) and (min-width: 761px) {
  body[data-site-page="vrown"] .va-momma-video-hero .va-yb-video-stage {
    -webkit-mask-position: center clamp(56px, 9svh, 70px) !important;
    mask-position: center clamp(56px, 9svh, 70px) !important;
    -webkit-mask-size: min(48vw, 520px) auto !important;
    mask-size: min(48vw, 520px) auto !important;
  }
}