/* Navigation has one state owner on desktop and mobile. Hover and focus alone
   must not reopen a panel after Escape or after another header menu opens. */
body.studio-theme .studio-site-header .studio-nav-parent:not(.is-open)>.studio-nav-dropdown{
  display:none!important;
  animation:none!important;
}
body.studio-theme .studio-site-header .studio-nav-parent.is-open>.studio-nav-dropdown{
  display:grid!important;
}
@media(min-width:1121px){
body.studio-theme .studio-site-header .studio-nav-parent:not(.is-open)>button>i{
  transform:rotate(-45deg)!important;
}
body.studio-theme .studio-site-header .studio-nav-parent.is-open>button>i{
  transform:rotate(135deg)!important;
}
}
body.studio-theme .studio-site-header [data-studio-nav-trigger]:focus-visible{
  outline:2px solid var(--studio-color-link);
  outline-offset:4px;
  border-radius:var(--studio-radius-sm,10px);
}
body.studio-theme .studio-site-header .studio-explore>[data-studio-nav-trigger]>svg{
  width:17px;
  height:17px;
  flex:none;
  stroke:currentColor;
}
body.studio-theme .studio-site-header .studio-explore>[data-studio-explore-panel]{
  --studio-explore-columns:3;
  top:100%;
  width:min(960px,calc(100vw - 48px));
  max-width:calc(100vw - 24px);
  max-height:var(--studio-explore-max-height,calc(100dvh - 120px));
  box-sizing:border-box;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  margin:0;
  padding:0;
  border:1px solid var(--studio-component-dialog-border);
  border-radius:var(--studio-radius-xl,22px);
  background:var(--studio-component-dialog-bg)!important;
  color:var(--studio-color-text)!important;
  box-shadow:var(--studio-component-dialog-shadow)!important;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--studio-color-border-strong) transparent;
  text-align:start;
}
body.studio-theme .studio-site-header [data-studio-explore-panel][data-explore-groups="0"],
body.studio-theme .studio-site-header [data-studio-explore-panel][data-explore-groups="1"]{
  --studio-explore-columns:1;
  width:min(456px,calc(100vw - 48px));
}
body.studio-theme .studio-site-header [data-studio-explore-panel][data-explore-groups="2"]{
  --studio-explore-columns:2;
  width:min(708px,calc(100vw - 48px));
}
body.studio-theme .studio-site-header [data-studio-explore-panel][data-explore-groups="3"]{
  --studio-explore-columns:3;
}
body.studio-theme .studio-site-header [data-studio-explore-panel]::before,
body.studio-theme .studio-site-header [data-studio-explore-panel]::after{
  display:none;
}
body.studio-theme .studio-site-header .studio-explore-grid{
  display:grid;
  grid-template-columns:repeat(var(--studio-explore-columns),minmax(0,1fr)) 200px;
  gap:0;
}
body.studio-theme .studio-site-header [data-explore-groups="0"]>.studio-explore-grid{
  grid-template-columns:minmax(0,1fr);
}
body.studio-theme .studio-site-header .studio-explore-group{
  min-width:0;
  padding:10px;
}
body.studio-theme .studio-site-header .studio-explore-group+.studio-explore-group{
  border-inline-start:1px solid var(--studio-color-border);
}
body.studio-theme .studio-site-header .studio-explore-heading{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 4px;
  padding:4px 8px;
  color:var(--studio-color-text-secondary)!important;
  font:700 var(--studio-type-ui-meta,.75rem)/var(--studio-leading-ui-title,1.5) var(--studio-font-family-ui,inherit);
}
body.studio-theme .studio-site-header .studio-explore-heading>svg{
  width:16px;
  height:16px;
  flex:none;
  color:var(--studio-color-link);
}
body.studio-theme .studio-site-header .studio-explore-links{
  display:grid;
  align-content:start;
  gap:2px;
}
body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-link{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  justify-content:normal;
  gap:8px;
  min-width:0;
  min-height:52px;
  height:auto!important;
  padding:4px 8px!important;
  border:1px solid transparent;
  border-radius:var(--studio-radius-sm,10px);
  background:transparent;
  color:var(--studio-color-text)!important;
  text-align:start;
  white-space:normal;
  text-decoration:none;
  transition:background-color .16s,border-color .16s;
}
body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-link:is(:hover,:focus-visible,.active){
  padding:4px 8px!important;
  border-color:var(--studio-color-border-strong);
  background:var(--studio-color-card-hover)!important;
}
body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-link:focus-visible{
  outline:2px solid var(--studio-color-link);
  outline-offset:-2px;
}
body.studio-theme .studio-site-header .studio-explore-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:var(--studio-radius-sm,10px);
  background:color-mix(in srgb,var(--studio-color-accent) 12%,var(--studio-color-dialog));
  color:var(--studio-color-link);
}
body.studio-theme .studio-site-header .studio-explore-icon>svg{
  width:18px;
  height:18px;
}
body.studio-theme .studio-site-header .studio-explore-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
body.studio-theme .studio-site-header .studio-explore-copy>strong{
  color:var(--studio-color-heading)!important;
  font:750 var(--studio-type-ui-title,.9375rem)/var(--studio-leading-ui-title,1.5) var(--studio-font-family-ui,inherit);
  white-space:normal;
  overflow-wrap:anywhere;
}
body.studio-theme .studio-site-header .studio-explore-copy>small{
  color:var(--studio-color-text-secondary)!important;
  font:500 var(--studio-type-ui-body,.8125rem)/1.45 var(--studio-font-family-ui,inherit);
  white-space:normal;
  overflow-wrap:anywhere;
}
/* Artwork keeps its own contrast while the menu and membership bar follow
   the selected palette. The fourth column is a real, published VIP movie. */
