/* source: css/studio-light-home-v51011.css */
/* V510.1.1 — light homepage roles. Load after the semantic runtime.
   Hero/poster copy belongs to artwork; headings and controls belong to the page. */

/* V510.1.5 — one hero handoff for every palette, including custom palettes.
   Keep the art scrim behind readable copy; dissolve only the reserved lower tail
   into the live canvas. No fixed terminal band or white fade across the content. */
body.studio-theme .studio-page :is(.studio-cine-slider,.studio-exact-hero){
  --studio-hero-handoff:clamp(128px,10vw,160px);
  background:var(--studio-color-canvas)!important;
  color:var(--studio-color-on-art)!important;
}
body.studio-theme .studio-page .studio-cine-bg{
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--studio-color-art-scrim) 84%,transparent),color-mix(in srgb,var(--studio-color-art-scrim) 78%,transparent)),
    var(--cine-bg) center / cover no-repeat!important;
}
body.studio-theme .studio-page .studio-cine-glow{
  background:radial-gradient(circle at 76% 45%,color-mix(in srgb,var(--studio-color-accent) 12%,transparent),transparent 34%),radial-gradient(circle at 23% 35%,color-mix(in srgb,var(--studio-color-accent-secondary) 10%,transparent),transparent 32%)!important;
}
body.studio-theme .studio-page .studio-exact-background::after{
  background:linear-gradient(90deg,color-mix(in srgb,var(--studio-color-art-scrim) 84%,transparent),color-mix(in srgb,var(--studio-color-art-scrim) 78%,transparent))!important;
}
body.studio-theme .studio-page :is(.studio-cine-slider,.studio-exact-hero)::after{
  content:"";
  position:absolute;
  z-index:9!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  height:var(--studio-hero-handoff)!important;
  border:0!important;
  filter:none!important;
  box-shadow:none!important;
  pointer-events:none;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--studio-color-canvas) 0%,transparent) 0%,
    color-mix(in srgb,var(--studio-color-canvas) 4%,transparent) 16%,
    color-mix(in srgb,var(--studio-color-canvas) 16%,transparent) 34%,
    color-mix(in srgb,var(--studio-color-canvas) 38%,transparent) 52%,
    color-mix(in srgb,var(--studio-color-canvas) 68%,transparent) 72%,
    color-mix(in srgb,var(--studio-color-canvas) 92%,transparent) 90%,
    var(--studio-color-canvas) 100%)!important;
}
body.studio-theme .studio-page :is(
  .studio-cine-copy h1>span,.studio-cine-copy .studio-cine-secondary-title,
  .studio-cine-tagline,.studio-cine-proof,.studio-cine-proof b,
  .studio-exact-copy h1>span:first-child,.studio-exact-kicker,
  .studio-exact-features b,.studio-exact-mosaic-label strong
){color:var(--studio-color-on-art)!important}
body.studio-theme .studio-page .studio-cine-copy .studio-cine-secondary-title{
  -webkit-text-fill-color:var(--studio-color-on-art)!important;
}
body.studio-theme .studio-page :is(
  .studio-cine-copy>p,.studio-cine-live small,.studio-cine-card small,
  .studio-cine-next-card em,.studio-cine-next-card small,
  .studio-exact-copy>p,.studio-exact-flags b,.studio-exact-features span
){color:color-mix(in srgb,var(--studio-color-on-art) 88%,transparent)!important}
body.studio-theme .studio-page :is(
  .studio-cine-proof,.studio-cine-next-card,.studio-cine-arrow,
  .studio-cine-actions>:not(.primary),.studio-exact-buttons .ghost,
  .studio-exact-features span,.studio-exact-mosaic-label
){
  background:color-mix(in srgb,var(--studio-color-art-scrim) 88%,transparent)!important;
  border-color:color-mix(in srgb,var(--studio-color-on-art) 28%,transparent)!important;
  color:var(--studio-color-on-art)!important;
}
body.studio-theme .studio-page :is(.studio-cine-actions,.studio-exact-buttons)>.primary{
  background:var(--studio-color-accent)!important;
  color:var(--studio-color-on-accent)!important;
}
body.studio-theme .studio-page :is(.studio-cine-dots,.studio-exact-dots){z-index:10!important}
body.studio-theme .studio-page :is(.studio-cine-dots,.studio-exact-dots) button{
  background:color-mix(in srgb,var(--studio-color-text) 24%,var(--studio-color-canvas))!important;
}
body.studio-theme .studio-page :is(.studio-cine-dots,.studio-exact-dots) button i{
  background:var(--studio-color-accent)!important;
}

/* The bottom reserve contains the dissolve, including the next-card overhang.
   Auto height lets longer translations grow instead of moving copy into it. */
