body.vivid-discovery-page{background:#06070a;color:#f5f7fa;min-height:100dvh}.vivid-discovery-app{min-height:100dvh}.vivid-discovery-nav{position:sticky;top:0;z-index:1000;min-height:72px;padding:10px var(--vivid-page-gutter);display:flex;align-items:center;gap:24px;background:rgba(7,8,11,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.08)}.vivid-discovery-nav nav{display:flex;gap:4px} .vivid-discovery-nav nav a{color:#9da3ad;text-decoration:none;padding:10px 12px;border-radius:12px;font-size:.88rem;display:inline-flex;align-items:center;gap:7px}
.vivid-discovery-nav nav a i{font-size:.92rem;line-height:1}.vivid-discovery-nav nav a:hover,.vivid-discovery-nav nav a.is-active{color:#fff;background:rgba(255,255,255,.07)}.vivid-discovery-nav .vivid-nav-action{margin-left:auto}.vivid-discovery-main{width:min(1440px,100%);margin:auto;padding:clamp(42px,7vw,90px) var(--vivid-page-gutter) 20px}.vivid-discovery-intro{display:grid;grid-template-columns:1fr minmax(280px,460px);align-items:end;gap:30px;margin-bottom:30px}.vivid-discovery-kicker{font-size:.72rem;letter-spacing:.18em;color:#8d949f}.vivid-discovery-intro h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.95;letter-spacing:-.055em;margin:8px 0 14px}.vivid-discovery-intro p{color:#858c97;margin:0}.vivid-discovery-search{position:relative}.vivid-discovery-search i{position:absolute;left:18px;top:15px;color:#8e959f}.vivid-discovery-search input{width:100%;height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff;padding:0 48px;outline:0;font:inherit}.vivid-discovery-search input:focus{border-color:rgba(255,255,255,.32);box-shadow:0 0 0 3px rgba(255,255,255,.06)}.vivid-discovery-search button{position:absolute;right:7px;top:7px;width:36px;height:36px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff}.vivid-filter-panel{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);margin-bottom:36px}.vivid-filter-row{display:flex;gap:9px;align-items:end;flex-wrap:wrap}.vivid-filter-row+.vivid-filter-row{margin-top:12px}.vivid-type-row button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#aeb4bd;border-radius:999px;padding:9px 16px;min-height:40px;cursor:pointer}.vivid-type-row button.is-active{background:#f5f7fa;color:#08090c}.vivid-filter-row label{display:flex;flex-direction:column;gap:6px;color:#8d949f;font-size:.72rem;min-width:140px;flex:1}.vivid-filter-row select{height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(8,10,14,.8);color:#fff;padding:0 12px;outline:0}.vivid-filter-reset{height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;padding:0 16px;cursor:pointer}.vivid-discovery-modes{margin-top:14px;display:flex;flex-direction:column;gap:14px}.vivid-mode-group{display:flex;flex-direction:column;gap:8px}.vivid-mode-strip{display:flex;flex-wrap:wrap;gap:8px}.vivid-mode-chip{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#aeb4bd;border-radius:999px;padding:8px 14px;min-height:36px;cursor:pointer;font:inherit;font-size:.8rem}.vivid-mode-chip.is-active{background:#f5f7fa;color:#08090c}.vivid-provider-filter{margin-top:16px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}.vivid-provider-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:11px}.vivid-provider-heading span{font-size:.68rem;letter-spacing:.14em;color:#8d949f}.vivid-provider-heading small{color:#5f6671;font-size:.7rem}.vivid-provider-strip{display:flex;flex-wrap:wrap;gap:8px}.vivid-provider-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#c9cdd4;border-radius:14px;padding:8px 12px;min-height:42px;cursor:pointer;font:inherit;font-size:.78rem}.vivid-provider-chip.is-active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff}.vivid-provider-chip img,.vivid-provider-logo{width:22px;height:22px;border-radius:6px;object-fit:contain}.vivid-provider-name{font-size:.78rem}.vivid-provider-all-icon{display:inline-grid;place-items:center;width:22px;height:22px}.vivid-results-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:8px 0 18px}.vivid-results-head span{font-size:.7rem;letter-spacing:.14em;color:#8d949f}.vivid-results-head h2{margin:6px 0 0;font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.03em}.vivid-discovery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.vivid-discovery-card{color:inherit;text-decoration:none}.vivid-discovery-poster{position:relative;aspect-ratio:2/3;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#101217}.vivid-discovery-poster img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.vivid-discovery-card:hover .vivid-discovery-poster img{transform:scale(1.035)}.vivid-discovery-rating{position:absolute;right:8px;top:8px;padding:5px 7px;border-radius:999px;background:rgba(5,6,8,.72);backdrop-filter:blur(12px);font-size:.68rem}.vivid-discovery-copy{padding:9px 2px 4px}.vivid-discovery-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}.vivid-discovery-copy small{display:block;color:#747b86;margin-top:4px}.vivid-discovery-skeleton{aspect-ratio:2/3;border-radius:16px;background:linear-gradient(100deg,#101217 25%,#1a1d23 40%,#101217 60%);background-size:300% 100%;animation:vivid-discovery-shimmer 1.4s infinite}@keyframes vivid-discovery-shimmer{to{background-position:-300% 0}}.vivid-discovery-empty,.vivid-discovery-error{text-align:center;padding:90px 20px;color:#858c97}.vivid-discovery-empty i,.vivid-discovery-error i{font-size:2rem;color:#c6cad1}.vivid-discovery-empty h2,.vivid-discovery-error h2{color:#fff;margin:14px 0 8px}.vivid-discovery-error button{margin-top:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:12px;padding:10px 16px;cursor:pointer}.vivid-pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:36px 0 10px}.vivid-pagination button{min-height:42px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;border-radius:12px;padding:0 15px;cursor:pointer}.vivid-pagination button:disabled{opacity:.35;cursor:not-allowed}.vivid-pagination span{min-width:70px;text-align:center;color:#8c939e;font-size:.8rem}@media(max-width:1100px){.vivid-discovery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:800px){.vivid-discovery-intro{grid-template-columns:1fr}.vivid-discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.vivid-discovery-nav nav{display:none}}@media(max-width:560px){.vivid-discovery-main{padding-top:30px}.vivid-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vivid-discovery-intro h1{font-size:2.7rem}.vivid-filter-row label{flex-basis:100%}.vivid-pagination{gap:10px}.vivid-pagination button{padding:0 10px}.vivid-discovery-copy strong{font-size:.82rem}}@media(prefers-reduced-motion:reduce){.vivid-discovery-poster img,.vivid-discovery-skeleton{transition:none;animation:none}}

.vivid-collection-explorer{margin-bottom:28px}.vivid-collection-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.vivid-collection-heading h2{margin:6px 0 0;font-size:clamp(1.2rem,2vw,1.6rem)}.vivid-collection-heading p{color:#7f858f;margin:0;font-size:.85rem}.vivid-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.vivid-collection-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04);color:inherit;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.vivid-collection-card:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);transform:translateY(-2px)}.vivid-collection-card-kicker{font-size:.65rem;letter-spacing:.14em;color:#8d949f}.vivid-collection-card-arrow{margin-left:auto;opacity:.5}

.vivid-discovery-page .vivid-filter-panel{
  position:relative;
  top:auto;
  z-index:1;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.vivid-discovery-page .vivid-discovery-grid{row-gap:28px}
.vivid-discovery-page .vivid-discovery-card{
  position:relative;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s ease;
}
.vivid-discovery-page .vivid-discovery-poster{
  box-shadow:0 14px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06);
  transition:box-shadow .35s ease,border-color .35s ease;
}
.vivid-discovery-page .vivid-discovery-poster::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.08) 50%,transparent 62%);
  background-size:220% 100%;
  background-position:-130% 0;
  transition:background-position .65s ease;
}
@media (hover:hover) and (pointer:fine){
  .vivid-discovery-page .vivid-discovery-card:hover{
    z-index:4;
    transform:translateY(-8px) scale(1.025);
  }
  .vivid-discovery-page .vivid-discovery-card:hover .vivid-discovery-poster{
    box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.14);
    border-color:rgba(255,255,255,.16);
  }
  .vivid-discovery-page .vivid-discovery-card:hover .vivid-discovery-poster::after{
    background-position:130% 0;
  }
}
@media(max-width:800px){
  .vivid-discovery-page .vivid-discovery-intro{min-height:0}
  .vivid-discovery-page .vivid-filter-panel{position:relative;top:auto}
}
@media(prefers-reduced-motion:reduce){
  .vivid-discovery-page .vivid-discovery-card,
  .vivid-discovery-page .vivid-discovery-poster,
  .vivid-discovery-page .vivid-discovery-poster::after{transition:none;transform:none}
}