body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-spotlight{
  position:relative!important;
  display:block!important;
  align-self:stretch;
  min-width:0;
  min-height:280px;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-inline-start:1px solid var(--studio-color-border)!important;
  border-radius:0;
  overflow:hidden;
  isolation:isolate;
  background:var(--studio-color-art-scrim)!important;
  color:var(--studio-color-on-art)!important;
  text-align:start;
  white-space:normal;
  text-decoration:none;
}
body.studio-theme .studio-site-header .studio-explore-spotlight>.studio-explore-poster{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  max-width:none;
  object-fit:cover;
  object-position:center 25%;
  border-radius:0;
  transition:transform .25s ease;
}
body.studio-theme .studio-site-header .studio-explore-spotlight:is(:hover,:focus-visible)>.studio-explore-poster{
  transform:scale(1.035);
}
body.studio-theme .studio-site-header .studio-explore-spotlight>.studio-explore-art-scrim{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,color-mix(in srgb,var(--studio-color-art-scrim) 30%,transparent),transparent 30%,color-mix(in srgb,var(--studio-color-art-scrim) 85%,transparent) 78%,var(--studio-color-art-scrim));
  pointer-events:none;
}
body.studio-theme .studio-site-header .studio-explore-spotlight>.studio-explore-premium-badge{
  position:absolute;
  inset-block-start:12px;
  inset-inline-start:12px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--studio-color-on-art) 40%,transparent);
  border-radius:var(--studio-radius-sm,10px);
  background:color-mix(in srgb,var(--studio-color-art-scrim) 72%,transparent);
  color:var(--studio-color-on-art)!important;
  font:750 var(--studio-type-ui-meta)/1.4 var(--studio-font-family-ui);
}
body.studio-theme .studio-site-header .studio-explore-premium-badge>svg{
  width:17px;
  height:17px;
}
body.studio-theme .studio-site-header .studio-explore-spotlight>.studio-explore-spotlight-copy{
  position:absolute;
  inset-block-end:16px;
  inset-inline:14px;
  z-index:2;
  display:grid;
  gap:8px;
  color:var(--studio-color-on-art)!important;
  white-space:normal;
}
body.studio-theme .studio-site-header .studio-explore-spotlight-copy>strong{
  color:var(--studio-color-on-art)!important;
  font:800 var(--studio-type-ui-heading)/1.5 var(--studio-font-family-ui);
  overflow-wrap:anywhere;
}
body.studio-theme .studio-site-header .studio-explore-spotlight-copy>small,
body.studio-theme .studio-site-header .studio-explore-spotlight-meta{
  color:var(--studio-color-on-art)!important;
  font:500 var(--studio-type-ui-meta)/1.6 var(--studio-font-family-ui);
}
body.studio-theme .studio-site-header .studio-explore-spotlight-action{
  display:flex;
  align-items:center;
  gap:10px;
  margin-block-start:6px;
  color:var(--studio-color-on-art)!important;
  font:700 var(--studio-type-ui-body)/1.5 var(--studio-font-family-ui);
}
body.studio-theme .studio-site-header .studio-explore-poster-placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding-block-end:120px;
  background:radial-gradient(ellipse at top,color-mix(in srgb,var(--studio-color-accent) 45%,var(--studio-color-art-scrim)),var(--studio-color-art-scrim));
  color:var(--studio-color-on-art);
}
body.studio-theme .studio-site-header .studio-explore-poster-placeholder>svg{
  width:88px;
  height:88px;
  opacity:.6;
}
/* Gold is a membership identity, shared by light and dark appearances.
   Keep these colors local so ordinary navigation follows the selected palette. */