body.studio-theme .studio-page .studio-cine-inner{
  box-sizing:border-box;
  height:auto!important;
  padding-block-start:clamp(28px,4vw,64px)!important;
  padding-block-end:calc(var(--studio-hero-handoff) + 72px)!important;
}
body.studio-theme .studio-page .studio-exact-hero{height:auto!important}
body.studio-theme .studio-page .studio-exact-hero-in{
  box-sizing:border-box;
  height:auto;
  min-height:800px;
  padding-block-start:clamp(32px,4vw,64px)!important;
  padding-block-end:calc(var(--studio-hero-handoff) + 40px)!important;
}
body.studio-theme .studio-page .studio-exact-hero .studio-exact-arrow{
  z-index:10!important;
  background:var(--studio-color-control)!important;
  border-color:var(--studio-color-border-strong)!important;
  color:var(--studio-color-text)!important;
}
body.studio-theme .studio-page :is(.studio-cine-arrow,.studio-exact-arrow):focus-visible,
body.studio-theme .studio-page :is(.studio-cine-dots,.studio-exact-dots) button:focus-visible{
  outline:2px solid var(--studio-color-link)!important;
  outline-offset:4px;
}
body.studio-theme .studio-page .studio-responsive-section:has(:is(.studio-cine-slider,.studio-exact-hero)){
  margin-block-end:0!important;
  background:var(--studio-color-canvas)!important;
}
body.studio-theme .studio-page .studio-responsive-section:has(:is(.studio-cine-slider,.studio-exact-hero))+.studio-responsive-section{
  margin-block-start:0!important;
  background-color:var(--studio-color-canvas)!important;
}
body.studio-theme .studio-page .studio-responsive-section:has(:is(.studio-cine-slider,.studio-exact-hero))+.studio-responsive-section::before{
  content:none!important;
  display:none!important;
}
@media(max-width:900px){
  body.studio-theme .studio-page :is(.studio-cine-slider,.studio-exact-hero){--studio-hero-handoff:128px}
  body.studio-theme .studio-page .studio-cine-inner{padding-block-end:calc(var(--studio-hero-handoff) + 52px)!important}
  body.studio-theme .studio-page .studio-exact-hero-in{min-height:0}
}
@media(max-width:680px){
  body.studio-theme .studio-page :is(.studio-cine-slider,.studio-exact-hero){--studio-hero-handoff:104px}
  body.studio-theme .studio-page .studio-cine-slider,
  body.studio-theme .studio-page .studio-responsive-section:first-child .studio-cine-slider{
    height:auto!important;
    min-height:500px!important;
  }
  body.studio-theme .studio-page .studio-cine-inner,
  body.studio-theme .studio-page .studio-responsive-section:first-child .studio-cine-inner{
    height:auto!important;
    min-height:500px!important;
    padding-block-start:28px!important;
    padding-block-end:calc(var(--studio-hero-handoff) + 24px)!important;
  }
  body.studio-theme .studio-page .studio-exact-hero-in{padding-block-end:calc(var(--studio-hero-handoff) + 32px)!important}
}