.vivid-provider-strip{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  padding:.2rem .15rem .65rem;
  cursor:grab;
}
.vivid-provider-strip:active{cursor:grabbing}
.vivid-provider-strip > *{flex:0 0 auto}
@media (min-width:769px){
  .vivid-provider-strip{
    scrollbar-width:auto;
    min-height:3.25rem;
  }
}


/* Shared navigation + density polish */
.vivid-discovery-nav{
  width:100%;
  box-sizing:border-box;
  padding-inline:var(--vivid-page-gutter);
}
.vivid-discovery-nav nav{flex-wrap:nowrap}
.vivid-discovery-nav nav a{white-space:nowrap}
.vivid-discovery-page .vivid-discovery-card{transition:opacity .2s ease}
.vivid-discovery-page .vivid-discovery-card:hover{transform:none!important}
@media(max-width:640px){
  .vivid-discovery-main{padding-left:12px;padding-right:12px}
  .vivid-discovery-grid{gap:10px}
}


/* Shared page chrome: discovery controls follow the same material system. */
body.vivid-discovery-page .vivid-discovery-nav{
  min-height:68px;
  padding-block:9px;
  background:var(--vivid-material)!important;
  border-color:var(--vivid-border)!important;
  box-shadow:0 10px 36px rgba(0,0,0,.16),inset 0 1px 0 var(--vivid-highlight);
}
body.vivid-discovery-page .vivid-discovery-nav nav a{
  border:1px solid transparent;
  transition:background var(--vivid-duration-ui) var(--vivid-motion),color var(--vivid-duration-ui) ease,border-color var(--vivid-duration-ui) ease;
}
body.vivid-discovery-page .vivid-discovery-nav nav a:hover,
body.vivid-discovery-page .vivid-discovery-nav nav a.is-active{
  border-color:var(--vivid-border);
}
body.vivid-discovery-page .vivid-discovery-main{
  width:min(var(--vivid-content-width),100%);
}
@media(max-width:800px){
  body.vivid-discovery-page .vivid-discovery-nav{
    gap:10px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  body.vivid-discovery-page .vivid-discovery-nav::-webkit-scrollbar{display:none}
  body.vivid-discovery-page .vivid-discovery-nav nav{
    flex:0 0 auto;
  }
}
html[data-vivid-theme="light"] body.vivid-discovery-page{
  background:var(--vivid-bg);
  color:var(--vivid-text);
}
html[data-vivid-theme="light"] body.vivid-discovery-page .vivid-discovery-nav nav a{
  color:var(--vivid-text-muted);
}
html[data-vivid-theme="light"] body.vivid-discovery-page .vivid-discovery-nav nav a:hover,
html[data-vivid-theme="light"] body.vivid-discovery-page .vivid-discovery-nav nav a.is-active{
  color:var(--vivid-text);
  background:rgba(20,28,40,.07);
}


/* Mobile navigation must remain available; it scrolls instead of disappearing. */
@media(max-width:800px){
  body.vivid-discovery-page .vivid-discovery-nav{
    overflow:hidden;
    padding-inline:12px;
  }
  body.vivid-discovery-page .vivid-discovery-nav > nav{
    display:flex;
    flex:1 1 auto;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    gap:4px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    touch-action:pan-x;
  }
  body.vivid-discovery-page .vivid-discovery-nav > nav::-webkit-scrollbar{display:none}
  body.vivid-discovery-page .vivid-discovery-nav > nav a{
    flex:0 0 auto;
    min-width:44px;
    min-height:44px;
    box-sizing:border-box;
    justify-content:center;
    padding:9px 11px;
  }
  body.vivid-discovery-page .vivid-discovery-nav > nav a:focus-visible{
    outline:2px solid rgba(255,255,255,.72);
    outline-offset:2px;
  }
}

/* Filter tabs/chips remain finger-friendly and never force the page sideways. */
.vivid-type-row,
.vivid-mode-strip,
.vivid-provider-strip{
  max-width:100%;
}
.vivid-type-row button,
.vivid-mode-chip,
.vivid-provider-chip,
.vivid-filter-reset{
  min-height:44px;
}
@media(max-width:560px){
  .vivid-type-row{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
    touch-action:pan-x;
  }
  .vivid-type-row::-webkit-scrollbar{display:none}
  .vivid-type-row button{flex:0 0 auto}
  .vivid-mode-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;touch-action:pan-x}
  .vivid-mode-strip::-webkit-scrollbar{display:none}
  .vivid-mode-chip{flex:0 0 auto}
  .vivid-filter-row select,
  .vivid-filter-reset{min-height:44px}
}

