/* AI video discovery; scoped to preserve comic, checkout and player styles. */
.vd-feature,.vd-library{--vd-accent:#e4ce8d;--vd-muted:#b9bdaf;--vd-line:#3d4238;color:#f3f1e9}
.vd-feature{padding-top:24px;padding-bottom:32px}.vd-library{padding-top:34px;padding-bottom:72px}
.vd-feature a,.vd-library a{color:inherit;text-decoration:none}
.vd-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.vd-eyebrow{display:block;color:var(--vd-accent);font-size:11px;font-weight:600;letter-spacing:.14em;margin-bottom:9px}
.vd-section-head h1,.vd-section-head h2{font-size:clamp(25px,3vw,34px);line-height:1.3;margin:0;letter-spacing:-.025em}
.vd-muted{color:var(--vd-muted);font-size:14px;margin:10px 0 0}
.vd-feature .vd-more,.vd-library .vd-more{color:var(--vd-accent);font-size:13px;min-height:44px;display:inline-flex;align-items:center;gap:10px}
.vd-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,32%);position:relative;isolation:isolate;background:#1d211b;border-radius:12px;overflow:hidden;min-height:400px}
.vd-hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:blur(14px);transform:scale(1.08);opacity:.65;z-index:-2;pointer-events:none}
.vd-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,16,.96) 0%,rgba(16,20,16,.85) 40%,rgba(16,20,16,.25) 100%);z-index:-1;pointer-events:none}
.vd-hero-copy{padding:40px 72px;align-self:center;min-width:0}
.vd-hero h3{font-size:clamp(28px,3.2vw,42px);line-height:1.3;margin:15px 0;overflow-wrap:anywhere}
.vd-summary{color:#c9cdbe;font-size:14px;line-height:1.85;max-width:540px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px;overflow-wrap:anywhere}
.vd-meta{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--vd-muted);font-size:12px;line-height:1.6;margin:8px 0;font-variant-numeric:tabular-nums}
.vd-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.vd-card-tags a{font-size:12px;border:1px solid #555d48;border-radius:4px;padding:9px 10px;max-width:100%;overflow-wrap:anywhere;min-height:38px;display:inline-flex;align-items:center;color:#d5d9c9}
.vd-card-tags a:hover{background:#363e2d}.vd-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:22px}
.vd-feature .vd-primary,.vd-library .vd-primary{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:12px 23px;background:var(--vd-accent);color:#25251e;font-size:14px;font-weight:600;border-radius:6px;transition:background .2s}
.vd-primary:hover{background:#f4e0a4!important}
.vd-cover{display:block;position:relative;background:#292e25;overflow:hidden;isolation:isolate}
.vd-cover img{display:block;width:100%;height:100%;object-fit:contain;position:relative;background:#292e25;z-index:1}
.vd-cover img[hidden]{display:none}.vd-cover-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#aeb8a0;font-size:13px;letter-spacing:.13em}
.vd-hero-cover{min-height:400px;background:transparent;margin-right:40px;overflow:visible}.vd-hero-cover img{position:absolute;inset:0;padding:24px 0;background:transparent;filter:drop-shadow(0 12px 22px #10141080)}
.vd-stage{position:relative}
.vd-slides{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;position:relative;border-radius:12px}
.vd-slides>.vd-hero{min-width:0;scroll-snap-align:start}
.vd-slides-ready{scrollbar-width:none}.vd-slides-ready::-webkit-scrollbar{display:none}
.vd-slider-controls{position:absolute;inset:0;pointer-events:none}
.vd-slider-controls[hidden]{display:none}
.vd-slider-controls button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #555d48;border-radius:6px;background:#23281f;color:var(--vd-accent);font:inherit;font-size:20px;cursor:pointer;transition:background .2s}
.vd-slider-controls button:hover{background:#363e2d}.vd-slider-controls button[aria-disabled=true]{opacity:.4;cursor:default}
.vd-slider-controls [data-vd-prev]{left:12px}.vd-slider-controls [data-vd-next]{right:12px}
.vd-slider-status{position:absolute;right:20px;bottom:16px;padding:5px 10px;border-radius:4px;background:#101410b3;font-size:13px;color:var(--vd-muted);font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
.vd-card h2 a:hover{color:var(--vd-accent)}
.vd-pass-link{font-size:13px;border:1px solid #62583d;border-radius:6px;padding:11px 15px;white-space:nowrap;color:var(--vd-accent)!important}
.vd-filters{padding:22px 0;border-block:1px solid var(--vd-line)}
.vd-search-row{display:flex;align-items:end;justify-content:space-between;gap:22px}
.vd-search-field{flex:1;max-width:560px;min-width:0}.vd-library label{display:block;color:var(--vd-muted);font-size:13px;margin-bottom:8px}
.vd-input-group{display:flex;border:1px solid #555e49;border-radius:6px;overflow:hidden}
.vd-library input,.vd-library select,.vd-library button{font:inherit}
.vd-input-group input{min-width:0;width:100%;background:#1d211b;color:#f3f1e9;border:0;padding:12px 14px;font-size:16px}
.vd-input-group button,.vd-sort-apply{border:0;background:#343d2c;color:#ecdda9;padding:12px 17px;white-space:nowrap;cursor:pointer;min-height:46px;font-size:13px!important}
.vd-sort select{background:#20261c;color:#f3f1e9;border:1px solid #555e49;padding:11px 12px;border-radius:6px;min-height:46px;font-size:14px}
.vd-sort-apply{margin-left:5px;border-radius:5px}
.vd-filter-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.vd-filter-tags a{padding:10px 14px;color:var(--vd-muted);border-radius:5px;font-size:13px;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.vd-filter-tags a:hover{background:#303629}.vd-filter-tags a[aria-current=true]{background:var(--vd-accent);color:#25251e}
.vd-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-size:13px;color:var(--vd-muted)}
.vd-results-head p{margin:0;overflow-wrap:anywhere}
.vd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}
.vd-card{min-width:0}.vd-card>.vd-cover{aspect-ratio:3/4;border-radius:8px}.vd-card h2{font-size:17px;line-height:1.5;margin:13px 0 8px;overflow-wrap:anywhere}
.vd-play{position:absolute;inset:0;display:grid;place-items:center;z-index:2;background:#141b1270;color:#fff;font-size:25px;opacity:0;transition:opacity .2s}
.vd-cover:hover .vd-play,.vd-cover:focus-visible .vd-play{opacity:1}
.vd-weekly{color:var(--vd-accent);font-size:12px;margin-top:10px}
.vd-empty{padding:45px 20px;text-align:center;border:1px dashed #545d47;border-radius:9px}.vd-empty h2{font-size:24px;margin:0 0 12px}.vd-empty p{color:var(--vd-muted);margin-bottom:22px}
.vd-stat-note{font-size:12px;color:var(--vd-muted);line-height:1.8;margin-top:30px}
.vd-pagination .pagination{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:32px 0}
.vd-pagination li>a,.vd-pagination li>span{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:8px;background:#2c3326;border-radius:5px}
.vd-pagination li.active>span{background:var(--vd-accent);color:#25251e}
.vd-feature :focus-visible,.vd-library :focus-visible{outline:2px solid var(--vd-accent);outline-offset:4px}
body[data-video-discovery=catalog] #sp-nav .sp-search{display:none}
.vd-skip{position:fixed;left:16px;top:-100px;background:#e4ce8d;color:#25251e;padding:12px 18px;z-index:1001}.vd-skip:focus{top:10px}
@media(max-width:900px){.vd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vd-hero-copy{padding:32px 64px}}
@media(max-width:600px){
.vd-feature{padding-top:20px;padding-bottom:24px}.vd-library{padding-top:24px}
.vd-section-head{align-items:start;gap:10px;flex-wrap:wrap;margin-bottom:16px}.vd-section-head h1,.vd-section-head h2{font-size:26px}
.vd-feature .vd-section-head{display:block}.vd-feature .vd-section-head .vd-more{margin-top:5px}
.vd-hero{grid-template-columns:1fr;min-height:0}.vd-hero-cover{grid-row:1;height:230px;min-height:0;margin:0}.vd-hero-cover img{padding:20px 20px 0}.vd-hero::after{background:linear-gradient(0deg,rgba(16,20,16,.98) 0%,rgba(16,20,16,.88) 48%,rgba(16,20,16,.18) 100%)}
.vd-hero-copy{padding:22px 22px 58px}.vd-slider-controls button{top:115px}.vd-hero h3{font-size:28px;margin-top:10px}.vd-summary{font-size:13px;-webkit-line-clamp:2}
.vd-actions{gap:18px;margin-top:18px}.vd-card-tags a{min-height:44px}.vd-meta{font-size:12px}
.vd-search-row{flex-wrap:wrap;gap:15px}.vd-search-field{flex-basis:100%;max-width:none}.vd-sort{width:100%;display:flex;align-items:center;gap:10px}.vd-sort label{margin:0}.vd-sort select{flex:1}.vd-sort-apply{margin:0}
.vd-library .vd-muted{font-size:13px}.vd-pass-link{font-size:12px}.vd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}
.vd-card h2{font-size:15px}.vd-card .vd-meta{font-size:11px;gap:4px 10px}.vd-card-tags{gap:5px}.vd-card-tags a{font-size:11px;padding:8px}
.vd-filter-tags{gap:5px}.vd-filter-tags a{padding:10px;font-size:12px}
}
/* Homepage hero shares the existing site's design tokens. Catalog retains its own scope. */
.vd-feature{--vd-accent:var(--accent,#e63946);--vd-muted:var(--text-secondary,#b3b3b3);--vd-line:var(--border-light,#3a3a3a);color:var(--text-primary,#fff)}
.vd-feature .vd-section-head{margin-bottom:20px}
.vd-feature .vd-section-head h2{font-size:22px;font-weight:700;letter-spacing:normal;line-height:1.5}
.vd-feature .vd-eyebrow{color:var(--text-secondary,#b3b3b3);font-size:12px;letter-spacing:normal}
.vd-feature .vd-more{color:var(--text-secondary,#b3b3b3)}
.vd-feature .vd-more:hover{color:var(--text-primary,#fff)}
.vd-feature .vd-hero{background:var(--bg-surface,#181818);border-radius:var(--radius-md,8px)}
.vd-feature .vd-slides{border-radius:var(--radius-md,8px)}
.vd-feature .vd-hero-backdrop{filter:blur(14px) saturate(.45);opacity:.55}
.vd-feature .vd-hero::after{background:linear-gradient(90deg,rgba(18,18,18,.97),rgba(18,18,18,.86) 40%,rgba(18,18,18,.3))}
.vd-feature .vd-summary{color:var(--text-secondary,#b3b3b3)}
.vd-feature .vd-card-tags a{border-color:var(--border-light,#3a3a3a);background:var(--bg-interactive,#1f1f1f);color:var(--text-secondary,#b3b3b3);border-radius:var(--radius-pill,9999px);padding:8px 14px;align-items:center}
.vd-feature .vd-card-tags a:hover{background:var(--bg-hover,#2a2a2a);color:var(--text-primary,#fff)}
.vd-feature .vd-primary{background:var(--accent,#e63946);color:var(--text-primary,#fff);border-radius:var(--radius-pill,9999px);font-weight:700}
.vd-feature .vd-primary:hover{background:var(--accent-hover,#c1121f)!important}
.vd-feature .vd-cover-fallback{color:var(--text-secondary,#b3b3b3)}
.vd-feature .vd-hero-cover img{filter:drop-shadow(0 12px 22px #0008)}
.vd-feature .vd-slider-controls button{border-color:var(--border-light,#3a3a3a);border-radius:var(--radius-pill,9999px);background:#181818cc;color:var(--text-primary,#fff)}
.vd-feature .vd-slider-controls button:hover{background:var(--bg-hover,#2a2a2a)}
.vd-feature .vd-slider-status{background:#121212b3;color:var(--text-secondary,#b3b3b3)}
@media(max-width:600px){.vd-feature .vd-hero::after{background:linear-gradient(0deg,rgba(18,18,18,.98),rgba(18,18,18,.88) 48%,rgba(18,18,18,.25))}}
/* Catalog uses the same site tokens as the homepage. */
.vd-library{--vd-accent:var(--accent,#e63946);--vd-muted:var(--text-secondary,#b3b3b3);--vd-line:var(--border-light,#3a3a3a);color:var(--text-primary,#fff)}
.vd-library .vd-section-head h1{font-size:22px;line-height:1.5;letter-spacing:normal;font-weight:700}
.vd-library .vd-more,.vd-library .vd-pass-link{color:var(--text-secondary,#b3b3b3)!important}
.vd-library .vd-pass-link{border-color:var(--border-light,#3a3a3a);border-radius:var(--radius-pill,9999px)}
.vd-library .vd-pass-link:hover,.vd-library .vd-more:hover{color:var(--text-primary,#fff)!important;background:var(--bg-hover,#2a2a2a)}
.vd-library .vd-input-group{border-color:var(--border-light,#3a3a3a);border-radius:var(--radius-pill,9999px)}
.vd-library .vd-input-group input,.vd-library .vd-sort select{background:var(--bg-interactive,#1f1f1f);color:var(--text-primary,#fff);border-color:var(--border-light,#3a3a3a)}
.vd-library .vd-input-group input::placeholder{color:var(--text-secondary,#b3b3b3)}
.vd-library .vd-sort select,.vd-library .vd-sort-apply{border-radius:var(--radius-pill,9999px)}
.vd-library .vd-input-group button,.vd-library .vd-primary{background:var(--accent,#e63946);color:var(--text-primary,#fff);font-weight:700}
.vd-library .vd-input-group button:hover,.vd-library .vd-primary:hover{background:var(--accent-hover,#c1121f)!important}
.vd-library .vd-sort-apply{background:var(--bg-card,#242424);color:var(--text-primary,#fff)}
.vd-library .vd-sort-apply:hover{background:var(--bg-hover,#2a2a2a)}
.vd-library .vd-filter-tags a,.vd-library .vd-card-tags a{border:1px solid var(--border-light,#3a3a3a);background:var(--bg-interactive,#1f1f1f);border-radius:var(--radius-pill,9999px);color:var(--text-secondary,#b3b3b3)}
.vd-library .vd-filter-tags a:hover,.vd-library .vd-card-tags a:hover{background:var(--bg-hover,#2a2a2a);color:var(--text-primary,#fff)}
.vd-library .vd-filter-tags a[aria-current=true],.vd-library .vd-pagination li.active>span{background:var(--accent,#e63946);border-color:var(--accent,#e63946);color:var(--text-primary,#fff)}
.vd-library .vd-cover,.vd-library .vd-cover img{background:var(--bg-surface,#181818)}
.vd-library .vd-cover-fallback,.vd-library .vd-weekly{color:var(--text-secondary,#b3b3b3)}
.vd-library .vd-play{background:#12121270}
.vd-library .vd-empty{border-color:var(--border-light,#3a3a3a);border-radius:var(--radius-md,8px)}
.vd-library .vd-primary{border-radius:var(--radius-pill,9999px)}
.vd-library .vd-pagination li>a,.vd-library .vd-pagination li>span{background:var(--bg-card,#242424);border-radius:var(--radius-sm,4px)}
.vd-library .vd-pagination li.active>span{background:var(--accent,#e63946)}
.vd-library .vd-input-group:focus-within{outline:2px solid var(--accent,#e63946);outline-offset:3px}
.vd-library .vd-input-group :focus-visible{outline-offset:-3px}
body[data-video-discovery=catalog] .vd-skip{background:var(--accent,#e63946);color:var(--text-primary,#fff)}
@media(prefers-reduced-motion:reduce){.vd-feature *,.vd-library *{transition:none!important}}