/* Shared signatures resolve their palette in studio-section-title-unify-v333.css. */
html[data-color-scheme="light"] body.studio-theme .studio-page .studio-mood__head>div{
  background:var(--studio-color-card)!important;
  border-color:var(--studio-color-border)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--studio-color-on-art) 65%,transparent)!important;
  color:var(--studio-color-heading)!important;
}
html[data-color-scheme="light"] body.studio-theme .studio-page :is(
  .studio-most-watched__title,.studio-section-signature,.studio-mood__head,
  .studio-heading,.studio-exact-section-head,.studio-exact-spot-head,.studio-exact-cinema-head
) h2{
  color:var(--studio-color-heading)!important;
  -webkit-text-fill-color:var(--studio-color-heading)!important;
  text-shadow:none!important;
}
html[data-color-scheme="light"] body.studio-theme .studio-page :is(
  .studio-most-watched__title small,.studio-section-signature small,
  .studio-section-signature>div>span,.studio-mood__head>div>small,
  .studio-heading>div>span,.studio-exact-section-head>div>span:not(.studio-preview-only),
  .studio-exact-spot-head>div>span,.studio-exact-cinema-head>div>span
){color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page :is(
  .studio-most-watched__title>span,.studio-section-signature__icon
),
html[data-color-scheme="light"] body.studio-theme .studio-page .studio-mood__head>div::before{
  background:color-mix(in srgb,var(--studio-color-accent) 12%,var(--studio-color-control))!important;
  border-color:var(--studio-color-border)!important;
  color:var(--studio-color-link)!important;
  box-shadow:none!important;
}
html[data-color-scheme="light"] body.studio-theme .studio-page :is(
  .studio-taste__head>p,.movie-premiere__head p,.studio-mood__head p,
  .studio-heading p,.studio-exact-spot-head p,.studio-preview-only,
  .studio-mood__result-head,.studio-mood__result-head b,.movie-premiere__controls>span,
  .movie-premiere__meter i,.movie-premiere__meter em
){color:var(--studio-color-text-muted)!important}

/* Poster titles keep their own dark artwork layers; episode captions below art
   use the page text roles instead. No artwork-wide foreground reset. */
html[data-color-scheme="light"] body.studio-theme .studio-page :is(
  .studio-cine-card.front strong,.studio-cine-next-card strong,.studio-exact-slide-copy strong,
  .studio-exact-premiere>div h3,.studio-exact-films>a>div h3,
  .studio-mood-story__copy strong,.studio-taste-lead__copy>strong,.studio-taste-card__copy>strong,
  .studio-rank-card__copy strong,.movie-premiere__copy>strong,
  .studio-hub-card__copy h3,.studio-hub-finale-card h3
){color:var(--studio-color-on-art)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page :is(
  .studio-exact-slide-copy .studio-card-secondary,.studio-exact-premiere>div p,
  .studio-exact-films>a>div p,.studio-mood-story__copy em,
  .studio-taste-lead__copy>em,.studio-taste-card__copy>em,
  .studio-rank-card__copy .studio-card-secondary,.movie-premiere__copy>em,
  .studio-hub-card__copy em,.studio-hub-finale-card p
){color:color-mix(in srgb,var(--studio-color-on-art) 80%,transparent)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .studio-exact-episode h3{color:var(--studio-color-heading)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .studio-exact-episode p{color:var(--studio-color-text-muted)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .studio-exact-episode>small{color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page :is(.studio-no-data,.studio-most-watched__empty){
  background:var(--studio-color-section)!important;
  border-color:var(--studio-color-border)!important;
  color:var(--studio-color-text-muted)!important;
}


/* source: css/studio-light-shell-v51011.css */
/* V510.11 — header branding and footer copy on configurable interface surfaces.
   Keep the original logo colours; this fixed artwork bed is light-scheme only. */
html[data-color-scheme="light"] body.studio-theme .studio-site-header .studio-exact-logo img,
html[data-color-scheme="light"] body.studio-theme .studio-exact-footer .site-footer__brand>a img{
  box-sizing:border-box;
  padding:5px 8px;
  border-radius:9px;
  background:var(--studio-color-art-scrim,#020713);
  object-fit:contain;
}



/* source: css/studio-light-ui-v51011.css */
/* News interface roles on light palettes; image captions keep their artwork scrims. */
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum{color:var(--studio-color-text)}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum :is(.news-spectrum__trends,.news-spectrum__timeline){background:var(--studio-color-card)!important;border-color:var(--studio-color-border)!important;color:var(--studio-color-text)!important;box-shadow:none}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum :is(.news-spectrum__filters button,.news-spectrum__live){background:var(--studio-color-control)!important;border-color:var(--studio-color-border)!important;color:var(--studio-color-text-secondary)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__filters button:is(:hover,:focus-visible,.is-active){background:var(--studio-color-card-hover)!important;color:var(--studio-color-link)!important;border-color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__live b{background:var(--studio-color-control)!important;color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__timeline>strong{background:var(--studio-color-control)!important;color:var(--studio-color-heading)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__timeline a{color:var(--studio-color-text-secondary)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__timeline a:is(:hover,:focus-visible) span{color:var(--studio-color-link-hover)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__timeline time{color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__trends :is(h3,a b){color:var(--studio-color-heading)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__trends :is(a small,a i){color:var(--studio-color-text-muted)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__trends :is(header span,a em,.news-spectrum__all){color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__trends a em{-webkit-text-stroke:0}
html[data-color-scheme="light"] body.studio-theme .studio-page .news-spectrum .news-spectrum__trends a{border-color:var(--studio-color-border)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .builder-news__ticker{background:var(--studio-color-card)!important;border-color:var(--studio-color-border)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .builder-news__ticker :is(strong,a){color:var(--studio-color-text)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .builder-news__ticker>strong{background:var(--studio-color-control)!important}
html[data-color-scheme="light"] body.studio-theme .studio-page .builder-news__ticker time{color:var(--studio-color-text-muted)!important}
html[data-color-scheme="light"] body.studio-theme .studio-trend-rotator .studio-trend-ticker small{color:var(--studio-color-link)!important}

/* Catalogue artwork remains dark; surrounding controls follow the selected palette. */
html[data-color-scheme="light"] body.studio-theme .cine-story :is(.cine-story-idle h3,.cine-story-reveal h3){color:var(--studio-color-on-art,#fff)!important;-webkit-text-fill-color:var(--studio-color-on-art,#fff)!important}
html[data-color-scheme="light"] body.studio-theme .cine-story :is(.cine-story-idle small,.cine-story-reveal p,.cine-story-meta){color:rgba(255,255,255,.84)!important}
html[data-color-scheme="light"] body.studio-theme .studio-site-header .studio-nav-dropdown>a:is(:hover,:focus-visible,.active){background:var(--studio-color-card-hover)!important;color:var(--studio-color-link)!important;border-color:var(--studio-color-border-strong)!important}
html[data-color-scheme="light"] body.studio-theme .premium-comparison :is(th,td){background:var(--studio-color-card)!important;border-color:var(--studio-color-border)!important;color:var(--studio-color-text)!important}
html[data-color-scheme="light"] body.studio-theme .premium-comparison thead th{background:var(--studio-color-control)!important}
html[data-color-scheme="light"] body.studio-theme .premium-comparison :is(strong,b){color:var(--studio-color-heading)!important}
html[data-color-scheme="light"] body.studio-theme .premium-comparison :is(small,td span){color:var(--studio-color-text-secondary)!important}
html[data-color-scheme="light"] body.studio-theme :is(.subscription-facts>div,.library-hub-hero aside>div){background:var(--studio-color-control)!important;border:1px solid var(--studio-color-border)!important}
html[data-color-scheme="light"] body.studio-theme :is(.subscription-facts strong,.library-hub-hero aside b,.library-hub-tabs b,.library-hub-empty h2){color:var(--studio-color-heading)!important}
html[data-color-scheme="light"] body.studio-theme :is(.subscription-facts small,.library-hub-hero aside small,.library-hub-tabs small,.library-hub-empty p){color:var(--studio-color-text-secondary)!important}
html[data-color-scheme="light"] body.studio-theme :is(.library-hub-tabs i,.library-hub-tabs em){background:var(--studio-color-control)!important;color:var(--studio-color-link)!important;border:1px solid var(--studio-color-border)}
html[data-color-scheme="light"] body.studio-theme .library-hub-empty a{background:var(--studio-color-control)!important;color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme .finance-status{background:var(--studio-color-control)!important;color:var(--studio-color-text-secondary)!important}
html[data-color-scheme="light"] body.studio-theme .finance-status:is(.approved,.completed,.active){color:var(--studio-color-success)!important;background:color-mix(in srgb,var(--studio-color-success) 10%,var(--studio-color-card))!important}
html[data-color-scheme="light"] body.studio-theme .plans-premium-page :is(h1,h2,h3,.premium-stage-card strong,.premium-plan-price strong,.premium-plan-economy b){color:var(--studio-color-heading)!important}
html[data-color-scheme="light"] body.studio-theme .plans-premium-page :is(.premium-hero-copy>p,.premium-hero-actions>span,.premium-hero-trust,.premium-stage-card span,.premium-stage-card small,.member-status-copy p,.premium-plans-intro p,.premium-plan-card header p,.premium-plan-price small,.premium-plan-economy small,.premium-plan-card ul,.premium-payment-methods p,.premium-payment-methods ul,.premium-section-heading p,.premium-benefit-grid p,.premium-faq-intro p,.premium-faq-list details p){color:var(--studio-color-text-secondary)!important}
html[data-color-scheme="light"] body.studio-theme .plans-premium-page :is(.member-plan-status>a,.premium-faq-intro a,.premium-intro-facts span){color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme :is(.library-hub-hero,.finance-panel,.finance-health,.premium-plans-hero,.premium-stage-card){box-shadow:0 10px 30px rgba(35,43,56,.08)!important}
/* Shared episode/movie download journey. */
html[data-color-scheme="light"] body.studio-theme .dl-summary{box-shadow:0 10px 30px rgba(35,43,56,.08)!important}
html[data-color-scheme="light"] body.studio-theme .dl-summary-copy{margin-top:0}
html[data-color-scheme="light"] body.studio-theme .dl-poster:after{background:linear-gradient(transparent,var(--studio-color-card))}
html[data-color-scheme="light"] body.studio-theme .dl-poster>span{color:#fff!important}
html[data-color-scheme="light"] body.studio-theme :is(.dl-progress,.dl-quality-picker>button,.dl-server-logo,.dl-server-access,.dl-episode-meta>span){background:var(--studio-color-control)!important;border-color:var(--studio-color-border)!important;color:var(--studio-color-text)!important}
html[data-color-scheme="light"] body.studio-theme .dl-progress>div{opacity:1;color:var(--studio-color-text-secondary)}
html[data-color-scheme="light"] body.studio-theme .dl-progress>div.active{color:var(--studio-color-heading)}
html[data-color-scheme="light"] body.studio-theme .dl-quality-picker>button:is(.active,:hover,:focus-visible){background:var(--studio-color-card-hover)!important;border-color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme :is(.dl-summary-copy h1,.dl-quality-picker strong,.dl-help b,.dl-episode-meta b){color:var(--studio-color-heading)!important}
html[data-color-scheme="light"] body.studio-theme :is(.dl-progress small,.dl-quality-picker span,.dl-summary-copy>p,.dl-help p){color:var(--studio-color-text-secondary)!important}
html[data-color-scheme="light"] body.studio-theme :is(.dl-quality-picker em,.dl-safety>b,.premium-plan-economy em:not(.neutral)){color:var(--studio-color-success)!important}
html[data-color-scheme="light"] body.studio-theme .premium-plan-economy em.neutral{color:var(--studio-color-text-secondary)!important}
/* The final download step uses the same light surfaces as the server picker. */
html[data-color-scheme="light"] body.studio-theme .dl-gate-card{box-shadow:0 12px 40px rgba(35,43,56,.10)!important}
html[data-color-scheme="light"] body.studio-theme :is(.dl-gate-steps,.dl-gate-top b,.dl-gate-server>i){background:var(--studio-color-control)!important;color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme .dl-gate-steps{border-bottom:1px solid var(--studio-color-border)}
html[data-color-scheme="light"] body.studio-theme .dl-gate-steps span{color:var(--studio-color-text-secondary)}
html[data-color-scheme="light"] body.studio-theme .dl-gate-steps .done{color:var(--studio-color-success)}
html[data-color-scheme="light"] body.studio-theme .dl-gate-steps i{background:var(--studio-color-card)}
html[data-color-scheme="light"] body.studio-theme .dl-gate-steps .active{color:var(--studio-color-link)}
html[data-color-scheme="light"] body.studio-theme .dl-gate-steps .active i{background:var(--studio-color-link);color:#fff}
html[data-color-scheme="light"] body.studio-theme .dl-gate-ring circle{stroke:var(--studio-color-border)}
html[data-color-scheme="light"] body.studio-theme .dl-gate-ring .progress{stroke:var(--studio-color-link)}
html[data-color-scheme="light"] body.studio-theme :is(.dl-gate h1,.dl-gate-ring strong,.dl-gate-server b){color:var(--studio-color-heading)!important}
html[data-color-scheme="light"] body.studio-theme :is(.dl-gate-ring small,.dl-gate-body>p,.dl-gate-server span,.dl-gate-note){color:var(--studio-color-text-secondary)!important}
html[data-color-scheme="light"] body.studio-theme .dl-gate-button{color:#fff!important}
html[data-color-scheme="light"] body.studio-theme .dl-gate-button.disabled{opacity:1;background:var(--studio-color-control)!important;color:var(--studio-color-text-secondary)!important;box-shadow:inset 0 0 0 1px var(--studio-color-border)}
html[data-color-scheme="light"] body.studio-theme .dl-gate-back{color:var(--studio-color-link)!important}
html[data-color-scheme="light"] body.studio-theme .dl-gate a:focus-visible{outline:3px solid var(--studio-color-link);outline-offset:4px}


/* source: css/studio-explore-menu-v510111.css */
/* 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}


/* source: css/studio-responsive-navigation-v510121.css */
/* Shared header menus: readable tablet navigation and bounded overlays. */
body.studio-theme .studio-site-header :is(.studio-tools-popover,.studio-account-popover,.studio-notification-popover,.studio-membership-popover){
  box-sizing:border-box;
  max-width:calc(100vw - 24px);
  max-height:var(--studio-overlay-available-height,calc(100dvh - 140px))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  overflow-wrap:anywhere;
}
body.studio-theme .studio-site-header :is(button,a):focus-visible{
  outline:2px solid var(--studio-color-link);
  outline-offset:2px;
}
/* Reserve navigation space before the desktop membership text can collide
   with longer translated links. The membership panel still shows every detail. */
@media(min-width:1121px) and (max-width:1380px){
  body.studio-theme .studio-site-header .studio-membership-card>button{
    width:44px!important;min-width:44px!important;height:44px!important;
    padding:0!important;justify-content:center!important;
  }
  body.studio-theme .studio-site-header :is(.studio-membership-copy,.studio-membership-card>button>em){display:none!important}
}
@media(max-width:1120px){
  body.studio-theme .studio-site-header .studio-header-nav-group>nav[data-studio-exact-nav]{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    gap:4px!important;
    padding:8px!important;
    scroll-padding-block:8px;
  }
  body.studio-theme .studio-site-header .studio-header-nav-group>nav[data-studio-exact-nav]>a,
  body.studio-theme .studio-site-header .studio-nav-parent>button{
    justify-content:space-between!important;
    text-align:start;
    min-height:44px!important;
    padding:10px 12px!important;
  }
  body.studio-theme .studio-site-header .studio-nav-dropdown a{
    min-height:44px!important;
    white-space:normal!important;
  }
  body.studio-theme .studio-site-header :is(.studio-tools-popover,.studio-account-popover,.studio-notification-popover,.studio-membership-popover){
    position:fixed!important;
    top:var(--studio-mobile-header-popover-top,120px)!important;
    inset-inline:12px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
  }
  body.studio-theme .studio-site-header .studio-notification-preview{
    max-height:none!important;
    overflow:visible!important;
  }
  body.studio-theme .studio-site-header :is(.studio-tools-trigger,.studio-notification-trigger,.studio-exact-square,.studio-account-button,.studio-membership-card>button){
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    touch-action:manipulation;
  }
  body.studio-theme .studio-site-header .studio-membership-card>button{justify-content:center!important}
  body.studio-theme .studio-site-header .studio-guest-login-button>b{display:none!important}
  body.studio-theme .studio-site-header :is(.studio-membership-copy,.studio-membership-card>button>em){display:none!important}
}
@media(min-width:601px) and (max-width:1120px){
  body.studio-theme .studio-site-header .studio-header-nav-group>nav[data-studio-exact-nav],
  body.studio-theme .studio-site-header :is(.studio-tools-popover,.studio-account-popover,.studio-notification-popover,.studio-membership-popover){
    inset-inline-start:auto!important;
    inset-inline-end:12px!important;
    width:min(540px,calc(100% - 24px))!important;
  }
}
/* Compact phones: logo, search and menu; account shortcuts live together. */
.studio-compact-shortcuts,.studio-compact-shortcut-label{display:none}
@media(max-width:600px){
  body.studio-theme .studio-site-header,
  body.studio-theme .studio-site-header.is-scrolled{height:68px!important;min-height:68px!important}
  body.studio-theme .studio-site-header .studio-exact-head{
    display:flex!important;width:calc(100% - 24px)!important;height:68px!important;
    gap:12px!important;padding-block:0;justify-content:space-between;
  }
  body.studio-theme .studio-site-header .studio-header-nav-group{width:auto;min-width:0;flex:1}
  body.studio-theme .studio-site-header .studio-exact-logo img{width:112px;height:36px;object-fit:contain}
  body.studio-theme .studio-site-header .studio-exact-actions{
    width:auto;min-width:0!important;margin-inline:0!important;gap:8px!important;flex:none;
  }
  body.studio-theme .studio-site-header:has([data-notification-badge]:not([hidden])) [data-studio-menu]::after{
    content:"";position:absolute;inset-block-start:4px;inset-inline-end:4px;
    width:7px;height:7px;border-radius:50%;background:var(--studio-color-accent);
    box-shadow:0 0 0 2px var(--studio-component-control-bg);
  }
  body.studio-theme .studio-site-header .studio-compact-shortcuts{
    display:grid;grid-template-columns:repeat(var(--studio-shortcut-count,4),minmax(0,1fr));
    position:fixed;top:calc(var(--studio-mobile-header-popover-top) + 69px);inset-inline:24px;
    height:78px;box-sizing:border-box;padding:4px 6px;gap:4px;
    visibility:hidden;pointer-events:none;z-index:350;
    border:0;border-radius:0;
  }
  body.studio-theme .studio-site-header:has([data-studio-exact-nav].is-open) .studio-compact-shortcuts{
    visibility:visible;pointer-events:auto;
    background:transparent;
  }
  body.studio-theme .studio-site-header .studio-compact-shortcuts>:is(div,form){display:flex!important;justify-content:center;align-items:flex-start!important;align-self:stretch!important;justify-self:stretch!important;width:auto!important;height:auto!important;position:relative;min-width:0}
  body.studio-theme .studio-site-header .studio-compact-shortcuts>:is(div,form)>button{position:relative;margin:0}
  body.studio-theme .studio-site-header .studio-compact-shortcuts>:is(div,form)>button,
  body.studio-theme .studio-site-header .studio-compact-shortcuts>:is(div,form)>button *{visibility:inherit!important}
  body.studio-theme .studio-site-header .studio-compact-shortcut-label{
    display:block;position:absolute;top:48px;inset-inline:0;transform:none!important;text-align:center;
    width:100%!important;max-width:none;height:auto!important;min-height:0!important;
    padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    font:600 11px/1.4 var(--studio-font-family-ui)!important;
    color:var(--studio-color-text)!important;white-space:nowrap;
  }
  body.studio-theme .studio-site-header .studio-compact-shortcuts [class*="popover"].is-open{visibility:visible;pointer-events:auto}
  body.studio-theme .studio-site-header .studio-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.studio-theme .studio-site-header .studio-tools-grid>a{grid-template-columns:minmax(0,1fr);align-content:start}
}
@media(prefers-reduced-motion:reduce){
  body.studio-theme .studio-site-header :is(.studio-nav-dropdown,.studio-tools-popover,.studio-account-popover,.studio-notification-popover,.studio-membership-popover){animation:none!important;transition:none!important}
}

/* Community pages share the same fixed-header clearance as the catalog. */
body.studio-theme .cs-shell{padding-top:var(--studio-page-clearance,116px)!important}
body.studio-theme .studio-forum-page .section-head{flex-wrap:wrap;gap:12px}
body.studio-theme .studio-forum-page .section-head>div{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
body.studio-theme .studio-forum-page :is(input,textarea,select){box-sizing:border-box;min-width:0;max-width:100%}
@media(max-width:520px){
  body.studio-theme :is(.studio-forum-page,.cs-shell) :is(input,textarea,select){font-size:16px}
  body.studio-theme .cs-room-card footer{flex-wrap:wrap;gap:8px}
}

@media(max-width:1120px){
  body.studio-theme .studio-site-header [data-studio-exact-nav]>a::before,
  body.studio-theme .studio-site-header [data-studio-exact-nav]>a::after{display:none!important}
}

/* Contain the hidden admin drawer's entrance transform on narrow watch pages. */
.a2-control-drawer{overflow:clip}

/* Compact navigation is a single bounded panel. Its original menu nodes are
   restored on desktop, so admin visibility, links and event handlers stay shared. */
.studio-compact-only,.studio-compact-icon{display:none}
.studio-navigation-backdrop[hidden]{display:none}
@media(max-width:1120px){
  html.studio-mobile-nav-open{overflow:hidden}
  .studio-navigation-backdrop{
    position:fixed;inset:var(--studio-mobile-header-popover-top,118px) 0 0;
    z-index:300;background:rgb(2 8 18 / .48);
  }
  body.studio-theme .studio-site-header .studio-header-nav-group>nav.studio-navigation-enhanced{
    top:var(--studio-mobile-header-popover-top)!important;
    max-height:calc(100dvh - var(--studio-mobile-header-popover-top) - 12px)!important;
    padding:0!important;gap:0!important;z-index:340!important;
    overflow:hidden!important;border:1px solid var(--studio-component-dialog-border)!important;
    border-radius:22px!important;background:var(--studio-component-dialog-bg)!important;
    box-shadow:0 22px 60px rgb(0 0 0 / .3)!important;
    font-family:var(--studio-font-family-ui);text-align:start;
  }
  body.studio-theme .studio-navigation-enhanced>.studio-explore{display:none!important}
  .studio-navigation-frame{display:flex;flex-direction:column;min-height:0;max-height:inherit;width:100%;min-width:0}
  .studio-navigation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;box-sizing:border-box;padding:10px 16px;flex:none}
  .studio-navigation-intro{display:grid;gap:2px;min-width:0}
  .studio-navigation-intro strong{font-size:18px!important;font-weight:850!important;line-height:1.4;color:var(--studio-color-heading)}
  .studio-navigation-intro small{font-size:11px!important;line-height:1.5;color:var(--studio-color-text-muted)}
  body.studio-theme .studio-navigation-close{
    width:44px;height:44px;flex:none;border:1px solid var(--studio-component-control-border);
    border-radius:50%;background:var(--studio-component-control-bg);color:var(--studio-color-text);font:28px/1 sans-serif;cursor:pointer;
  }
  .studio-navigation-tabs{display:flex;gap:2px;flex:none;padding:4px;margin:0 12px 10px;border-radius:12px;background:var(--studio-component-control-bg);border:1px solid var(--studio-component-control-border)}
  body.studio-theme .studio-navigation-tab{
    min-width:0;flex:1;min-height:44px;padding:7px 3px;border:0;border-radius:9px;
    font:700 12px/1.5 var(--studio-font-family-ui);white-space:nowrap;
    color:var(--studio-color-text-secondary);background:transparent;cursor:pointer;
  }
  body.studio-theme .studio-navigation-tab[aria-selected="true"]{background:var(--studio-color-accent);color:var(--studio-color-on-accent,#06101d);box-shadow:0 2px 8px rgb(0 0 0 / .12)}
  .studio-navigation-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:2px 14px max(14px,env(safe-area-inset-bottom));scroll-padding:10px;scrollbar-width:thin}
  .studio-navigation-panel{display:grid;gap:16px;min-width:0}
  .studio-navigation-panel[hidden]{display:none!important}
  .studio-navigation-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}
  body.studio-theme .studio-navigation-categories>.studio-compact-category{min-width:0;width:auto;height:auto;margin:0!important}
  body.studio-theme .studio-navigation-categories>:is(a,.studio-nav-parent)>button,
  body.studio-theme .studio-navigation-categories>a{
    display:flex!important;align-items:center;justify-content:flex-start!important;flex-direction:row;gap:6px!important;
    position:relative;width:100%;min-height:54px!important;height:auto!important;box-sizing:border-box;
    border:1px solid var(--studio-component-card-border)!important;border-radius:14px!important;
    padding:9px 6px!important;background:var(--studio-component-card-bg)!important;color:var(--studio-color-text)!important;
    font:750 14px/1.5 var(--studio-font-family-ui)!important;text-align:start;white-space:normal!important;
  }
  body.studio-theme .studio-navigation-categories .studio-compact-icon{display:grid;place-items:center;width:20px;height:24px;flex:none;color:var(--studio-color-link)}
  .studio-compact-icon svg{width:20px;height:20px}
  body.studio-theme .studio-navigation-categories :is(a,button)>span:not(.studio-compact-icon){min-width:0;max-width:100%;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  body.studio-theme .studio-navigation-categories>.studio-nav-parent>button>i{
    position:relative;display:grid;place-items:center;margin-inline-start:auto;flex:none;
    width:20px;height:20px;border:1px solid var(--studio-component-control-border)!important;border-radius:6px;
    background:var(--studio-component-control-bg);color:var(--studio-color-link);transform:none!important;
  }
  .studio-navigation-categories>.studio-nav-parent>button>i::after{
    content:"";width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;
    transform:translateY(-2px) rotate(45deg);transition:transform .18s ease;
  }
  body.studio-theme .studio-navigation-categories>.studio-nav-parent.is-open>button>i{background:var(--studio-color-accent);color:var(--studio-color-on-accent);border-color:transparent!important}
  .studio-navigation-categories>.studio-nav-parent.is-open>button>i::after{transform:translateY(2px) rotate(225deg)}
  body.studio-theme .studio-navigation-categories>.studio-nav-parent.is-open{grid-column:1/-1}
  body.studio-theme .studio-navigation-categories>.studio-nav-parent.is-open>button{border-color:var(--studio-color-link)!important;border-radius:14px 14px 0 0!important;background:var(--studio-component-control-bg)!important}
  body.studio-theme .studio-navigation-categories .studio-nav-dropdown{position:static!important;max-height:none!important;overflow:visible!important;margin:0!important;width:auto!important;border-radius:0 0 14px 14px!important;padding:6px!important;box-shadow:none!important;backdrop-filter:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  body.studio-theme .studio-navigation-categories .studio-nav-dropdown>a{min-height:44px!important;font-size:13px!important;padding:8px!important;gap:8px;min-width:0}
  body.studio-theme .studio-navigation-categories .studio-nav-all{grid-column:1/-1}
  body.studio-theme .studio-navigation-categories :is(a,button)::before,
  body.studio-theme .studio-navigation-categories :is(a,button)::after,
  body.studio-theme .studio-navigation-categories .studio-nav-dropdown::before,
  body.studio-theme .studio-navigation-categories .studio-nav-dropdown::after{display:none!important}
  body.studio-theme .studio-navigation-categories>a.active,
  body.studio-theme .studio-navigation-categories>.active>button{border-color:var(--studio-color-link)!important}
  body.studio-theme .studio-navigation-panel .studio-explore-group{display:block!important;min-width:0;padding:0!important;border:0!important;margin:0!important}
  body.studio-theme .studio-navigation-panel .studio-explore-heading{padding:0!important;margin:2px 0 10px!important;font-size:12px!important;gap:7px!important}
  body.studio-theme .studio-navigation-panel .studio-explore-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
  body.studio-theme .studio-navigation-panel .studio-explore-link{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
    min-width:0;min-height:54px!important;padding:10px!important;border-radius:12px!important;
    border:1px solid var(--studio-component-card-border)!important;background:var(--studio-component-card-bg)!important;
  }
  body.studio-theme .studio-navigation-panel .studio-explore-icon{width:20px!important;height:24px!important;flex:none;background:none!important}
  body.studio-theme .studio-navigation-panel .studio-explore-copy{min-width:0}
  body.studio-theme .studio-navigation-panel .studio-explore-copy strong{font-size:13px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere}
  body.studio-theme .studio-navigation-panel .studio-explore-copy small{display:none!important}
  body.studio-theme .studio-navigation-panel .studio-explore-link:hover,
  body.studio-theme .studio-navigation-panel .studio-explore-link.active,
  body.studio-theme .studio-navigation-categories>:is(a,.studio-nav-parent)>button:hover,
  body.studio-theme .studio-navigation-categories>a:hover{background:var(--studio-component-control-bg)!important;border-color:var(--studio-color-link)!important}

}
@media(max-width:600px){
  body.studio-theme .studio-site-header .studio-navigation-frame>.studio-compact-shortcuts{
    position:static;inset:auto;width:auto;margin:0 12px 2px;height:78px;flex:none;
  }
  body.studio-theme .studio-navigation-panel [data-explore-group="membership"] .studio-explore-links{grid-template-columns:minmax(0,1fr)}
  body.studio-theme .studio-site-header .studio-header-nav-group>nav.studio-navigation-enhanced{inset-inline:12px!important}
}
/* On small phones give labels room instead of reducing their type size. */
@media(max-width:480px){
  .studio-navigation-categories,
  body.studio-theme .studio-navigation-panel .studio-explore-links{grid-template-columns:minmax(0,1fr)}
  body.studio-theme .studio-navigation-categories>a,
  body.studio-theme .studio-navigation-categories>.studio-nav-parent>button{gap:10px!important;padding:9px 12px!important}
  body.studio-theme .studio-navigation-categories :is(a,button)>span:not(.studio-compact-icon){white-space:normal!important;overflow:visible;overflow-wrap:anywhere}
  body.studio-theme .studio-navigation-categories .studio-nav-dropdown{grid-template-columns:minmax(0,1fr)!important}
}

@media(prefers-reduced-motion:reduce){.studio-navigation-categories>.studio-nav-parent>button>i::after{transition:none}}

@media(max-width:1120px) and (max-height:480px){
  body.studio-theme .studio-site-header .studio-header-nav-group>nav.studio-navigation-enhanced{overflow-y:auto!important}
  .studio-navigation-frame{max-height:none}
  .studio-navigation-scroll{overflow:visible;flex:none}
}