/* Discover density pass — fewer words, clearer controls, stronger provider logos. */
.vivid-discovery-page .vivid-discovery-intro{margin-bottom:24px}
.vivid-discovery-page .vivid-discovery-intro p{font-size:.92rem}
.vivid-discovery-page .vivid-filter-panel{padding:16px;margin-bottom:30px}
.vivid-discovery-page .vivid-filter-row label{min-width:120px}
.vivid-discovery-page .vivid-provider-heading{margin-bottom:12px}
.vivid-discovery-page .vivid-provider-heading span{font-size:.7rem;color:#b7bdc7}
.vivid-discovery-page .vivid-provider-heading small{font-size:.72rem;color:#747b86}
.vivid-discovery-page .vivid-provider-chip{min-height:54px;padding:7px 12px;border-radius:14px;gap:10px}
.vivid-discovery-page .vivid-provider-logo,
.vivid-discovery-page .vivid-provider-chip img,
.vivid-discovery-page .vivid-provider-all-icon{width:32px;height:32px;border-radius:8px}
.vivid-discovery-page .vivid-provider-chip img{object-fit:contain;background:rgba(255,255,255,.06);padding:3px;box-sizing:border-box}
.vivid-discovery-page .vivid-provider-name{font-size:.78rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:560px){
  .vivid-discovery-page .vivid-discovery-intro h1{font-size:2.45rem}
  .vivid-discovery-page .vivid-filter-panel{padding:12px}
  .vivid-discovery-page .vivid-provider-chip{min-height:52px;padding:7px 10px}
  .vivid-discovery-page .vivid-provider-logo,
  .vivid-discovery-page .vivid-provider-chip img,
  .vivid-discovery-page .vivid-provider-all-icon{width:30px;height:30px}
}



/* Browse categories — cinematic, image-backed, Apple TV-style two-column tiles. */
.vivid-browse-landing .vivid-discovery-main{padding-left:16px;padding-right:16px}
.vivid-browse-categories{margin:8px 0 70px}
.vivid-browse-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.vivid-browse-title-row h2{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:700;letter-spacing:-.04em;margin:7px 0 6px}
.vivid-browse-title-row p{margin:0;color:#8E8E93;font-size:13px}
.vivid-browse-category-group{margin-top:44px}
.vivid-browse-category-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}
.vivid-browse-category-head h2{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif;margin:6px 0 0;font-size:20px;font-weight:700;letter-spacing:-.02em}
.vivid-browse-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vivid-browse-category-card{position:relative;isolation:isolate;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#15161a;color:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.18);transform:translateZ(0)}
.vivid-browse-category-media{position:absolute;inset:0;display:block;background:linear-gradient(145deg,#202228,#0c0d10)}
.vivid-browse-category-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.8) 100%);z-index:1}
.vivid-browse-category-media img{width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity .35s ease,transform .55s ease}
.vivid-browse-category-card.has-image .vivid-browse-category-media img{opacity:1}
.vivid-browse-category-copy{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;display:block;pointer-events:none}
.vivid-browse-category-copy strong{display:block;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif;font-size:clamp(20px,5vw,24px);line-height:1.08;font-weight:700;letter-spacing:-.025em;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.vivid-browse-category-card:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .vivid-browse-category-card:hover .vivid-browse-category-media img{transform:scale(1.035)}
}
.vivid-browse-results-shell{padding-top:8px}
.vivid-browse-results-back{display:inline-flex;align-items:center;gap:7px;color:#aab1bb;text-decoration:none;font-size:.8rem;margin-bottom:24px}
.vivid-browse-results-back:hover{color:#fff}
.vivid-browse-results-shell[hidden],.vivid-browse-categories[hidden]{display:none!important}
.vivid-browse-landing .vivid-page-back{display:none}
@media(max-width:800px){
  /* Apple TV-style Browse landing: cinematic category tiles. */
.vivid-browse-categories{margin:8px 0 70px}
.vivid-browse-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.vivid-browse-title-row h2{font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.04em;margin:7px 0 6px}
.vivid-browse-title-row p{margin:0;color:#7f8792;font-size:.9rem}
.vivid-browse-category-group{margin-top:44px}
.vivid-browse-category-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.vivid-browse-category-head h2{margin:6px 0 0;font-size:clamp(1.15rem,2vw,1.55rem);letter-spacing:-.025em}
.vivid-browse-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vivid-browse-category-card{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:14px;color:#fff;text-decoration:none;background:#11141a;isolation:isolate}
.vivid-browse-category-image{position:absolute;inset:0;z-index:-2;background:linear-gradient(145deg,#171a20,#0b0d11);background-position:center;background-size:cover;transition:transform .45s ease}
.vivid-browse-category-gradient{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.8) 100%);pointer-events:none}
.vivid-browse-category-copy{position:absolute;left:12px;right:12px;bottom:12px;z-index:2}
.vivid-browse-category-copy strong{display:block;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif;font-weight:700;font-size:clamp(20px,5vw,24px);line-height:1.05;letter-spacing:-.025em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.vivid-browse-category-card:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.vivid-browse-category-card:hover .vivid-browse-category-image{transform:scale(1.035)}}
.vivid-browse-results-shell{padding-top:8px}
.vivid-browse-results-back{display:inline-flex;align-items:center;gap:7px;color:#aab1bb;text-decoration:none;font-size:.8rem;margin-bottom:24px}
.vivid-browse-results-back:hover{color:#fff}
.vivid-browse-results-shell[hidden],.vivid-browse-categories[hidden]{display:none!important}
.vivid-browse-landing .vivid-page-back{display:none}
@media(max-width:640px){.vivid-discovery-main{padding-left:16px;padding-right:16px}.vivid-browse-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vivid-browse-category-card{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.vivid-browse-category-image{transition:none}}


/* Intentional Browse rhythm: separate discovery, filters, and results into clear stages. */
.vivid-discovery-page .vivid-discovery-main {
  padding-bottom: clamp(40px, 6vw, 80px);
}
.vivid-discovery-page .vivid-discovery-intro {
  margin-bottom: clamp(28px, 4vw, 52px);
}
.vivid-discovery-page .vivid-discovery-intro h1 {
  text-wrap: balance;
}
.vivid-discovery-page .vivid-browse-categories {
  margin-bottom: clamp(42px, 6vw, 76px);
}
.vivid-discovery-page .vivid-browse-title-row {
  margin-bottom: clamp(18px, 2.5vw, 28px);
}
.vivid-discovery-page .vivid-browse-category-group + .vivid-browse-category-group {
  margin-top: clamp(30px, 4vw, 46px);
  padding-top: clamp(22px, 3vw, 32px);
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.vivid-discovery-page .vivid-filter-panel {
  gap: 18px;
}
.vivid-discovery-page .vivid-results-head {
  gap: 16px;
  align-items: end;
}
.vivid-discovery-page .vivid-results-head h2 {
  text-wrap: balance;
}
.vivid-discovery-page .vivid-discovery-grid:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.65);
  outline-offset: 5px;
}
@media (max-width: 800px) {
  .vivid-discovery-page .vivid-browse-category-group + .vivid-browse-category-group {
    margin-top: 28px;
    padding-top: 22px;
    border-top-color: rgba(255, 255, 255, 0.055);
  }
  .vivid-discovery-page .vivid-filter-panel {
    gap: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vivid-discovery-page .vivid-browse-category-card,
  .vivid-discovery-page .vivid-browse-category-media img,
  .vivid-discovery-page .vivid-browse-category-image {
    transition: none !important;
  }
}


/* Keep pagination close to the final poster row on both desktop and mobile. */
.vivid-discovery-page .vivid-discovery-results .vivid-discovery-grid {
  row-gap: 18px;
}
.vivid-discovery-page .vivid-pagination {
  margin-top: 0;
  padding: 16px 0 8px;
}
@media (max-width: 560px) {
  .vivid-discovery-page .vivid-discovery-results .vivid-discovery-grid {
    row-gap: 14px;
  }
  .vivid-discovery-page .vivid-pagination {
    padding-top: 12px;
  }
}


/* Editorial accents for discovery controls; preserve the existing responsive grid. */
.vivid-discovery-page .vivid-discovery-intro h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.05em}
.vivid-discovery-page :where(.vivid-discovery-kicker,.vivid-filter-panel>label){color:#c7ff55}
.vivid-discovery-page .vivid-discovery-search input:focus{border-color:rgba(199,255,85,.5);box-shadow:0 0 0 3px rgba(199,255,85,.09)}
.vivid-discovery-page :where(.vivid-discovery-nav nav a.is-active,.vivid-filter-chip.is-active,.vivid-filter-button.is-active){border-color:rgba(199,255,85,.32);color:#c7ff55}