body.studio-theme .studio-site-header .studio-explore-membership{
  --studio-explore-gold:#e8bf62;
  --studio-explore-gold-light:#fff1bd;
  --studio-explore-gold-deep:#c99532;
  --studio-explore-gold-ink:#211503;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:10px 14px;
  border-block-start:1px solid var(--studio-explore-gold-light);
  background:linear-gradient(110deg,var(--studio-explore-gold-deep),var(--studio-explore-gold) 28%,var(--studio-explore-gold-light) 58%,var(--studio-explore-gold))!important;
  color:var(--studio-explore-gold-ink)!important;
  box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 #5a3a0533;
}
body.studio-theme .studio-site-header .studio-explore-membership::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,#fff9 48%,transparent 61%);
  transform:translateX(-100%);
  opacity:0;
}
body.studio-theme .studio-site-header .studio-explore.is-open .studio-explore-membership::before{
  animation:studio-explore-gold-shine 1.6s ease-out .15s both;
}
@keyframes studio-explore-gold-shine{
  0%{transform:translateX(-100%);opacity:0}
  20%{opacity:.65}
  100%{transform:translateX(100%);opacity:0}
}
body.studio-theme .studio-site-header .studio-explore-membership-summary{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
}
body.studio-theme .studio-site-header .studio-explore-membership-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid color-mix(in srgb,var(--studio-explore-gold-ink) 20%,transparent);
  border-radius:var(--studio-radius-sm);
  color:var(--studio-explore-gold-ink)!important;
  background:color-mix(in srgb,var(--studio-explore-gold-light) 55%,transparent);
}
body.studio-theme .studio-site-header .studio-explore-membership-icon>svg{
  width:20px;
  height:20px;
}
body.studio-theme .studio-site-header .studio-explore-membership-label{
  min-width:0;
}
body.studio-theme .studio-site-header .studio-explore-membership-summary strong{
  color:var(--studio-explore-gold-ink)!important;
  font:750 var(--studio-type-ui-title)/1.5 var(--studio-font-family-ui);
}
body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-plans{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:36px;
  padding:6px 10px!important;
  border:1px solid color-mix(in srgb,var(--studio-explore-gold-ink) 35%,transparent);
  border-radius:var(--studio-radius-sm);
  background:color-mix(in srgb,var(--studio-explore-gold-light) 50%,transparent)!important;
  color:var(--studio-explore-gold-ink)!important;
  font:750 var(--studio-type-ui-body)/1.5 var(--studio-font-family-ui)!important;
  white-space:normal;
  text-align:center;
  transition:background-color .2s,border-color .2s;
}
body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-plans:is(:hover,:focus-visible){
  background:var(--studio-explore-gold-light)!important;
  border-color:var(--studio-explore-gold-ink);
}
body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-spotlight:focus-visible{
  outline:2px solid var(--studio-color-link);
  outline-offset:-3px;
}
body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-plans:focus-visible{
  outline:2px solid var(--studio-explore-gold-ink);
  outline-offset:-3px;
}
@media(max-width:1120px){
  body.studio-theme .studio-site-header .studio-explore>[data-studio-explore-panel]{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:6px 0;
    padding:0;
    overflow:hidden;
    box-shadow:none!important;
  }
  body.studio-theme .studio-site-header .studio-explore-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
  }
  body.studio-theme .studio-site-header .studio-explore-group+.studio-explore-group{
    border-inline-start:0;
  }
  body.studio-theme .studio-site-header .studio-explore-group:nth-child(even){
    border-inline-start:1px solid var(--studio-color-border);
  }
  body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-plans{
    min-height:44px;
  }
}
@media(max-width:480px){
  body.studio-theme .studio-site-header .studio-explore-grid{
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  body.studio-theme .studio-site-header .studio-explore-group:nth-child(even){
    border-inline-start:0;
  }
  body.studio-theme .studio-site-header .studio-explore-group+.studio-explore-group{
    padding-block-start:12px;
    border-block-start:1px solid var(--studio-color-border);
  }
  body.studio-theme .studio-site-header nav .studio-nav-dropdown[data-studio-explore-panel] a.studio-explore-spotlight{
    min-height:240px;
    border-inline-start:0!important;
  }
  body.studio-theme .studio-site-header .studio-explore-membership{
    padding:12px;
  }
  body.studio-theme .studio-site-header .studio-explore-membership-summary{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  body.studio-theme .studio-site-header .studio-explore-membership-icon{
    display:none;
  }
}
@media(prefers-reduced-motion:reduce){
  body.studio-theme .studio-site-header .studio-explore.is-open .studio-explore-membership::before{
    animation:none;
  }
  body.studio-theme .studio-site-header .studio-nav-parent.is-open>.studio-nav-dropdown{
    animation:none!important;
  }
  body.studio-theme .studio-site-header .studio-explore-spotlight>.studio-explore-poster{
    transition:none;
  }
}

body.studio-theme .studio-site-header .studio-explore-spotlight-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
body.studio-theme .studio-site-header .studio-explore-rating{display:inline-flex;align-items:center;gap:5px}
body.studio-theme .studio-site-header .studio-explore-rating>svg{width:14px;height:14px}
