/* v12.10.64 - desktop-only larger intro cover/card with category buttons. */
@media (min-width: 761px){
  html body .op-intro-page-v38,
  html body.nmt-live .op-intro-page-v38{
    width:clamp(430px, 41vw, 560px) !important;
    min-width:430px !important;
    max-width:92vw !important;
    max-height:calc(100dvh - 96px) !important;
    aspect-ratio:2/3 !important;
    filter:drop-shadow(0 30px 52px rgba(0,0,0,.78)) !important;
  }

  html body .op-intro-card-img-v38,
  html body.nmt-live .op-intro-card-img-v38{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }

  html body .op-intro-cat-list-v38,
  html body.nmt-live .op-intro-cat-list-v38{
    left:20.35% !important;
    top:55.05% !important;
    width:59.35% !important;
    height:27.85% !important;
    gap:4px !important;
  }

  html body .op-intro-cat-v38,
  html body.nmt-live .op-intro-cat-v38{
    font-size:clamp(8px, .72vw, 10.5px) !important;
    letter-spacing:.05em !important;
    border-radius:8px !important;
    padding:0 8px !important;
    line-height:1.05 !important;
    box-shadow:
      0 1px 0 rgba(255,232,150,.28) inset,
      0 -1px 0 rgba(0,0,0,.72) inset,
      0 6px 13px rgba(0,0,0,.46) !important;
  }

  html body .op-intro-skip-v38,
  html body.nmt-live .op-intro-skip-v38{
    bottom:-52px !important;
    padding:10px 22px !important;
    font-size:13px !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px){
  html body .op-intro-page-v38,
  html body.nmt-live .op-intro-page-v38{
    width:clamp(400px, 48vw, 510px) !important;
    min-width:400px !important;
    max-height:calc(100dvh - 92px) !important;
  }
}