/*
 * PrimeFlix 3.64.94 · P254 · Web Mobile Rebuild · Phase 3/8
 * HOME + HERO MOBILE WEB
 *
 * Purpose-built responsive Web composition. This is NOT the Mobile App and
 * does not shrink the Desktop Hero. It gives Home a dedicated phone layout
 * while keeping the same PrimeFlix visual language and content hierarchy.
 */

@media (max-width:820px){
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250{
    --pfm-hero-gutter:var(--pfm-gutter,18px);
    --pfm-hero-radius:0px;
  }

  /* ---------------------------------------------------------------------
     1. HERO CANVAS — full Web hero, sized for content instead of a fixed crop.
     --------------------------------------------------------------------- */
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home{
    --pf-hero-mobile-h:clamp(700px,91svh,860px)!important;
    position:relative!important;
    width:100%!important;
    height:var(--pf-hero-mobile-h)!important;
    min-height:var(--pf-hero-mobile-h)!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:var(--pfm-hero-radius)!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#050507!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home::before{
    content:""!important;
    position:absolute!important;
    inset:auto 0 0!important;
    z-index:7!important;
    height:34%!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,transparent 0%,rgba(5,5,7,.50) 34%,#050507 100%)!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:21!important;
    height:1px!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,transparent,rgba(167,139,250,.28),transparent)!important;
  }

  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    touch-action:pan-y pinch-zoom!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-bg{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:58% 18%!important;
    filter:saturate(.94) contrast(1.035) brightness(.90)!important;
    transform:scale(1.025)!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-slide.pf-uhero-active .pf-uhero-bg{
    animation:pfHeroMobileP254Zoom 16s cubic-bezier(.2,.7,.2,1) forwards!important;
  }
  @keyframes pfHeroMobileP254Zoom{
    from{transform:scale(1.025) translate3d(0,0,0)}
    to{transform:scale(1.075) translate3d(-.8%,0,0)}
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-overlay{
    position:absolute!important;
    inset:0!important;
    z-index:4!important;
    background:
      linear-gradient(180deg,rgba(4,4,7,.56) 0%,rgba(4,4,7,.11) 18%,rgba(4,4,7,.05) 34%,rgba(4,4,7,.28) 52%,rgba(4,4,7,.76) 69%,#050507 91%,#050507 100%),
      linear-gradient(90deg,rgba(4,4,7,.25) 0%,transparent 58%),
      radial-gradient(420px 300px at 88% 25%,rgba(124,58,237,.10),transparent 72%)!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home :is(.pf-uhero-warp,.pf-uhero-warp-fallback){
    opacity:.16!important;
    filter:saturate(.9)!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-canvas{
    opacity:.24!important;
    mix-blend-mode:screen!important;
  }

  /* The phone uses the cinematic backdrop as the principal visual. The Desktop
     poster parity from P250 remains untouched at >=769px. */
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-poster{
    display:none!important;
  }

  /* ---------------------------------------------------------------------
     2. CONTENT HIERARCHY — natural width, no 11ch title box, no tiny rails.
     --------------------------------------------------------------------- */
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-content{
    position:absolute!important;
    left:var(--pfm-hero-gutter)!important;
    right:var(--pfm-hero-gutter)!important;
    top:auto!important;
    bottom:54px!important;
    z-index:15!important;
    width:auto!important;
    max-width:620px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-kicker{
    width:max-content!important;
    max-width:100%!important;
    min-height:28px!important;
    margin:0 0 10px!important;
    padding:0 11px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(196,181,253,.22)!important;
    border-radius:999px!important;
    background:rgba(8,8,13,.58)!important;
    color:#ddd6fe!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.055em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pills{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px!important;
    margin:0 0 10px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pill{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:28px!important;
    max-width:100%!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pill svg{
    flex:0 0 13px!important;
    width:13px!important;
    height:13px!important;
  }
  /* Watched count is useful, but the long desktop sentence is not. */
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pill-watched{
    font-size:0!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pill-watched svg{
    margin-right:1px!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pill-watched b{
    font-size:11px!important;
    font-weight:850!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pill-watched::after{
    content:" vistos"!important;
    font-size:11px!important;
    font-weight:750!important;
  }

  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-title{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 10px!important;
    color:#fff!important;
    font-size:clamp(31px,9vw,44px)!important;
    line-height:1.01!important;
    letter-spacing:-.036em!important;
    font-weight:900!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
    text-wrap:pretty!important;
    text-shadow:0 8px 28px rgba(0,0,0,.52)!important;
  }

  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-genres{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:6px!important;
    margin:0 0 11px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-genre{
    flex:0 0 auto!important;
    min-height:27px!important;
    padding:0 9px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:999px!important;
    background:rgba(8,8,13,.48)!important;
    color:rgba(255,255,255,.78)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:700!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }

  /* Metrics are a stable information grid, not a tiny horizontal scroller. */
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-deck{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 12px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-metric{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    display:grid!important;
    align-content:center!important;
    gap:3px!important;
    padding:7px 9px!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:12px!important;
    background:rgba(9,9,14,.53)!important;
    box-shadow:none!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    overflow:hidden!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-metric span{
    min-width:0!important;
    color:rgba(255,255,255,.53)!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:750!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-metric strong{
    min-width:0!important;
    color:#fff!important;
    font-size:12.5px!important;
    line-height:1.18!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-ov{
    width:100%!important;
    max-width:58ch!important;
    min-width:0!important;
    margin:0 0 15px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    color:rgba(255,255,255,.73)!important;
    font-size:14px!important;
    line-height:1.52!important;
    letter-spacing:0!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
    text-wrap:pretty!important;
  }

  /* ---------------------------------------------------------------------
     3. ACTIONS — hierarchy by importance, not three squeezed desktop buttons.
     --------------------------------------------------------------------- */
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-actions{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    gap:8px!important;
    margin:0!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-actions :is(a,button,span){
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home :is(.pf-uhero-btn-play,.pf-uhero-btn-info,.pf-uhero-btn-trailer,.pf-uhero-btn-icon){
    width:auto!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    margin:0!important;
    padding:0 13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border-radius:13px!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    transform:none!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-btn-play{
    flex:1 0 100%!important;
    border:1px solid rgba(167,139,250,.55)!important;
    background:linear-gradient(135deg,#6d28d9,#8b5cf6 56%,#a855f7)!important;
    color:#fff!important;
    box-shadow:0 12px 28px rgba(124,58,237,.24)!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home :is(.pf-uhero-btn-info,.pf-uhero-btn-trailer,.pf-uhero-btn-icon){
    flex:1 1 0!important;
    border:1px solid rgba(255,255,255,.115)!important;
    background:rgba(13,13,19,.72)!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-btn-icon{
    min-width:96px!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-btn-icon::after{
    content:"Mi lista"!important;
    display:inline!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:850!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-btn-trailer[style*="display:none"]{
    display:none!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home :is(.pf-uhero-btn-play,.pf-uhero-btn-info,.pf-uhero-btn-trailer,.pf-uhero-btn-icon) svg{
    flex:0 0 16px!important;
    width:16px!important;
    height:16px!important;
  }

  /* ---------------------------------------------------------------------
     4. NAVIGATION — swipe remains native; dots/progress communicate position.
     --------------------------------------------------------------------- */
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-queue,
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-nav-wrap{
    display:none!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-dots{
    position:absolute!important;
    left:var(--pfm-hero-gutter)!important;
    right:auto!important;
    bottom:27px!important;
    z-index:19!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    transform:none!important;
    margin:0!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-dot{
    flex:0 0 auto!important;
    width:6px!important;
    min-width:6px!important;
    height:6px!important;
    min-height:6px!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.30)!important;
    box-shadow:none!important;
    transition:width .22s ease,background .22s ease!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-dot.pf-uhero-dot-active{
    width:26px!important;
    background:#fff!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-progress{
    position:absolute!important;
    left:var(--pfm-hero-gutter)!important;
    right:var(--pfm-hero-gutter)!important;
    bottom:13px!important;
    z-index:19!important;
    width:auto!important;
    height:2px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.10)!important;
    opacity:1!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-bar{
    height:100%!important;
    border-radius:inherit!important;
    background:linear-gradient(90deg,#8b5cf6,#c084fc)!important;
  }

  /* Trailer overlay follows the Web-mobile shell instead of desktop controls. */
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-trailer-box{
    position:absolute!important;
    inset:var(--pfm-header-total,64px) 0 0!important;
    z-index:40!important;
    background:#000!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-trailer-shell,
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-trailer-stage{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-trailer-actions{
    left:var(--pfm-hero-gutter)!important;
    right:var(--pfm-hero-gutter)!important;
    bottom:18px!important;
    width:auto!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-trailer-actions>*{
    flex:1 1 145px!important;
    min-height:46px!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  /* ---------------------------------------------------------------------
     5. HOME HANDOFF — first shelf starts like Web content, not underneath hero.
     --------------------------------------------------------------------- */
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home + :is(section,.pf-sect,.pf10-sect,.pf-platforms-row),
  body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home ~ main > :first-child{
    position:relative;
    z-index:2;
  }

  /* Phones with less vertical room: reduce secondary copy, never squeeze type. */
  @media (max-height:730px) and (orientation:portrait){
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home{
      --pf-hero-mobile-h:max(650px,100svh)!important;
    }
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-content{bottom:50px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-title{font-size:clamp(29px,8.4vw,38px)!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-ov{-webkit-line-clamp:2!important;margin-bottom:11px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-deck{margin-bottom:9px!important}
  }

  /* Narrow phones: preserve whole words and simplify density rather than shrink. */
  @media (max-width:374px){
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home{
      --pf-hero-mobile-h:clamp(710px,94svh,830px)!important;
    }
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-content{bottom:50px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-title{font-size:clamp(29px,8.8vw,36px)!important;line-height:1.03!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pills{gap:5px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pill-label{display:none!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-deck{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-deck .pf-uhero-metric:nth-child(n+3){display:none!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home :is(.pf-uhero-btn-info,.pf-uhero-btn-trailer,.pf-uhero-btn-icon){min-width:calc(50% - 4px)!important}
  }

  /* Larger phones / compact tablets can borrow the desktop poster language
     without forcing phone copy into a narrow column. */
  @media (min-width:560px){
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home{
      --pf-hero-mobile-h:clamp(680px,82svh,820px)!important;
    }
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-content{
      right:178px!important;
      max-width:560px!important;
      bottom:62px!important;
    }
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-poster{
      display:block!important;
      position:absolute!important;
      right:var(--pfm-hero-gutter)!important;
      bottom:70px!important;
      z-index:14!important;
      width:132px!important;
      opacity:0!important;
      transform:translateY(12px)!important;
      filter:none!important;
      pointer-events:none!important;
    }
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-slide.pf-uhero-active .pf-uhero-poster{
      opacity:1!important;
      transform:none!important;
    }
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-poster img{
      width:132px!important;
      aspect-ratio:2/3!important;
      object-fit:cover!important;
      border:1px solid rgba(255,255,255,.13)!important;
      border-radius:12px!important;
      box-shadow:0 18px 44px rgba(0,0,0,.48)!important;
    }
  }

  /* Mobile landscape is its own Web composition, not portrait stretched wide. */
  @media (orientation:landscape) and (max-height:560px){
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home{
      --pf-hero-mobile-h:max(520px,100svh)!important;
    }
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-bg{background-position:66% 28%!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-overlay{
      background:linear-gradient(90deg,rgba(4,4,7,.91) 0%,rgba(4,4,7,.72) 44%,rgba(4,4,7,.18) 78%,rgba(4,4,7,.06) 100%),linear-gradient(180deg,rgba(4,4,7,.35),rgba(4,4,7,.72))!important;
    }
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-content{
      left:max(var(--pfm-hero-gutter),env(safe-area-inset-left,0px))!important;
      right:auto!important;
      bottom:34px!important;
      width:min(58vw,560px)!important;
      max-width:min(58vw,560px)!important;
    }
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-title{font-size:clamp(28px,4.8vw,40px)!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-kicker{margin-bottom:6px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-pills{margin-bottom:6px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-genres{margin-bottom:7px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-deck{display:none!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-ov{-webkit-line-clamp:2!important;margin-bottom:10px!important;font-size:12.5px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-actions{max-width:520px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-btn-play{flex:1 1 170px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-poster{display:none!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-dots{bottom:18px!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-progress{display:none!important}
  }

  @media (prefers-reduced-motion:reduce){
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home .pf-uhero-slide.pf-uhero-active .pf-uhero-bg{animation:none!important;transform:scale(1.025)!important}
    body.pf-web-mobile-rebuild-p252.pf-wmp-home-p250 #pf-uhero-home :is(.pf-uhero-slide,.pf-uhero-content,.pf-uhero-poster,.pf-uhero-dot){transition-duration:.01ms!important;animation-duration:.01ms!important}
  }
}