:root {
--bg: #090a0a;
--surface: #111312;
--surface-2: #171a18;
--line: rgba(255,255,255,.12);
--line-strong: rgba(255,255,255,.2);
--text: #f3efe6;
--muted: #aaa99f;
--gold: #d1a45e;
--gold-soft: #efd09a;
--green: #203a2d;
--radius: 20px;
--container: 1220px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; line-height: 1.5; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .16; z-index: 10; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; height: auto; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; background: var(--text); color: var(--bg); padding: 10px 14px; transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.site-header { position: sticky; top: 0; z-index: 30; height: 76px; display: flex; align-items: center; border-bottom: 1px solid var(--line); background: rgba(9,10,10,.88); backdrop-filter: blur(16px); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.brand-mark { flex: 0 0 38px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; font: 700 19px Georgia, serif; color: var(--gold-soft); }
.brand-text { min-width: 0; display: flex; flex-direction: column; font-family: Georgia, 'Times New Roman', serif; font-weight: 700; font-size: 16px; letter-spacing: .12em; line-height: 1; }
.brand-title { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; }
.brand-text small { max-width: 230px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 9px Arial, sans-serif; color: var(--muted); letter-spacing: .22em; text-transform: uppercase; }
.brand-custom-logo { display: block; width: auto; max-width: 260px; height: 48px; object-fit: contain; object-position: left center; }
.site-header .brand { flex: 0 1 auto; }
.site-navigation { margin-left: auto; }
.nav { display: flex; gap: 28px; align-items: center; margin: 0; padding: 0; list-style: none; color: #d1d0c8; font-size: 14px; }
.nav > li { margin: 0; padding: 0; }
.nav a { position: relative; display: block; padding: 8px 0; }
.nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 2px; height: 1px; background: var(--gold); transition: right .2s; }
.nav a:hover::after, .nav a[aria-current="page"]::after, .nav .current-menu-item > a::after, .nav .current-menu-ancestor > a::after { right: 0; }
.header-actions { display: flex; gap: 10px; align-items: center; }
.resume-link { min-height: 38px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid rgba(209,164,94,.34); border-radius: 999px; background: rgba(209,164,94,.07); color: var(--gold-soft); font-size: 11px; font-weight: 700; white-space: nowrap; transition: border-color .2s, background .2s, transform .2s; }
.resume-link:hover, .resume-link:focus-visible { transform: translateY(-1px); border-color: var(--gold); background: rgba(209,164,94,.13); }
.resume-link-icon { width: 21px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: var(--gold); color: #111; font-size: 8px; }
.resume-link[hidden] { display: none; }
.search-btn, .menu-btn { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--text); cursor: pointer; }
.menu-btn { display: none; }
.menu-icon, .menu-icon::before, .menu-icon::after { width: 16px; height: 1px; display: block; border-radius: 2px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.menu-icon { position: relative; }
.menu-icon::before, .menu-icon::after { content: ""; position: absolute; left: 0; }
.menu-icon::before { transform: translateY(-5px); }
.menu-icon::after { transform: translateY(5px); }
.menu-btn[aria-expanded="true"] .menu-icon { background: transparent; }
.menu-btn[aria-expanded="true"] .menu-icon::before { transform: rotate(45deg); }
.menu-btn[aria-expanded="true"] .menu-icon::after { transform: rotate(-45deg); }
.menu-backdrop { position: fixed; inset: 76px 0 0; z-index: 35; width: 100%; height: auto; padding: 0; border: 0; background: rgba(2,3,2,.66); backdrop-filter: blur(5px); cursor: default; }
.menu-backdrop[hidden] { display: none; }
body.menu-open { overflow: hidden; }
.search-icon { width: 15px; height: 15px; border: 1.7px solid currentColor; border-radius: 50%; position: relative; }
.search-icon::after { content: ""; position: absolute; width: 7px; height: 1.7px; background: currentColor; right: -5px; bottom: -3px; transform: rotate(45deg); }
.search-open { overflow: hidden; }
.site-search[hidden] { display: none; }
.site-search { position: fixed; inset: 0; z-index: 100; display: grid; place-items: start center; padding: 9vh 20px 30px; }
.site-search-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(0,0,0,.78); backdrop-filter: blur(10px); cursor: default; }
.site-search-dialog { position: relative; width: min(760px, 100%); max-height: 82vh; overflow: auto; border: 1px solid var(--line); border-radius: 22px; padding: 28px; background: #0e0f0f; box-shadow: 0 32px 90px rgba(0,0,0,.55); }
.site-search-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.site-search-head h2 { margin: 8px 0 0; font: 34px/1.08 Georgia, serif; }
.site-search-close { flex: 0 0 auto; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--text); font-size: 27px; line-height: 1; cursor: pointer; }
.site-search-field { display: flex; align-items: center; gap: 16px; border: 1px solid rgba(213,176,91,.5); border-radius: 14px; padding: 0 18px; background: #141615; }
.site-search-field:focus-within { border-color: var(--gold-soft); box-shadow: 0 0 0 3px rgba(213,176,91,.1); }
.site-search-field .search-icon { flex: 0 0 auto; color: var(--gold-soft); }
.site-search-field input { width: 100%; min-width: 0; height: 56px; border: 0; outline: 0; background: transparent; color: var(--text); font: inherit; font-size: 16px; line-height: 1.4; }
.site-search-field input::placeholder { color: var(--muted); }
.site-search-status { margin: 20px 0 8px; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.site-search-results { border-top: 1px solid var(--line); }
.site-search-result { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 15px 4px; border-bottom: 1px solid var(--line); color: var(--text); text-decoration: none; }
.site-search-result:hover, .site-search-result:focus-visible { background: rgba(255,255,255,.035); outline: none; }
.site-search-code, .site-search-rating { color: var(--gold-soft); font-size: 11px; white-space: nowrap; }
.site-search-title strong, .site-search-title small { display: block; }
.site-search-title strong { font: 19px/1.25 Georgia, serif; }
.site-search-title small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.site-search-empty { display: grid; gap: 7px; padding: 28px 4px; border-bottom: 1px solid var(--line); }
.site-search-empty span { color: var(--muted); font-size: 13px; }
.site-search-hint { display: flex; justify-content: space-between; gap: 18px; padding-top: 16px; color: var(--muted); font-size: 11px; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--gold-soft); text-transform: uppercase; letter-spacing: .18em; font-size: 11px; font-weight: 700; }
.eyebrow::before { content: ""; width: 34px; height: 1px; background: var(--gold); }
.display { margin: 18px 0 20px; font: 400 clamp(48px, 7.2vw, 100px)/.92 Georgia, 'Times New Roman', serif; letter-spacing: -.045em; }
.display em { color: var(--gold-soft); font-style: italic; }
.lead { max-width: 650px; color: #c7c4ba; font-size: clamp(17px, 2vw, 21px); line-height: 1.65; }
.muted { color: var(--muted); }
.hero { min-height: calc(100svh - 76px); display: flex; align-items: center; position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 75% 45%, rgba(87,68,39,.32), transparent 29%), linear-gradient(90deg, #090a0a 0 54%, transparent 82%), repeating-linear-gradient(105deg, transparent 0 70px, rgba(255,255,255,.018) 71px 72px); }
.hero::after { content: ""; position: absolute; right: -6vw; top: 9%; width: 47vw; max-width: 650px; aspect-ratio: .82; border: 1px solid rgba(209,164,94,.26); border-radius: 48% 48% 12% 12% / 20% 20% 8% 8%; background: linear-gradient(160deg, rgba(49,57,51,.35), rgba(11,12,12,.2) 45%, rgba(209,164,94,.08)); box-shadow: inset 0 0 100px rgba(0,0,0,.75), 0 40px 100px rgba(0,0,0,.55); transform: rotate(4deg); }
.hero-content { position: relative; z-index: 2; width: min(760px, 68%); padding: 90px 0 74px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 16px; margin: 26px 0 32px; color: #c3c0b5; font-size: 13px; }
.hero-meta span { display: flex; align-items: center; gap: 7px; }
.hero-meta span + span::before { content: "•"; color: var(--gold); margin-right: 9px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; }
.btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 20px; border: 1px solid var(--line-strong); border-radius: 999px; background: transparent; color: var(--text); font-size: 14px; font-weight: 700; cursor: pointer; transition: transform .2s, background .2s, border-color .2s; }
.btn:hover { transform: translateY(-2px); border-color: var(--gold); }
.btn-primary { background: var(--gold); border-color: var(--gold); color: #111; }
.btn-primary:hover { background: var(--gold-soft); }
.play-dot { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(0,0,0,.18); font-size: 10px; }
.hero-caption { position: absolute; right: 3%; bottom: 10%; z-index: 2; width: min(340px, 36vw); color: rgba(255,255,255,.72); }
.hero-caption strong { display: block; font: italic 28px Georgia, serif; color: var(--gold-soft); margin-bottom: 10px; }
.quick-picker { position: relative; z-index: 3; margin-top: -34px; }
.picker-card { display: grid; grid-template-columns: 1fr 1fr 1.4fr auto; gap: 10px; align-items: end; padding: 18px; background: #141615; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 24px 70px rgba(0,0,0,.38); }
.field label { display: block; color: var(--muted); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; margin: 0 0 8px 5px; }
.field select { width: 100%; height: 48px; appearance: none; color: var(--text); border: 1px solid var(--line); border-radius: 12px; background: #0d0f0e linear-gradient(45deg, transparent 50%, var(--gold) 50%) calc(100% - 17px) 50%/5px 5px no-repeat; padding: 0 40px 0 14px; }
.picker-card .btn { border-radius: 12px; }
.continue-watching { padding: 30px 0 12px; }
.continue-watching[hidden] { display: none; }
.continue-watching-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); overflow: hidden; border: 1px solid rgba(209,164,94,.3); border-radius: 22px; background: linear-gradient(135deg,#262117,#151815 46%,#101211); box-shadow: 0 24px 70px rgba(0,0,0,.25); }
.continue-watching-main { position: relative; min-height: 300px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; overflow: hidden; padding: 38px; }
.continue-watching-main::after { content: "▶"; position: absolute; right: -20px; bottom: -70px; color: rgba(239,208,154,.045); font: 230px/1 Georgia,serif; pointer-events: none; }
.continue-watching-code { position: relative; z-index: 1; margin-top: 29px; color: var(--gold-soft); font-size: 10px; font-weight: 700; letter-spacing: .15em; }
.continue-watching-main h2 { position: relative; z-index: 1; max-width: 560px; margin: 9px 0 8px; font: clamp(32px,3.5vw,48px)/1.05 Georgia,serif; }
.continue-watching-main p { position: relative; z-index: 1; margin: 0 0 25px; color: #aaa79d; font-size: 12px; }
.continue-watching-main .btn { position: relative; z-index: 1; }
.watch-history-panel { padding: 28px; border-left: 1px solid var(--line); background: rgba(9,11,10,.46); }
.watch-history-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding: 0 2px 16px; border-bottom: 1px solid var(--line); }
.watch-history-head span, .watch-history-head strong { display: block; }
.watch-history-head span { margin-bottom: 3px; color: #88877f; font-size: 8px; letter-spacing: .13em; text-transform: uppercase; }
.watch-history-head strong { font: 21px Georgia,serif; }
.watch-history-head button { padding: 6px 9px; border: 0; background: transparent; color: #8f8d85; font-size: 10px; cursor: pointer; }
.watch-history-head button:hover { color: var(--gold-soft); }
.watch-history-list { display: grid; }
.watch-history-item { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 3px 13px; align-items: center; padding: 13px 2px; border-bottom: 1px solid rgba(255,255,255,.075); transition: padding-left .18s, background .18s; }
.watch-history-item:hover, .watch-history-item:focus-visible { padding-left: 8px; background: rgba(255,255,255,.025); }
.watch-history-item > span { grid-row: 1/3; color: var(--gold-soft); font-size: 9px; letter-spacing: .08em; }
.watch-history-item > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 16px Georgia,serif; }
.watch-history-item > small { color: #85847c; font-size: 9px; }
.section { padding: 104px 0; border-bottom: 1px solid var(--line); content-visibility: auto; contain-intrinsic-size: auto 760px; }
.section-sm { padding: 72px 0; }
.section-head { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 38px; }
.section-head h2, .page-title { margin: 10px 0 0; font: 400 clamp(38px, 5vw, 68px)/1 Georgia, serif; letter-spacing: -.035em; }
.section-head p { max-width: 480px; color: var(--muted); }
.text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--gold-soft); font-size: 13px; font-weight: 700; white-space: nowrap; }
.text-link:hover { gap: 13px; }
.season-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.season-card { position: relative; min-height: 310px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, #191c1a, #0e100f); transition: transform .25s, border-color .25s; }
.season-card::before { content: attr(data-season); position: absolute; right: -12px; bottom: -43px; font: 400 190px/.8 Georgia, serif; color: rgba(255,255,255,.035); }
.season-card::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(209,164,94,.12), transparent 30%); }
.season-card:hover { transform: translateY(-5px); border-color: rgba(209,164,94,.52); }
.season-card > * { position: relative; z-index: 2; }
.season-no { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--gold-soft); font: 20px Georgia, serif; }
.season-card h3 { margin: 50px 0 7px; font: 400 34px Georgia, serif; }
.season-card p { margin: 0; color: var(--muted); font-size: 13px; }
.season-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; font-size: 12px; color: #d7d4ca; }
.arrow-circle { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; }
.voice-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.voice-card { min-height: 190px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.voice-card.featured { background: linear-gradient(145deg, #49381f, #1b1812); border-color: rgba(209,164,94,.48); }
.voice-card h3 { margin: 34px 0 7px; font: 25px Georgia, serif; }
.voice-card p { color: var(--muted); font-size: 13px; margin: 0; }
.voice-badge { color: var(--gold-soft); font-size: 10px; letter-spacing: .15em; text-transform: uppercase; }
.editorial-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 16px; }
.article-card { min-height: 290px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, #171a18, #0d0f0e); }
.article-card:first-child { grid-row: span 2; min-height: 596px; }
.article-card::before { content: ""; position: absolute; inset: 0; z-index: 1; background: radial-gradient(circle at 72% 18%, rgba(209,164,94,.19), transparent 34%), linear-gradient(0deg, rgba(0,0,0,.85), transparent 64%); }
.article-card > * { position: relative; z-index: 2; }
.article-tag { color: var(--gold-soft); text-transform: uppercase; letter-spacing: .14em; font-size: 10px; }
.article-card h2, .article-card h3 { margin: 12px 0 8px; font: 400 26px/1.16 Georgia, serif; }
.article-card:first-child h2, .article-card:first-child h3 { font-size: 40px; }
.article-card p { color: var(--muted); margin: 0; font-size: 13px; }
.article-card-image { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease, opacity .3s ease; }
.article-card.has-image { background: #0c0e0d; }
.article-card.has-image::before { background: linear-gradient(180deg, rgba(5,6,5,.1) 0%, rgba(5,6,5,.32) 32%, rgba(5,6,5,.96) 88%), radial-gradient(circle at 75% 15%, rgba(209,164,94,.12), transparent 28%); }
.article-card.has-image p { color: #cfccc2; }
.article-card.has-image:hover .article-card-image, .article-card.has-image:focus-visible .article-card-image { transform: scale(1.035); }
.home-materials-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.home-materials-grid .article-card, .home-materials-grid .article-card:first-child { grid-column: auto; grid-row: auto; min-height: 470px; padding: 20px; }
.home-materials-grid .article-card h3, .home-materials-grid .article-card:first-child h3 { font-size: 25px; line-height: 1.14; }
.home-editorial { position: relative; overflow: hidden; border-top: 1px solid var(--line); background: radial-gradient(circle at 88% 12%, rgba(209,164,94,.1), transparent 28%), #0d0f0e; }
.home-editorial::before { content: "S"; position: absolute; right: -20px; top: 30px; color: rgba(209,164,94,.035); font: 420px/1 Georgia, serif; pointer-events: none; }
.home-editorial .container { position: relative; z-index: 1; }
.home-editorial-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,480px); gap: 50px; align-items: end; margin-bottom: 30px; }
.home-editorial-head h2 { max-width: 700px; margin: 10px 0 0; font: clamp(38px,4vw,58px)/1.02 Georgia, serif; }
.home-editorial-head>p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.home-editorial-intro { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin-bottom: 18px; border: 1px solid rgba(209,164,94,.28); border-radius: 20px; background: linear-gradient(135deg,rgba(209,164,94,.1),rgba(19,22,20,.86)); overflow: hidden; }
.home-editorial-intro p { margin: 0; padding: 28px 32px; color: #d3d0c6; font-size: 16px; line-height: 1.8; }
.home-editorial-intro p+p { border-left: 1px solid var(--line); }
.home-editorial-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; counter-reset: home-story; }
.home-editorial-card { position: relative; min-width: 0; padding: 30px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg,#171a18,#101211); overflow: hidden; }
.home-editorial-card::after { content: ""; position: absolute; width: 180px; height: 180px; right: -80px; top: -90px; border: 1px solid rgba(209,164,94,.16); border-radius: 50%; }
.home-editorial-card.featured { grid-column: 1/-1; display: grid; grid-template-columns: minmax(260px,.8fr) minmax(0,1.4fr); grid-template-areas:"number number" "title copy"; gap: 14px 38px; align-items: start; border-color: rgba(209,164,94,.38); background: linear-gradient(125deg,#292318,#141713 48%,#101211); }
.home-editorial-card.featured .home-editorial-number { grid-area: number; }
.home-editorial-card.featured h3 { grid-area: title; }
.home-editorial-card.featured .home-editorial-copy { grid-area: copy; }
.home-editorial-number { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; color: var(--gold-soft); font-size: 11px; letter-spacing: .18em; }
.home-editorial-number::after { content: ""; width: 38px; height: 1px; background: rgba(209,164,94,.45); }
.home-editorial-card h3 { position: relative; z-index: 1; max-width: 640px; margin: 0 0 18px; font: 30px/1.16 Georgia, serif; }
.home-editorial-card.featured h3 { font-size: clamp(32px,3.3vw,47px); }
.home-editorial-copy { position: relative; z-index: 1; }
.home-editorial-copy p { max-width: 720px; margin: 0 0 14px; color: #c6c3b9; font-size: 14px; line-height: 1.78; }
.home-editorial-copy p:last-child { margin-bottom: 0; }
.page-hero { padding: 86px 0 60px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 75% 20%, rgba(87,68,39,.27), transparent 30%); }
.breadcrumbs { display: flex; gap: 8px; flex-wrap: wrap; color: var(--muted); font-size: 12px; margin-bottom: 28px; }
.breadcrumbs a:hover { color: var(--gold-soft); }
.page-intro { max-width: 700px; margin-top: 18px; color: #c7c4ba; font-size: 18px; }
.stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.stat { padding: 9px 13px; border: 1px solid var(--line); border-radius: 999px; color: #cbc8bd; font-size: 12px; }
.season-list { display: grid; gap: 18px; }
.season-row { display: grid; grid-template-columns: 150px 1fr auto; gap: 28px; align-items: center; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: transform .22s, border-color .22s, background .22s; }
.season-row:hover, .season-row:focus-visible { transform: translateY(-3px); border-color: rgba(209,164,94,.52); background: #1a1d1a; }
.season-row:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.season-poster { aspect-ratio: 4/3; display: grid; place-items: center; position: relative; overflow: hidden; border-radius: 13px; background: radial-gradient(circle at 70% 20%, rgba(209,164,94,.22), transparent 30%), linear-gradient(145deg, #273029, #0d0f0e); font: 70px Georgia, serif; color: rgba(239,208,154,.72); }
.season-row h2 { margin: 0 0 8px; font: 32px Georgia, serif; }
.season-row p { max-width: 680px; margin: 0 0 14px; color: var(--muted); font-size: 14px; }
.season-detail { display: flex; gap: 18px; color: #c9c6bb; font-size: 12px; }
.voice-header { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; }
.voice-switch { min-width: 230px; }
.tabs { display: flex; gap: 8px; overflow-x: auto; padding: 0 0 6px; margin: 34px 0 24px; scrollbar-width: thin; }
.tab { min-width: 104px; height: 42px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); cursor: pointer; }
.tab:hover, .tab.active { color: #111; background: var(--gold); border-color: var(--gold); }
.episode-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.episode-card { position: relative; min-height: 180px; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg, #171a18, #101211); transition: transform .2s, border-color .2s; }
.episode-card:hover { transform: translateY(-3px); border-color: rgba(209,164,94,.48); }
.episode-card.watched { opacity: .58; }
.episode-card.watched .episode-status::before { content: "✓ "; color: var(--gold); }
.episode-card.has-image { background: #111311; }
.episode-card.has-image::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(7,8,7,.3) 0%, rgba(7,8,7,.54) 45%, rgba(7,8,7,.96) 100%); pointer-events: none; }
.episode-card-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.episode-card.has-image:hover .episode-card-image, .episode-card.has-image:focus-visible .episode-card-image { transform: scale(1.035); }
.episode-card > :not(.episode-card-image) { position: relative; z-index: 2; }
.episode-card.has-image .episode-top, .episode-card.has-image p { color: #d5d2c8; }
.episode-top { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 11px; }
.episode-card h3 { margin: 26px 0 8px; font: 22px/1.15 Georgia, serif; }
.episode-card p { margin: 0; color: var(--muted); font-size: 12px; }
.watch-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: 22px; align-items: start; }
.watch-layout > *, .player-bar .field { min-width: 0; }
.player-shell { width: 100%; max-width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: #000; }
.player-switcher { display: flex; gap: 8px; padding: 10px; overflow-x: auto; border-bottom: 1px solid var(--line); background: linear-gradient(180deg,#171a18,#0e100f); scrollbar-width: thin; }
.player-choice { flex: 0 0 auto; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 15px; border: 1px solid var(--line); border-radius: 999px; background: #101211; color: #cbc8bd; cursor: pointer; font: 600 12px/1.2 Arial,sans-serif; transition: color .18s,background .18s,border-color .18s; }
.player-choice:hover { border-color: rgba(209,164,94,.55); color: #fff; }
.player-choice.active { border-color: var(--gold); background: var(--gold); color: #12130f; }
.player-stage { background: #000; }
.episode-player { display: block; width: 100%; aspect-ratio: 16/9; border: 0; background: #000; }
.video-placeholder { aspect-ratio: 16/9; display: grid; place-items: center; position: relative; text-align: center; background: radial-gradient(circle at 50% 40%, rgba(209,164,94,.14), transparent 24%), #030403; }
.video-placeholder::after { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(255,255,255,.07); pointer-events: none; }
.video-placeholder-inner { max-width: 460px; padding: 30px; position: relative; z-index: 2; }
.video-placeholder .big-play { width: 74px; height: 74px; display: grid; place-items: center; margin: 0 auto 20px; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-soft); font-size: 23px; }
.video-placeholder h2 { margin: 0 0 7px; font: 28px Georgia, serif; }
.video-placeholder p { color: var(--muted); font-size: 13px; }
.player-bar { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; padding: 14px; background: var(--surface); }
.player-bar .field { flex: 1 1 150px; }
.player-memory-note { display: flex; align-items: center; gap: 9px; margin: 0; padding: 11px 15px 13px; border-top: 1px solid var(--line); background: #101211; color: #8f9189; font-size: 10px; }
.player-memory-note span { width: 18px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(209,164,94,.34); border-radius: 50%; color: var(--gold-soft); font-size: 9px; }
.episode-sidebar { position: sticky; top: 96px; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: var(--surface); }
.sidebar-title { display: flex; justify-content: space-between; align-items: center; padding: 16px; border-bottom: 1px solid var(--line); }
.sidebar-title h2 { margin: 0; font: 20px Georgia, serif; }
.episode-mini-list { max-height: 545px; overflow: auto; padding: 8px; }
.episode-mini { display: grid; grid-template-columns: 36px 1fr; gap: 11px; align-items: center; padding: 11px; border-radius: 10px; color: #c8c6bc; font-size: 12px; }
.episode-mini:hover, .episode-mini.active { background: #212420; color: var(--text); }
.episode-mini span:first-child { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--gold-soft); }
.episode-nav { display: flex; justify-content: space-between; gap: 14px; padding: 18px 0; }
.episode-discussion-cta { min-height: 82px; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 15px; align-items: center; margin-top: 14px; padding: 14px 18px; overflow: hidden; border: 1px solid rgba(209,164,94,.3); border-radius: 16px; background: radial-gradient(circle at 8% 50%,rgba(209,164,94,.13),transparent 25%),linear-gradient(140deg,#171a17,#101211); transition: transform .2s,border-color .2s,background .2s; }
.episode-discussion-cta:hover,.episode-discussion-cta:focus-visible { transform: translateY(-2px); border-color: rgba(239,208,154,.7); background-color: #181b18; outline: none; }
.episode-discussion-icon { width: 46px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(209,164,94,.48); border-radius: 50%; color: var(--gold-soft); }
.episode-discussion-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.episode-discussion-cta small,.episode-discussion-cta strong { display: block; }
.episode-discussion-cta small { margin-bottom: 3px; color: var(--muted); font-size: 9px; letter-spacing: .05em; }
.episode-discussion-cta strong { font: 22px/1.15 Georgia,serif; }
.episode-discussion-cta em { color: var(--gold-soft); font-size: 10px; font-style: normal; font-weight: 700; white-space: nowrap; }
.content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; }
.prose h2 { margin: 46px 0 16px; font: 34px Georgia, serif; }
.prose p { color: #c7c4ba; font-size: 16px; line-height: 1.78; }
.episode-spoiler-section { position: relative; margin-top: 0; padding-top: 0; }
.spoiler-eyebrow { margin-bottom: 19px; }
.episode-spoiler-section > h2 { margin-top: 0; }
.episode-spoiler-section > h2:not(:first-of-type) { margin-top: 52px; }
.episode-spoiler p { margin-bottom: 1em; }
.facts { border: 1px solid var(--line); border-radius: 18px; padding: 20px; background: var(--surface); }
.facts h2 { margin: 0 0 18px; font: 24px Georgia, serif; }
.fact-row { display: grid; grid-template-columns: 1fr 1.2fr; gap: 10px; padding: 12px 0; border-top: 1px solid var(--line); font-size: 12px; }
.fact-row span:first-child { color: var(--muted); }
.fact-row strong { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.data-note { margin: 12px 0 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.rating-source { margin: 12px 0 0; color: var(--muted); font-size: 11px; }
.rating-source a { color: var(--gold-soft); text-underline-offset: 3px; }
.rating-source a:hover { text-decoration: underline; }
.episode-rating { margin-top: 20px; padding: 20px; border: 1px solid var(--line-strong); border-radius: 16px; background: linear-gradient(135deg,rgba(209,164,94,.06),var(--surface)); }
.episode-rating [data-rating-retry][hidden] { display: none; }
.episode-rating-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; margin-bottom: 16px; }
.episode-rating-heading h2 { margin: 0; font: 26px/1.15 Georgia,serif; }
.episode-rating-heading p { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.episode-rating-score { white-space: nowrap; color: var(--muted); font-size: 13px; }
.episode-rating-score strong { color: var(--gold-soft); font: 34px/1 Georgia,serif; }
.episode-rating-options { min-width: 0; margin: 0; padding: 0; border: 0; }
.episode-rating-options legend { margin-bottom: 9px; padding: 0; color: var(--text); font-size: 12px; }
.episode-rating-scale { display: grid; grid-template-columns: repeat(10,minmax(0,1fr)); gap: 7px; }
.episode-rating-scale label { position: relative; display: block; min-width: 0; cursor: pointer; }
.episode-rating-scale input { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.episode-rating-scale span { display: grid; min-height: 44px; place-items: center; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--bg); color: var(--text); font-size: 14px; font-weight: 700; transition: background .15s,border-color .15s; }
.episode-rating-scale input:checked + span { border-color: var(--gold); background: var(--gold); color: var(--bg); }
.episode-rating-scale input:focus-visible + span { outline: 2px solid var(--gold-soft); outline-offset: 3px; }
.episode-rating-scale label:hover span { border-color: var(--gold); }
.episode-rating-options:disabled { opacity: .55; }
.episode-rating-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 14px; }
.episode-rating-actions .btn { min-height: 42px; padding: 10px 18px; font-size: 12px; }
.episode-rating-actions button:disabled { opacity: .55; cursor: wait; }
.episode-rating-actions p { flex: 1 1 180px; margin: 0; color: var(--muted); font-size: 12px; }
.episode-rating-actions [data-rating-retry] { border: 0; background: none; cursor: pointer; }
.video-placeholder-inner [data-player-retry] { margin-top: 14px; }
@media(max-width:760px) {
.episode-rating { padding: 16px; }
.episode-rating-scale { grid-template-columns: repeat(5,minmax(0,1fr)); }
.episode-rating-heading h2 { font-size: 24px; }
}
details { border: 1px solid var(--line); border-radius: 14px; padding: 18px; background: var(--surface); }
summary { cursor: pointer; color: var(--gold-soft); font-weight: 700; }
details p { margin-bottom: 0; }
.voice-catalog { display: grid; gap: 16px; }
.voice-detail { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; gap: 28px; align-items: center; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--text); text-decoration: none; transition: transform .22s, border-color .22s, background .22s; }
.voice-detail:hover, .voice-detail:focus-visible { transform: translateY(-3px); border-color: rgba(209,164,94,.52); background: #1a1d1a; }
.voice-detail:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.voice-detail.featured { border-color: rgba(209,164,94,.48); background: linear-gradient(145deg, #302719, #131411 58%); }
.voice-number { align-self: stretch; display: grid; place-items: center; border-right: 1px solid var(--line); color: rgba(239,208,154,.62); font: 38px Georgia, serif; }
.voice-detail h2 { margin: 9px 0 8px; font: 32px Georgia, serif; }
.voice-detail p { max-width: 720px; margin: 0; color: var(--muted); font-size: 14px; }
.voice-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.voice-meta span { padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; color: #c9c6bb; font-size: 11px; }
.compare-box { display: flex; justify-content: space-between; gap: 40px; align-items: center; }
.compare-box h2 { margin: 12px 0 8px; font: 40px Georgia, serif; }
.compare-box p { max-width: 680px; margin: 0; color: var(--muted); }
.filter-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; }
.filter-chip { min-height: 42px; padding: 10px 16px; border: 1px solid var(--line-strong); border-radius: 999px; background: #141615; color: #ddd9cf; font-size: 12px; font-weight: 700; cursor: pointer; transition: background .2s, border-color .2s, color .2s, transform .2s; }
.filter-chip:hover, .filter-chip.active { border-color: var(--gold); background: var(--gold); color: #111; }
.filter-chip:hover { transform: translateY(-1px); }
.filter-chip:focus-visible { outline: 2px solid var(--gold-soft); outline-offset: 3px; }
.materials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.material-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: transform .2s, border-color .2s; }
.material-card:hover { transform: translateY(-4px); border-color: rgba(209,164,94,.5); }
.material-card-wide { grid-column: span 2; display: grid; grid-template-columns: 1.15fr 1fr; }
.material-visual { min-height: 220px; display: grid; place-items: center; background: radial-gradient(circle at 70% 25%, rgba(209,164,94,.24), transparent 28%), repeating-linear-gradient(115deg, transparent 0 65px, rgba(255,255,255,.025) 66px 67px), #171b18; color: rgba(239,208,154,.48); font: italic 54px Georgia, serif; }
.material-card-wide .material-visual { min-height: 370px; }
.material-content { padding: 24px; }
.material-content h2 { margin: 12px 0 10px; font: 28px/1.16 Georgia, serif; }
.material-card-wide h2 { font-size: 38px; }
.material-content p { margin: 0 0 20px; color: var(--muted); font-size: 13px; }
.material-meta { color: #777a74; font-size: 11px; }
.article-container { width: min(calc(100% - 40px), 980px); margin-inline: auto; }
.article-hero { padding: 86px 0 70px; text-align: center; background: radial-gradient(circle at 50% 15%, rgba(87,68,39,.3), transparent 34%); }
.article-hero .breadcrumbs { justify-content: center; }
.article-hero h1 { max-width: 900px; margin: 20px auto; font: 400 clamp(44px, 6vw, 78px)/1 Georgia, serif; letter-spacing: -.045em; }
.article-lead { max-width: 760px; margin: 0 auto; color: #c7c4ba; font-size: 20px; line-height: 1.65; }
.article-byline { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; align-items: center; margin-top: 28px; color: var(--muted); font-size: 12px; }
.share-link { padding: 0; border: 0; border-bottom: 1px solid var(--gold); background: none; color: var(--gold-soft); cursor: pointer; }
.article-cover { width: min(calc(100% - 40px), 1220px); aspect-ratio: 16/7; display: grid; place-items: center; margin: 0 auto; border: 1px solid var(--line); border-radius: var(--radius); background: radial-gradient(circle at 70% 30%, rgba(209,164,94,.2), transparent 28%), linear-gradient(145deg, #242a25, #0c0e0d); color: rgba(239,208,154,.54); font: 22px Georgia, serif; }
.article-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 60px; padding-top: 72px; padding-bottom: 104px; }
.article-toc { position: sticky; top: 104px; align-self: start; display: grid; gap: 11px; padding: 18px; border-left: 1px solid var(--gold); color: var(--muted); font-size: 12px; }
.article-toc strong { margin-bottom: 6px; color: var(--text); text-transform: uppercase; letter-spacing: .12em; font-size: 10px; }
.article-toc a:hover { color: var(--gold-soft); }
.article-body { min-width: 0; }
.article-body p { color: #cbc8bd; font: 17px/1.85 Georgia, serif; }
.article-body .article-intro { margin-top: 0; color: var(--text); font-size: 21px; }
.article-body h2 { scroll-margin-top: 100px; margin: 58px 0 18px; font: 40px/1.15 Georgia, serif; }
.article-body h3 { margin: 36px 0 12px; font: 27px Georgia, serif; }
.article-body blockquote { margin: 38px 0; padding: 8px 0 8px 28px; border-left: 2px solid var(--gold); color: var(--gold-soft); font: italic 28px/1.45 Georgia, serif; }
.article-note { margin: 36px 0; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.article-note strong { color: var(--gold-soft); text-transform: uppercase; letter-spacing: .12em; font-size: 10px; }
.article-note p { margin: 9px 0; font: 14px/1.65 Arial, sans-serif; }
.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.related-card { min-height: 180px; display: flex; flex-direction: column; justify-content: flex-end; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(circle at 80% 15%, rgba(209,164,94,.15), transparent 30%), var(--surface); }
.related-card h3 { margin: 12px 0 0; font: 25px Georgia, serif; }
.footer { padding: 58px 0 28px; }
.footer-top { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 60px; padding-bottom: 45px; border-bottom: 1px solid var(--line); }
.footer p { max-width: 480px; color: var(--muted); font-size: 13px; }
.footer h3 { margin: 0 0 16px; color: #dbd8cf; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.footer-links { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; color: var(--muted); font-size: 13px; }
.footer-links li { margin: 0; padding: 0; }
.footer-links a:hover { color: var(--gold-soft); }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 24px; color: #777a74; font-size: 11px; }
.toast { position: fixed; z-index: 100; left: 50%; bottom: 24px; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, calc(100% + 64px)); padding: 11px 16px; border: 1px solid var(--line); border-radius: 999px; background: #242822; color: var(--text); font-size: 12px; transition: transform .25s ease, opacity .2s ease, visibility 0s linear .25s; }
.toast.show { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: transform .25s ease, opacity .2s ease, visibility 0s; }
.toast[hidden] { display: none; } .nav { gap: 20px; }
.seo-section { background: linear-gradient(180deg, rgba(209,164,94,.035), transparent); }
.seo-copy { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); gap: clamp(36px, 6vw, 78px); align-items: start; }
.seo-copy h2 { max-width: 520px; margin: 14px 0 0; font: 400 clamp(34px, 4.2vw, 56px)/1.08 Georgia, serif; }
.seo-columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; max-width: 790px; }
.seo-columns p { margin: 0; color: #c7c4ba; font: 16px/1.78 Georgia, serif; }
.seo-columns a { color: var(--gold-soft); border-bottom: 1px solid rgba(209,164,94,.42); }
.context-navigation { border-top: 1px solid var(--line); background: radial-gradient(circle at 8% 12%, rgba(209,164,94,.08), transparent 25%), #0c0e0d; }
.context-navigation .section-head { align-items: end; }
.context-navigation .section-head > div { max-width: 720px; }
.context-navigation .section-head > p { margin: 0; }
.context-link-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.context-link-card { position: relative; min-height: 210px; display: flex; flex-direction: column; align-items: flex-start; padding: 24px; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg,#181b18,#101211); transition: transform .2s,border-color .2s,background .2s; }
.context-link-card::after { content: ""; position: absolute; right: -56px; top: -70px; width: 150px; height: 150px; border: 1px solid rgba(209,164,94,.13); border-radius: 50%; }
.context-link-card:hover,.context-link-card:focus-visible { transform: translateY(-3px); border-color: rgba(209,164,94,.52); background: #191d19; }
.context-link-card > span { position: relative; z-index: 1; color: var(--gold-soft); font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.context-link-card h3 { position: relative; z-index: 1; margin: 24px 0 10px; font: 29px/1.12 Georgia,serif; }
.context-link-card p { position: relative; z-index: 1; margin: 0 0 22px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.context-link-card em { position: relative; z-index: 1; margin-top: auto; color: var(--gold-soft); font-size: 12px; font-style: normal; font-weight: 700; }
.catalog-tools { display: grid; grid-template-columns: 1.45fr repeat(3, 1fr); gap: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.catalog-tools label { display: grid; gap: 8px; }
.catalog-tools label > span { margin-left: 4px; color: var(--muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.catalog-tools input, .catalog-tools select { width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; background: #0d0f0e; color: var(--text); }
.catalog-summary { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin: 28px 0 18px; }
.catalog-summary strong { font: 26px Georgia, serif; }
.catalog-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.catalog-episode { position: relative; min-height: 220px; display: flex; flex-direction: column; padding: 19px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: radial-gradient(circle at 80% 5%, rgba(209,164,94,.13), transparent 28%), var(--surface); transition: transform .2s, border-color .2s; }
.catalog-episode:hover, .catalog-episode:focus-visible { transform: translateY(-4px); border-color: rgba(209,164,94,.58); }
.catalog-episode.has-image { background: #111311; }
.catalog-episode.has-image::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(7,8,7,.27) 0%, rgba(7,8,7,.5) 44%, rgba(7,8,7,.97) 100%); pointer-events: none; }
.catalog-episode-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, opacity .35s ease; }
.catalog-episode.has-image:hover .catalog-episode-image, .catalog-episode.has-image:focus-visible .catalog-episode-image { transform: scale(1.035); }
.catalog-episode > :not(.catalog-episode-image) { position: relative; z-index: 2; }
.catalog-episode-code { color: var(--gold-soft); font-size: 10px; letter-spacing: .14em; }
.catalog-episode h2 { margin: auto 0 7px; font: 25px/1.12 Georgia, serif; }
.catalog-episode > p { margin: 0 0 22px; color: var(--muted); font-size: 12px; }
.catalog-episode-meta { display: flex; flex-wrap: wrap; gap: 9px; color: #a9a79e; font-size: 10px; }
.catalog-episode.has-image > p { color: #d0cdc3; }
.catalog-episode.has-image .catalog-episode-meta { color: #c2bfb5; }
.catalog-episode > .watched-label { display: none; position: absolute; top: 13px; right: 13px; z-index: 3; width: auto; padding: 5px 9px; border: 1px solid rgba(147,204,170,.2); border-radius: 999px; background: rgba(27,70,48,.88); color: #e0f1e6; font-size: 9px; line-height: 1; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; backdrop-filter: blur(8px); }
.catalog-episode.is-watched .watched-label { display: block; }
.catalog-episode[hidden] { display: none; }
.catalog-empty { padding: 46px; text-align: center; color: var(--muted); border: 1px dashed var(--line); border-radius: 18px; }
.catalog-progressive-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 24px; color: var(--muted); font-size: 14px; }
.catalog-progressive-footer strong { color: var(--text); }
.catalog-progressive-footer .btn { min-width: 180px; min-height: 48px; }
.progressive-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 24px; }
.progressive-pagination a, .progressive-pagination span { min-width: 44px; min-height: 44px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text); }
.progressive-pagination a:hover, .progressive-pagination a:focus-visible { border-color: var(--gold); color: var(--gold-soft); }
.progressive-pagination span[aria-current="page"] { border-color: var(--gold); background: var(--gold); color: #111; font-weight: 700; }
.progressive-pagination[hidden] { display: none; }
.character-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.character-card { min-height: 210px; display: grid; grid-template-columns: 92px 1fr; gap: 20px; align-items: center; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(circle at 15% 20%, rgba(209,164,94,.13), transparent 31%), var(--surface); transition: transform .22s, border-color .22s, background .22s; }
.character-card:hover, .character-card:focus-visible { transform: translateY(-4px); border-color: rgba(209,164,94,.58); background-color: #181b19; }
.character-card[hidden] { display: none; }
.character-monogram { width: 86px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(209,164,94,.35); border-radius: 50%; background: linear-gradient(160deg, #303831, #101211); color: var(--gold-soft); font: 30px Georgia, serif; box-shadow: inset 0 0 36px rgba(0,0,0,.42); }
.character-monogram.small { width: 48px; aspect-ratio: 1; border-radius: 50%; font-size: 15px; }
.character-group { color: var(--gold-soft); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.character-card h2 { margin: 11px 0 5px; font: 25px/1.1 Georgia, serif; }
.character-card p { margin: 0 0 22px; color: var(--muted); font-size: 12px; }
.home-characters .character-card { min-height: 185px; }
.home-characters .character-card:nth-child(n+4) { opacity: .9; }
.character-hero { position: relative; overflow: hidden; padding: 28px 0 88px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 12% 25%, rgba(120,88,44,.29), transparent 31%), radial-gradient(circle at 88% 16%, rgba(60,71,60,.22), transparent 30%), linear-gradient(150deg, #121512, #090b0a 70%); }
.character-hero::before { content: ""; position: absolute; width: 520px; height: 520px; right: -210px; bottom: -330px; border: 1px solid rgba(209,164,94,.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(209,164,94,.025), 0 0 0 140px rgba(209,164,94,.018); pointer-events: none; }
.character-breadcrumbs { position: relative; z-index: 2; margin-bottom: 34px; }
.character-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px, 350px) minmax(0, 1fr); gap: clamp(46px, 6vw, 92px); align-items: center; }
.character-portrait-stage { --character-portrait-size: 350px; position: relative; width: min(100%,var(--character-portrait-size)); height: var(--character-portrait-size)!important; min-height: var(--character-portrait-size)!important; max-height: var(--character-portrait-size)!important; aspect-ratio: auto; align-self: center; justify-self: center; padding: 10px; }
.character-portrait-stage::before { content: ""; position: absolute; inset: 0; border: 1px solid rgba(209,164,94,.15); border-radius: 31px; transform: rotate(-2deg); }
.character-portrait { width: 100%; height: 100%!important; min-height: 0; max-height: 100%; aspect-ratio: 1; position: relative; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(209,164,94,.42); border-radius: 25px; background: radial-gradient(circle at 60% 20%, rgba(209,164,94,.2), transparent 25%), linear-gradient(160deg, #2c342e, #0e100f); box-shadow: inset 0 0 90px rgba(0,0,0,.5); }
.character-portrait.has-image { min-height: 0; height: 100%!important; max-height: 100%; aspect-ratio: 1; display: block; }
.character-portrait-label { position: absolute; right: -10px; bottom: -18px; min-width: 74%; padding: 14px 18px; border: 1px solid rgba(209,164,94,.34); border-radius: 14px; background: rgba(18,20,18,.94); box-shadow: 0 15px 36px rgba(0,0,0,.34); backdrop-filter: blur(12px); }
.character-portrait-label span, .character-hero-meta span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.character-portrait-label strong { font: 17px Georgia, serif; }
.character-hero-copy { min-width: 0; max-width: 790px; }
.character-hero-copy .page-title { max-width: 820px; margin: 13px 0 0; overflow-wrap: anywhere; font-size: clamp(52px, 6.2vw, 88px); line-height: .95; }
.music-note { padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.music-note p { margin: 8px 0 0; color: var(--muted); line-height: 1.65; }
.character-portrait span { color: rgba(239,208,154,.78); font: 78px Georgia, serif; }
.character-original { margin: 14px 0 0; color: var(--gold-soft); font: italic 22px Georgia, serif; }
.character-hero-intro { max-width: 750px; margin: 25px 0 0; color: #d0cdc3; font-size: 18px; line-height: 1.72; }
.character-hero-meta { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 12px; margin-top: 30px; }
.character-hero-meta > div { min-height: 84px; padding: 17px 19px; border: 1px solid var(--line); border-radius: 15px; background: rgba(24,27,24,.72); }
.character-hero-meta strong { display: block; max-width: 420px; font-size: 13px; line-height: 1.5; }
.character-subnav { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.character-subnav a { padding: 9px 13px; border: 1px solid var(--line); border-radius: 999px; color: #c9c6bb; font-size: 11px; font-weight: 700; transition: border-color .2s, color .2s, background .2s; }
.character-subnav a:hover, .character-subnav a:focus-visible { border-color: rgba(209,164,94,.55); background: rgba(209,164,94,.08); color: var(--gold-soft); }
.character-profile-section { border-bottom: 1px solid var(--line); background: linear-gradient(180deg, #101210, #0c0e0d); }
.character-profile-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 390px); gap: clamp(44px, 6vw, 86px); align-items: start; }
.character-story { min-width: 0; }
.character-section-heading { display: flex; gap: 24px; align-items: flex-start; margin-bottom: 27px; }
.character-section-heading > span { padding-top: 4px; color: rgba(239,208,154,.42); font: 46px Georgia, serif; line-height: 1; }
.character-section-heading h2 { margin: 8px 0 0; font: clamp(36px, 4vw, 54px)/1.04 Georgia, serif; }
.character-story-lead { max-width: 820px; margin: 0; color: var(--text); font: 24px/1.55 Georgia, serif; }
.character-story-copy { max-width: 850px; }
.character-story-copy p { margin: 0; padding: 19px 0; border-top: 1px solid rgba(255,255,255,.08); color: #c6c3ba; font-size: 15px; line-height: 1.82; }
.character-story-copy p:first-child { padding-top: 0; border-top: 0; color: var(--text); font: 23px/1.58 Georgia,serif; }
.character-story-copy p:last-child { padding-bottom: 0; }
.character-story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 34px; }
.character-story-card { min-height: 214px; padding: 23px; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(circle at 85% 10%, rgba(209,164,94,.1), transparent 32%), var(--surface); }
.character-story-card > span, .character-story-note > span, .character-dossier-role > span, .character-start-episode > span { display: block; margin-bottom: 17px; color: var(--gold-soft); font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.character-story-card p { margin: 0; color: #c6c3b9; font-size: 14px; line-height: 1.75; }
.character-story-relations { display: grid; gap: 0; }
.character-story-relations a { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 12px 0; border-top: 1px solid var(--line); color: var(--text); }
.character-story-relations a:first-child { border-top: 0; padding-top: 0; }
.character-story-relations span { color: var(--muted); font-size: 11px; }
.character-story-relations strong { font: 17px Georgia, serif; text-align: right; }
.character-story-note { margin-top: 14px; padding: 22px 24px; border-left: 2px solid var(--gold); border-radius: 0 16px 16px 0; background: linear-gradient(90deg, rgba(91,68,36,.26), rgba(24,26,23,.5)); }
.character-story-note > span { margin-bottom: 9px; }
.character-story-note p { max-width: 760px; margin: 0; color: #c8c5bc; font-size: 13px; line-height: 1.7; }
.character-dossier { position: sticky; top: 92px; overflow: hidden; border: 1px solid rgba(209,164,94,.28); border-radius: 22px; background: linear-gradient(155deg, #1d211d, #121412 68%); box-shadow: 0 24px 65px rgba(0,0,0,.23); }
.character-dossier-head { padding: 25px 25px 20px; border-bottom: 1px solid var(--line); }
.character-dossier-head h2 { margin: 8px 0 0; font: 31px Georgia, serif; }
.character-dossier-role { padding: 22px 25px; border-bottom: 1px solid var(--line); }
.character-dossier-role > span { margin-bottom: 8px; }
.character-dossier-role strong { display: block; overflow-wrap: anywhere; font: 21px/1.28 Georgia, serif; }
.character-dossier-list { margin: 0; padding: 5px 25px; }
.character-dossier-list > div { display: grid; grid-template-columns: .9fr 1.1fr; gap: 16px; padding: 14px 0; border-top: 1px solid var(--line); }
.character-dossier-list > div:first-child { border-top: 0; }
.character-dossier-list dt { color: var(--muted); font-size: 11px; }
.character-dossier-list dd { margin: 0; color: var(--text); font-size: 12px; font-weight: 700; text-align: right; }
.character-dossier-metrics { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.character-dossier-metrics > div { padding: 20px 24px; }
.character-dossier-metrics > div + div { border-left: 1px solid var(--line); }
.character-dossier-metrics strong { display: block; color: var(--gold-soft); font: 34px Georgia, serif; }
.character-dossier-metrics span { color: var(--muted); font-size: 10px; }
.character-start-episode { display: block; margin: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: rgba(9,11,10,.5); transition: border-color .2s, transform .2s; }
.character-start-episode:hover { transform: translateY(-2px); border-color: rgba(209,164,94,.5); }
.character-start-episode > span { margin-bottom: 8px; }
.character-start-episode strong { display: block; font: 18px/1.3 Georgia, serif; }
.character-start-episode p { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.character-spoiler-note { margin: 0; padding: 0 20px 20px; color: #817f77; font-size: 10px; line-height: 1.5; text-align: center; }
.character-actor-section { position: relative; overflow: hidden; background: radial-gradient(circle at 10% 20%,rgba(209,164,94,.11),transparent 30%),linear-gradient(155deg,#171916,#0b0d0c); }
.character-actor-section::after { content: "ACTOR"; position: absolute; right: -20px; bottom: -28px; color: rgba(239,208,154,.025); font: 120px/1 Georgia,serif; letter-spacing: .08em; pointer-events: none; }
.character-actor-card { position: relative; z-index: 1; display: grid; grid-template-columns: 70px minmax(250px,.7fr) minmax(0,1.3fr); gap: 34px; align-items: start; padding: 38px; border: 1px solid rgba(209,164,94,.28); border-radius: 22px; background: rgba(18,21,18,.8); box-shadow: 0 25px 70px rgba(0,0,0,.22); }
.character-actor-number { color: rgba(239,208,154,.46); font: 42px/1 Georgia,serif; }
.character-actor-card h2 { margin: 12px 0 8px; font: clamp(32px,3.7vw,50px)/1.05 Georgia,serif; }
.character-actor-card header > p { margin: 0; color: #8e8e86; font-size: 12px; }
.character-actor-copy { padding-left: 32px; border-left: 1px solid var(--line); }
.character-actor-copy p { margin: 0; color: #cbc8bd; font-size: 15px; line-height: 1.82; }
.character-evolution-section { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 82% 10%, rgba(209,164,94,.12), transparent 27%), linear-gradient(145deg, #171a17, #0b0d0c 72%); }
.character-evolution-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22; background: repeating-linear-gradient(115deg, transparent 0 34px, rgba(255,255,255,.018) 35px, transparent 36px); }
.character-evolution-head { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 440px); gap: 45px; align-items: end; margin-bottom: 52px; }
.character-evolution-head h2 { margin: 9px 0 0; font: clamp(40px, 5vw, 62px)/1.02 Georgia, serif; }
.character-evolution-head p { margin: 0; color: #aaa79e; font-size: 14px; line-height: 1.75; }
.character-evolution-timeline { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.character-evolution-timeline::before { content: ""; position: absolute; top: 24px; right: 16.666%; left: 16.666%; height: 1px; background: linear-gradient(90deg, rgba(209,164,94,.22), rgba(239,208,154,.8), rgba(209,164,94,.22)); }
.character-evolution-step { position: relative; min-width: 0; color: var(--text); }
.character-evolution-marker { position: relative; z-index: 1; width: 49px; height: 49px; display: grid; place-items: center; margin: 0 auto 20px; border: 1px solid rgba(209,164,94,.62); border-radius: 50%; background: #121512; color: var(--gold-soft); font: 13px Georgia, serif; box-shadow: 0 0 0 7px rgba(10,12,11,.9), 0 0 26px rgba(209,164,94,.13); transition: border-color .2s, background .2s, transform .2s; }
.character-evolution-card { min-height: 276px; display: flex; flex-direction: column; padding: 25px; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(155deg, rgba(31,35,31,.94), rgba(17,19,17,.97)); transition: transform .22s, border-color .22s, background .22s; }
.character-evolution-stage { color: var(--gold-soft); font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.character-evolution-code { margin-top: 19px; color: #85837c; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.character-evolution-card strong { margin-top: 8px; font: 24px/1.16 Georgia, serif; }
.character-evolution-copy { margin-top: 16px; color: #bcb9b0; font-size: 13px; line-height: 1.68; }
.character-evolution-link { margin-top: auto; padding-top: 23px; color: var(--gold-soft); font-size: 11px; font-weight: 700; }
.character-evolution-step:hover .character-evolution-marker, .character-evolution-step:focus-visible .character-evolution-marker { transform: scale(1.08); border-color: var(--gold-soft); background: #262118; }
.character-evolution-step:hover .character-evolution-card, .character-evolution-step:focus-visible .character-evolution-card { transform: translateY(-4px); border-color: rgba(209,164,94,.5); background: linear-gradient(155deg, rgba(40,42,35,.97), rgba(18,20,18,.99)); }
.character-related-section { border-bottom: 1px solid var(--line); background: radial-gradient(circle at 8% 15%, rgba(209,164,94,.06), transparent 24%); }
.character-layout { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(280px,.7fr); gap: 65px; }
.relation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.relation-card { min-height: 126px; display: flex; flex-direction: column; justify-content: flex-end; padding: 19px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); transition: transform .2s, border-color .2s; }
.relation-card:hover { transform: translateY(-3px); border-color: rgba(209,164,94,.5); }
.relation-card span { margin-bottom: 8px; color: var(--gold-soft); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.relation-card strong { font: 23px Georgia, serif; }
.key-episode-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.key-episode { min-height: 190px; display: flex; flex-direction: column; padding: 21px; border: 1px solid var(--line); border-radius: 17px; background: radial-gradient(circle at 80% 12%, rgba(209,164,94,.14), transparent 30%), var(--surface); }
.key-episode > span { color: var(--gold-soft); font-size: 10px; letter-spacing: .14em; }
.key-episode strong { margin: auto 0 8px; font: 25px Georgia, serif; }
.key-episode p { margin: 0; color: var(--muted); font-size: 12px; }
.intersection-grid { display: grid; grid-template-columns: 1fr 70px 1fr; gap: 18px; align-items: center; }
.intersection-arrow { color: var(--gold); text-align: center; font: 36px Georgia, serif; }
.related-episode-card { min-height: 210px; display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(circle at 80% 16%, rgba(209,164,94,.17), transparent 32%), var(--surface); transition: transform .2s, border-color .2s; }
.related-episode-card:hover { transform: translateY(-4px); border-color: rgba(209,164,94,.58); }
.related-episode-card > span:first-child { margin-bottom: auto; color: var(--gold-soft); font-size: 10px; letter-spacing: .14em; }
.related-episode-card h3 { margin: 22px 0 7px; font: 30px/1.1 Georgia, serif; }
.related-episode-card p { margin: 0; color: var(--muted); }
.episode-editorial-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(290px,.7fr); gap: 64px; align-items: start; }
.prose .article-intro { color: var(--text); font-size: 19px; }
.ending-box { margin-top: 34px; padding: 24px; border: 1px solid rgba(209,164,94,.38); border-radius: 17px; background: linear-gradient(145deg, rgba(73,56,31,.45), rgba(20,21,18,.7)); }
.ending-box > span { color: var(--gold-soft); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.ending-box p { margin-bottom: 0; }
.imdb-rating { color: var(--gold-soft); }
.episode-character-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.episode-character { min-height: 84px; display: flex; gap: 12px; align-items: center; padding: 13px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); }
.episode-character strong { display: block; font-size: 12px; line-height: 1.25; }
.episode-character small { display: block; margin-top: 4px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.episode-character.appears { border-color: rgba(209,164,94,.36); }
.episode-character.appears small { color: var(--gold-soft); }
.episode-character.later { opacity: .68; }
.intersection-panel { display: grid; grid-template-columns: 1.4fr .7fr; gap: 50px; align-items: center; padding: 32px; border: 1px solid rgba(209,164,94,.35); border-radius: 22px; background: linear-gradient(145deg, #201c15, #101211); }
.intersection-panel h2 { margin: 13px 0 14px; font: 38px/1.12 Georgia, serif; }
.intersection-panel p { margin: 0; color: #c7c4ba; line-height: 1.75; }
.related-episode-card.featured { min-height: 240px; background: radial-gradient(circle at 75% 15%, rgba(209,164,94,.24), transparent 36%), #171912; }
.related-episode-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.related-episode-list.count-1 { grid-template-columns: minmax(0, 760px); }
.related-episode-list.count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.related-episode-detail { min-height: 290px; justify-content: flex-start; }
.related-episode-detail > span:first-child { margin-bottom: 0; }
.related-episode-detail h3 { margin: 18px 0 12px; font-size: 27px; }
.related-episode-detail p { line-height: 1.65; }
.related-episode-detail .text-link { margin-top: auto; padding-top: 20px; }
.music-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 65px; }
.music-layout h2 { margin: 12px 0 10px; font: 40px Georgia, serif; }
.music-list { border-top: 1px solid var(--line); }
.music-row { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 17px 0; border-bottom: 1px solid var(--line); }
.music-row strong, .music-row small { display: block; }
.music-row strong { font: 20px Georgia, serif; }
.music-row small{margin-top:4px;color:#c1c1b6;font-size:.875rem;}
.music-row-badge{color:var(--gold-soft);font-size:.8125rem;text-align:right;white-space:nowrap;}
.music-more { margin-top: 16px; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(209,164,94,.08), rgba(18,20,18,.96)); }
.music-more summary { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 17px 19px; color: var(--gold-soft); cursor: pointer; font-size: 13px; font-weight: 700; list-style: none; }
.music-more summary::-webkit-details-marker { display: none; }
.music-more summary::after { content: "+"; font: 24px/1 Georgia, serif; }
.music-more[open] summary::after { content: "−"; }
.music-more[open] summary { border-bottom: 1px solid var(--line); background: rgba(255,255,255,.025); }
.music-more-list { padding: 0 19px; }
.music-more-list .music-row:last-child { border-bottom: 0; }
@media (max-width: 980px) {
.nav { position: fixed; z-index: 45; top: 90px; right: 20px; bottom: auto; left: auto; width: min(390px, calc(100vw - 40px)); max-height: calc(100dvh - 110px); overflow-y: auto; flex-direction: column; align-items: stretch; gap: 5px; padding: 12px; border: 1px solid rgba(209,164,94,.25); border-radius: 20px; background: linear-gradient(145deg, rgba(25,28,25,.99), rgba(12,14,13,.99)); box-shadow: 0 28px 85px rgba(0,0,0,.62); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-12px) scale(.98); transform-origin: top right; transition: opacity .18s ease, visibility 0s linear .18s, transform .18s ease; }
.nav.open { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition: opacity .18s ease, visibility 0s, transform .18s ease; }
.nav > li { width: 100%; }
.nav a { min-height: 48px; display: flex; align-items: center; gap: 15px; padding: 12px 14px; border: 1px solid transparent; border-radius: 12px; background: rgba(255,255,255,.018); color: #dedbd2; font-weight: 600; }
.nav a:hover, .nav a:focus-visible, .nav .current-menu-item > a, .nav .current-menu-ancestor > a { border-color: rgba(209,164,94,.26); background: rgba(209,164,94,.09); color: var(--gold-soft); }
.nav a::after { content: "→"; position: static; width: auto; height: auto; margin-left: auto; background: none; color: rgba(239,208,154,.58); font-size: 14px; line-height: 1; }
.menu-btn { display: grid; }
.hero-content { width: 76%; }
.hero::after { right: -15%; width: 62vw; }
.picker-card { grid-template-columns: 1fr 1fr; }
.season-grid, .episode-grid { grid-template-columns: repeat(2, 1fr); }
.voice-grid { grid-template-columns: repeat(2, 1fr); }
.editorial-grid { grid-template-columns: 1fr 1fr; }
.home-materials-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.article-card:first-child { grid-column: span 2; grid-row: auto; min-height: 420px; }
.watch-layout { grid-template-columns: 1fr; }
.episode-sidebar { position: static; }
.content-grid { grid-template-columns: 1fr; gap: 30px; }
.voice-detail { grid-template-columns: 58px minmax(0, 1fr); }
.voice-detail .btn { grid-column: 2; justify-self: start; }
.materials-grid { grid-template-columns: repeat(2, 1fr); }
.material-card-wide { grid-column: span 2; }
.article-layout { grid-template-columns: 1fr; gap: 30px; }
.article-toc { position: static; }
.catalog-tools { grid-template-columns: 1fr 1fr; }
.catalog-grid { grid-template-columns: repeat(3, 1fr); }
.context-link-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.context-link-card:last-child:nth-child(odd) { grid-column: 1/-1; }
.character-grid { grid-template-columns: repeat(2, 1fr); }
.character-hero-grid { grid-template-columns: 260px 1fr; gap: 42px; }
.character-portrait-stage { --character-portrait-size: 260px; }
.character-hero-copy .page-title { font-size: clamp(48px, 7vw, 70px); }
.character-profile-layout { grid-template-columns: 1fr; gap: 42px; }
.character-dossier { position: static; }
.character-layout, .episode-editorial-grid { grid-template-columns: 1fr; gap: 34px; }
.episode-character-grid { grid-template-columns: repeat(3, 1fr); }
.home-editorial-head { grid-template-columns: 1fr; gap: 18px; }
.home-editorial-card.featured { grid-template-columns: 1fr; grid-template-areas:"number" "title" "copy"; gap: 10px; }
.continue-watching-card { grid-template-columns: 1fr; }
.watch-history-panel { border-top: 1px solid var(--line); border-left: 0; }
.character-actor-card { grid-template-columns: 55px minmax(0,1fr); }
.character-actor-copy { grid-column: 2; padding: 24px 0 0; border-top: 1px solid var(--line); border-left: 0; }
}
@media (max-width: 680px) {
.container { width: min(calc(100% - 28px), var(--container)); }
.site-header { height: 66px; }
.menu-backdrop { inset-block-start: 66px; }
.nav { top: 78px; right: 14px; width: calc(100vw - 28px); max-height: calc(100dvh - 92px); }
.header-inner { gap: 12px; }
.brand-text { font-size: 14px; }
.brand-title { max-width: 155px; }
.brand-text small { max-width: 155px; }
.brand-custom-logo { max-width: 190px; height: 42px; }
.search-btn { display: grid; width: 38px; height: 38px; }
.resume-link { width: 38px; height: 38px; min-height: 38px; justify-content: center; padding: 0; }
.resume-link > span:last-child { display: none; }
.site-search { place-items: stretch; padding: 0; }
.site-search-dialog { width: 100%; height: 100%; max-height: none; border: 0; border-radius: 0; padding: 22px 18px; }
.site-search-head h2 { font-size: 29px; }
.site-search-result { grid-template-columns: 62px minmax(0, 1fr); gap: 12px; }
.site-search-rating { grid-column: 2; margin-top: -8px; }
.site-search-hint span:last-child { display: none; }
.hero { min-height: auto; }
.hero::after { width: 100vw; right: -55%; opacity: .52; }
.hero-content { width: 100%; padding: 78px 0 108px; }
.hero-caption { display: none; }
.display { font-size: clamp(46px, 15vw, 68px); }
.lead { font-size: 16px; }
.hero-meta span + span::before { display: none; }
.actions .btn { width: 100%; }
.quick-picker { margin-top: -52px; }
.picker-card { grid-template-columns: 1fr; }
.continue-watching { padding-top: 22px; }
.continue-watching-main { min-height: 0; padding: 27px 23px 30px; }
.continue-watching-main::after { font-size: 170px; }
.watch-history-panel { padding: 22px 20px; }
.watch-history-item { grid-template-columns: 68px minmax(0,1fr); }
.section { padding: 76px 0; }
.section-sm { padding: 55px 0; }
.section-head { display: block; }
.section-head .text-link { margin-top: 18px; }
.season-grid, .voice-grid, .episode-grid, .editorial-grid { grid-template-columns: 1fr; }
.home-materials-grid { grid-template-columns: minmax(0,1fr); }
.home-materials-grid .article-card, .home-materials-grid .article-card:first-child { min-height: 390px; }
.article-card:first-child { grid-column: auto; min-height: 390px; }
.watch-layout { width: 100%; min-width: 0; }
.player-shell { border-radius: 14px; }
.player-switcher { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: visible; gap: 7px; padding: 9px; }
.player-choice { width: 100%; min-width: 0; justify-content: center; padding-inline: 9px; }
.player-choice:last-child:nth-child(odd) { grid-column: 1/-1; }
.player-stage, .episode-player, .video-placeholder { width: 100%; max-width: 100%; }
.player-bar { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 12px; }
.player-bar .field, .player-bar .btn, .player-bar select { width: 100%; min-width: 0; max-width: 100%; }
.episode-spoiler-section { margin-top: 0; padding-top: 0; }
.home-editorial::before { display: none; }
.home-editorial-intro, .home-editorial-grid { grid-template-columns: 1fr; }
.home-editorial-intro p { padding: 22px; }
.home-editorial-intro p+p { border-left: 0; border-top: 1px solid var(--line); }
.home-editorial-card, .home-editorial-card.featured { grid-column: auto; padding: 23px; }
.home-editorial-card h3, .home-editorial-card.featured h3 { font-size: 28px; }
.season-row { grid-template-columns: 88px 1fr; gap: 16px; padding: 14px; }
.season-row .btn { grid-column: 1 / -1; }
.season-poster { font-size: 44px; }
.voice-header { grid-template-columns: 1fr; }
.voice-switch { min-width: 0; }
.voice-detail { grid-template-columns: 1fr; gap: 18px; padding: 22px; }
.voice-number { display: block; border-right: 0; border-bottom: 1px solid var(--line); padding-bottom: 12px; font-size: 28px; }
.voice-detail .btn { grid-column: auto; width: 100%; }
.compare-box { display: block; }
.compare-box .btn { width: 100%; margin-top: 22px; }
.materials-grid { grid-template-columns: 1fr; }
.material-card-wide { grid-column: auto; display: block; }
.material-card-wide .material-visual { min-height: 240px; }
.article-container { width: min(calc(100% - 28px), 980px); }
.article-hero { padding: 58px 0 50px; }
.article-cover { width: min(calc(100% - 28px), 1220px); aspect-ratio: 4/3; padding: 20px; text-align: center; }
.article-layout { padding-top: 46px; padding-bottom: 76px; }
.article-body h2 { font-size: 32px; }
.article-body blockquote { font-size: 23px; }
.related-grid { grid-template-columns: 1fr; }
.page-hero { padding: 60px 0 46px; }
.episode-nav { flex-direction: column; }
.episode-nav .btn { width: 100%; }
.episode-discussion-cta { grid-template-columns: 42px minmax(0,1fr); gap: 12px; padding: 13px 14px; }
.episode-discussion-icon { width: 41px; }
.episode-discussion-cta strong { font-size: 19px; }
.episode-discussion-cta em { grid-column: 2; margin-top: -6px; white-space: normal; }
.footer-top { grid-template-columns: 1fr; gap: 30px; }
.footer-bottom { flex-direction: column; align-items: flex-start; gap: 6px; }
.seo-copy, .music-layout { grid-template-columns: 1fr; gap: 30px; }
.seo-columns { columns: 1; }
.catalog-tools { grid-template-columns: 1fr; }
.context-link-grid { grid-template-columns: 1fr; }
.context-link-card:last-child:nth-child(odd) { grid-column: auto; }
.catalog-summary { align-items: stretch; flex-direction: column; }
.catalog-progressive-footer { align-items: stretch; flex-direction: column; }
.catalog-progressive-footer .btn { width: 100%; }
.catalog-grid { grid-template-columns: 1fr; }
.catalog-episode { min-height: 190px; }
.character-grid { grid-template-columns: 1fr; }
.character-card { min-height: 175px; grid-template-columns: 72px 1fr; padding: 16px; }
.character-monogram { width: 68px; }
.character-hero { padding: 22px 0 62px; }
.character-breadcrumbs { margin-bottom: 24px; }
.character-hero-grid { grid-template-columns: 1fr; gap: 34px; }
.character-portrait-stage { --character-portrait-size: min(78vw,260px); width: var(--character-portrait-size); margin-inline: auto; padding: 7px; }
.character-portrait { width: 100%; }
.character-portrait.has-image { min-height: 0; height: 100%; aspect-ratio: 1; }
.character-portrait-label { right: -12px; min-width: 82%; padding: 12px 14px; }
.character-portrait span { font-size: 48px; }
.character-hero-copy .page-title { font-size: clamp(46px, 14vw, 67px); }
.character-hero-intro { font-size: 16px; }
.character-hero-meta { grid-template-columns: 1fr; }
.character-subnav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
.character-subnav a { white-space: nowrap; }
.character-section-heading { gap: 14px; }
.character-section-heading > span { display: none; }
.character-section-heading h2 { font-size: 36px; }
.character-story-lead, .character-story-copy p:first-child { font-size: 20px; }
.character-story-copy p { padding: 16px 0; font-size: 14px; }
.character-story-grid { grid-template-columns: 1fr; }
.character-story-card { min-height: 0; }
.character-evolution-head { grid-template-columns: 1fr; gap: 18px; margin-bottom: 38px; }
.character-evolution-timeline { grid-template-columns: 1fr; gap: 18px; }
.character-evolution-timeline::before { top: 24px; bottom: 24px; left: 24px; width: 1px; height: auto; background: linear-gradient(180deg, rgba(209,164,94,.22), rgba(239,208,154,.8), rgba(209,164,94,.22)); }
.character-evolution-step { display: grid; grid-template-columns: 49px minmax(0, 1fr); gap: 18px; align-items: start; }
.character-evolution-marker { margin: 0; }
.character-evolution-card { min-height: 0; }
.character-dossier-list > div { grid-template-columns: 1fr; gap: 5px; }
.character-dossier-list dd { text-align: left; }
.character-dossier-metrics > div { padding: 17px 19px; }
.character-actor-card { grid-template-columns: 1fr; gap: 18px; padding: 23px; }
.character-actor-number { font-size: 29px; }
.character-actor-copy { grid-column: auto; padding-top: 20px; }
.relation-grid, .key-episode-grid { grid-template-columns: 1fr; }
.intersection-grid { grid-template-columns: 1fr; }
.intersection-arrow { transform: rotate(90deg); }
.episode-character-grid { grid-template-columns: 1fr 1fr; }
.intersection-panel { grid-template-columns: 1fr; gap: 26px; padding: 22px; }
.intersection-panel h2 { font-size: 31px; }
.related-episode-list, .related-episode-list.count-1, .related-episode-list.count-3 { grid-template-columns: 1fr; }
.related-episode-detail { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
} .music-catalog-hero{position:relative;overflow:hidden;padding:58px 0 72px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 30%,rgba(209,164,94,.2),transparent 28%),radial-gradient(circle at 8% 100%,rgba(40,71,53,.24),transparent 30%),linear-gradient(145deg,#151714,#090a0a 72%)}
.music-catalog-hero::before{content:"♪";position:absolute;right:max(2vw,28px);bottom:-100px;color:rgba(239,208,154,.055);font:360px/.8 Georgia,serif;transform:rotate(-7deg);pointer-events:none}.music-catalog-hero::after{content:"";position:absolute;right:80px;top:34px;width:310px;aspect-ratio:1;border:1px solid rgba(209,164,94,.1);border-radius:50%;box-shadow:0 0 0 50px rgba(209,164,94,.02),0 0 0 100px rgba(209,164,94,.012);pointer-events:none}
.music-catalog-hero-inner{position:relative;z-index:1}.music-catalog-hero .breadcrumbs{margin-bottom:35px}.music-catalog-hero .page-title{max-width:850px;font-size:clamp(48px,6vw,78px)}.music-catalog-hero .page-intro{max-width:760px}
.music-catalog-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.music-catalog-stats>span{min-width:145px;padding:14px 17px;border:1px solid rgba(209,164,94,.22);border-radius:13px;background:rgba(15,17,15,.62);backdrop-filter:blur(10px)}.music-catalog-stats strong,.music-catalog-stats small{display:block}.music-catalog-stats strong{color:var(--gold-soft);font:26px Georgia,serif}.music-catalog-stats small{margin-top:3px;color:#c1c1b6;font-size:.8125rem;letter-spacing:normal;text-transform:none;}
.music-library-section{padding:74px 0 104px;background:linear-gradient(180deg,#0e100f,#090a0a)}.music-library-intro{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:60px;align-items:end;margin-bottom:34px}.music-library-intro h2{max-width:650px;margin:13px 0 0;font:clamp(36px,4.5vw,58px)/1.04 Georgia,serif}.music-library-intro>p{max-width:600px;margin:0 0 5px;color:#bdbbb1;font:16px/1.7 Georgia,serif}
.music-library-controls{position:sticky;top:88px;z-index:8;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(18,20,18,.94);box-shadow:0 18px 55px rgba(0,0,0,.34);backdrop-filter:blur(16px)}.music-library-controls label{display:grid;gap:7px;min-width:min(100%,12rem);flex:1 1 12rem;}.music-library-controls label>span:first-child{padding-left:4px;color:#c1c1b6;font-size:.875rem;letter-spacing:normal;text-transform:none;}.music-library-controls input,.music-library-controls select{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;outline:0;background:#0d0f0e;color:var(--text);font:1rem Arial,sans-serif;min-width:0;border-color:#777e72;}.music-library-controls input:focus,.music-library-controls select:focus{border-color:var(--gold-soft);}.music-library-controls select{appearance:none;padding:0 40px 0 13px;background:#0d0f0e linear-gradient(45deg,transparent 50%,var(--gold) 50%) calc(100% - 17px) 50%/5px 5px no-repeat}.music-library-controls select:disabled{cursor:not-allowed;opacity:1;color:#b8baaf;border-style:dashed;background-color:#191c19;}.music-library-search-field{position:relative;display:block}.music-library-search-field .search-icon{position:absolute;left:17px;top:16px;color:var(--gold-soft)}.music-library-controls .music-library-search-field input{padding:0 14px 0 48px}.music-library-reset{height:48px;padding:0 15px;border:1px solid var(--line);border-radius:11px;background:transparent;color:#e1ddd2;font-size:.875rem;font-weight:700;cursor:pointer;border-color:#777e72;}.music-library-reset:hover{border-color:rgba(209,164,94,.55);color:var(--gold-soft)}
.music-library-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 4px 17px}.music-library-summary>div:first-child{display:flex;align-items:center;gap:10px}.music-library-pulse{width:8px;aspect-ratio:1;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(209,164,94,.1)}.music-library-summary strong{font-size:1rem;}.music-library-quick{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;align-items:center;color:#c1c1b6;font-size:.875rem;}.music-library-quick button{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#e1ddd2;font-size:.875rem;cursor:pointer;min-height:44px;border-color:#777e72;}.music-library-quick button:hover{border-color:rgba(209,164,94,.5);color:var(--gold-soft)}
.music-library-list{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#101211;box-shadow:0 28px 70px rgba(0,0,0,.22)}.music-library-head,.music-library-row{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(260px,330px);gap:22px;align-items:center}.music-library-head{padding:12px 22px;border-bottom:1px solid var(--line);background:#171a17;color:#c1c1b6;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;}.music-library-row{min-height:112px;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.075);content-visibility:auto;contain-intrinsic-size:auto 112px;transition:background .18s}.music-library-row:last-child{border-bottom:0}.music-library-row:hover{background:rgba(255,255,255,.024)}.music-library-row[hidden]{display:none}.music-library-index{color:#b8baaf;font:13px Georgia,serif;font-size:.875rem;}.music-library-track{min-width:0;position:relative}.music-library-track h3{margin:0;color:#eee9de;font:22px/1.2 Georgia,serif;overflow-wrap:anywhere}.music-library-track p{margin:5px 0 0;color:var(--gold-soft);font-size:.875rem;overflow-wrap:anywhere;}.music-library-final{display:inline-block;margin-top:8px;padding:4px 7px;border:1px solid rgba(209,164,94,.22);border-radius:999px;background:rgba(209,164,94,.06);color:#efd09a;font-size:.75rem;letter-spacing:normal;text-transform:none;}
.music-library-episode{display:grid;grid-template-columns:minmax(70px,.36fr) minmax(0,1fr);gap:3px 12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#151715;transition:border-color .18s,background .18s,transform .18s;border-color:#777e72;scroll-margin-block:14rem 2rem;}.music-library-episode:hover{transform:translateX(2px);border-color:rgba(209,164,94,.52);background:#191c19}.music-library-episode>span{grid-row:1/3;color:var(--gold-soft);font-size:.8125rem;letter-spacing:normal;}.music-library-episode strong{overflow:visible;white-space:normal;font:1rem/1.4 Georgia,serif;overflow-wrap:anywhere;}.music-library-episode em{color:#bfc2b7;font-size:.8125rem;font-style:normal;}
.music-library-empty{display:grid;grid-template-columns:72px minmax(0,1fr);gap:22px;align-items:center;margin-top:14px;padding:28px;border:1px dashed rgba(209,164,94,.3);border-radius:17px;background:rgba(209,164,94,.035)}.music-library-empty>span{display:grid;place-items:center;width:62px;aspect-ratio:1;border:1px solid rgba(209,164,94,.32);border-radius:50%;color:var(--gold-soft);font:31px Georgia,serif}.music-library-empty strong{font:23px Georgia,serif}.music-library-empty p{margin:5px 0 0;color:#c1c1b6;font-size:.875rem;}.music-library-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;color:#c1c1b6;font-size:.875rem;}.music-library-footer strong{color:var(--text)}.music-library-footer .btn{min-width:180px;min-height:48px;font-size:.875rem;}
@media(max-width:1100px){.music-library-controls{position:relative;top:auto;grid-template-columns:1fr 1fr}.music-library-search{grid-column:1/-1}.music-library-reset{width:100%;color:#e1ddd2;font-size:.875rem;border-color:#777e72;}.music-library-head,.music-library-row{grid-template-columns:48px minmax(0,1fr) minmax(220px,280px);gap:15px}}
@media(max-width:760px){.music-catalog-hero{padding:42px 0 54px}.music-catalog-hero::before{right:-40px;bottom:-45px;font-size:210px}.music-catalog-hero::after{display:none}.music-catalog-hero .breadcrumbs{margin-bottom:25px}.music-catalog-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}.music-catalog-stats>span{min-width:0;padding:11px}.music-catalog-stats strong{font-size:21px}.music-catalog-stats small{font-size:.8125rem;color:#c1c1b6;letter-spacing:normal;text-transform:none;}.music-library-section{padding:52px 0 76px}.music-library-intro{grid-template-columns:1fr;gap:18px}.music-library-intro>p{font-size:14px}.music-library-controls{padding:13px}.music-library-search{grid-column:auto}.music-library-summary{align-items:flex-start;flex-direction:column}.music-library-quick{justify-content:flex-start;color:#c1c1b6;font-size:.875rem;}.music-library-head{display:none;color:#c1c1b6;font-size:.8125rem;letter-spacing:.06em;}.music-library-row{grid-template-columns:38px minmax(0,1fr);gap:12px;min-height:0;padding:17px 14px}.music-library-index{align-self:start;padding-top:5px;font-size:.875rem;color:#b8baaf;}.music-library-track h3{font-size:19px}.music-library-episode{grid-column:2;margin-top:7px;grid-template-columns:minmax(70px,.36fr) minmax(0,1fr);border-color:#777e72;scroll-margin-block:14rem 2rem;}.music-library-footer{align-items:stretch;flex-direction:column;color:#c1c1b6;font-size:.875rem;}.music-library-footer .btn{width:100%;min-height:48px;font-size:.875rem;}.music-library-empty{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:21px}.music-library-empty>span{width:48px}}
.search-page-hero{position:relative;overflow:hidden;padding:58px 0 68px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 18%,rgba(209,164,94,.18),transparent 30%),radial-gradient(circle at 8% 90%,rgba(44,73,56,.23),transparent 28%),linear-gradient(145deg,#131613,#090a0a 72%)}
.search-page-hero::after{content:"";position:absolute;right:-110px;bottom:-240px;width:480px;aspect-ratio:1;border:1px solid rgba(209,164,94,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(209,164,94,.025),0 0 0 140px rgba(209,164,94,.015);pointer-events:none}
.search-page-hero-inner{position:relative;z-index:1}.search-page-hero .breadcrumbs{margin-bottom:34px}.search-page-hero .page-title{max-width:850px;font-size:clamp(46px,6vw,78px)}
.search-page-intro{max-width:760px;margin:20px 0 30px;color:#c6c4ba;font-size:17px;line-height:1.65}
.search-page-form{max-width:980px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 9px 9px 20px;border:1px solid rgba(209,164,94,.48);border-radius:18px;background:rgba(18,20,18,.94);box-shadow:0 20px 70px rgba(0,0,0,.34)}
.search-page-form:focus-within{border-color:var(--gold-soft);box-shadow:0 0 0 3px rgba(209,164,94,.09),0 20px 70px rgba(0,0,0,.34)}.search-page-form .search-icon{color:var(--gold-soft)}
.search-page-form input{min-width:0;width:100%;height:54px;border:0;outline:0;background:transparent;color:var(--text);font:18px/1.4 Arial,sans-serif}.search-page-form input::placeholder{color:#777970}.search-page-form .btn{min-width:116px;border-radius:12px}
.search-examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:17px;color:var(--muted);font-size:11px}.search-examples>span{margin-right:3px;text-transform:uppercase;letter-spacing:.1em}.search-examples a{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#c9c7bd;transition:border-color .2s,color .2s}.search-examples a:hover{border-color:rgba(209,164,94,.5);color:var(--gold-soft)}
.search-results-section{min-height:520px;padding:62px 0 104px;background:linear-gradient(180deg,#0d0f0e,#090a0a)}
.search-results-toolbar{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--line)}.search-results-toolbar>div{display:grid;gap:4px}.search-results-kicker{color:var(--muted);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.search-results-toolbar strong{font:30px/1.2 Georgia,serif;overflow-wrap:anywhere}.search-results-toolbar small{color:var(--gold-soft);font-size:11px}
.search-filter-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#111311}.search-filter-tabs a{padding:9px 14px;border-radius:999px;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.search-filter-tabs a:hover{color:var(--text)}.search-filter-tabs a.is-active{background:var(--gold);color:#111}
.search-season-hit{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:18px;padding:20px 24px;border:1px solid rgba(209,164,94,.38);border-radius:18px;background:radial-gradient(circle at 8% 40%,rgba(209,164,94,.2),transparent 22%),linear-gradient(135deg,#1b1b15,#111411);box-shadow:0 18px 48px rgba(0,0,0,.2);transition:transform .2s,border-color .2s}.search-season-hit:hover{transform:translateY(-2px);border-color:rgba(239,208,154,.7)}.search-season-roman{display:grid;place-items:center;width:68px;aspect-ratio:1;border:1px solid rgba(209,164,94,.4);border-radius:50%;color:var(--gold-soft);font:32px Georgia,serif}.search-season-hit small,.search-season-hit strong,.search-season-hit em{display:block}.search-season-hit small{margin-bottom:4px;color:var(--gold-soft);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.search-season-hit strong{font:27px Georgia,serif}.search-season-hit em{margin-top:5px;color:var(--muted);font-size:11px;font-style:normal}
.search-result-list{display:grid;gap:12px}.search-result-card{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:26px;align-items:center;min-height:184px;overflow:hidden;padding:18px 24px 18px 18px;border:1px solid var(--line);border-radius:19px;background:radial-gradient(circle at 5% 22%,rgba(209,164,94,.08),transparent 22%),var(--surface);transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.search-result-card:hover,.search-result-card:focus-visible{transform:translateY(-3px);border-color:rgba(209,164,94,.5);background-color:#161916;box-shadow:0 20px 45px rgba(0,0,0,.2);outline:none}
.search-result-number{min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(209,164,94,.25);border-radius:15px;background:linear-gradient(155deg,rgba(209,164,94,.11),rgba(10,12,11,.7))}.search-result-number small{color:var(--gold-soft);font-size:10px;letter-spacing:.14em}.search-result-number strong{margin:3px 0 1px;font:47px/.95 Georgia,serif}.search-result-number em{color:var(--muted);font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.1em}
.search-result-portrait{min-height:146px;display:grid;place-items:center;border:1px solid rgba(209,164,94,.2);border-radius:15px;background:radial-gradient(circle,rgba(209,164,94,.12),transparent 66%)}.search-result-card .search-result-portrait .character-monogram,.search-result-card .search-result-portrait .character-photo-image{width:78px;height:auto;aspect-ratio:1;border-radius:50%}
.search-result-copy{min-width:0}.search-result-copy>span{display:block}.search-result-type{margin-bottom:8px;color:var(--gold-soft);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.search-result-title{font:30px/1.15 Georgia,serif}.search-result-original{margin-top:5px;color:#979990;font:italic 14px Georgia,serif}.search-result-snippet{max-width:830px;margin-top:14px;color:#bdbcb3;font-size:13px;line-height:1.65}.search-result-snippet.is-music{display:inline-flex;align-items:center;gap:10px;width:auto;padding:8px 12px;border:1px solid rgba(209,164,94,.22);border-radius:10px;background:rgba(209,164,94,.06);color:#ddd8ca}.search-result-snippet.is-music b{color:var(--gold-soft);font-size:17px}.search-result-card mark{padding:0 2px;border-radius:3px;background:rgba(239,208,154,.22);color:#fff1cf}.search-card-arrow{align-self:center;color:var(--gold-soft);font-size:11px;font-weight:700;white-space:nowrap}.search-result-document strong{font-size:38px}
.search-empty-state{display:grid;grid-template-columns:150px minmax(0,650px);gap:42px;align-items:center;justify-content:center;padding:72px 28px;border:1px dashed rgba(209,164,94,.32);border-radius:24px;background:radial-gradient(circle at 20% 50%,rgba(209,164,94,.1),transparent 30%),var(--surface)}.search-empty-mark{display:grid;place-items:center;width:140px;aspect-ratio:1;border:1px solid rgba(209,164,94,.35);border-radius:50%;color:var(--gold-soft);font:72px Georgia,serif}.search-empty-state h2{margin:12px 0;font:38px/1.12 Georgia,serif}.search-empty-state p{margin:0 0 24px;color:var(--muted);line-height:1.7}
.header-search{position:absolute;left:0;right:0;top:100%;z-index:30;padding:18px 0;background:rgba(17,16,15,.98);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.header-search[hidden]{display:none}.header-search form{display:grid;grid-template-columns:1fr auto auto;gap:12px}.header-search input{width:100%;min-height:48px;padding:0 16px;color:var(--paper);background:#171715;border:1px solid var(--line);border-radius:8px;font:inherit}
.site-header{position:sticky;top:0;z-index:40}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.character-photo-image{width:86px;height:116px;object-fit:cover;object-position:center;border-radius:999px 999px 22px 22px;border:1px solid rgba(217,172,86,.42)}
.character-portrait .character-photo-image{width:100%;height:auto;border-radius:inherit}.character-portrait.has-image .character-portrait-image{display:block;width:100%;height:auto;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:contain;object-position:center;border:0;border-radius:inherit}.character-monogram.small,.character-photo-image.small{width:48px;height:56px}
.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.episode-catalog{display:grid;gap:1px;background:var(--line)}
.episode-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:20px;padding:22px;background:var(--surface);color:inherit;text-decoration:none}.episode-row:hover{background:var(--surface-2)}.episode-row small{display:block;margin-top:5px;color:var(--muted)}
.post-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:56px}.post-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.single-material-cover{margin:0 0 38px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.single-material-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.pagination{margin-top:28px}.pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap}.pagination a,.pagination span{padding:10px 14px;border:1px solid var(--line);border-radius:6px}
@media(max-width:760px){.header-search form{grid-template-columns:1fr auto}.header-search [data-search-close]{grid-column:1/-1}.episode-row{grid-template-columns:80px 1fr}.episode-row .arrow-circle{display:none}.post-layout{grid-template-columns:1fr}.search-page-hero{padding:42px 0 50px}.search-page-hero .breadcrumbs{margin-bottom:25px}.search-page-intro{font-size:15px}.search-page-form{grid-template-columns:auto minmax(0,1fr);padding:10px 12px}.search-page-form input{height:48px;font-size:15px}.search-page-form .btn{grid-column:1/-1;width:100%;min-height:46px}.search-examples{align-items:flex-start}.search-results-section{padding:42px 0 76px}.search-results-toolbar{align-items:stretch;flex-direction:column}.search-filter-tabs{max-width:100%;overflow-x:auto;align-self:flex-start}.search-season-hit{grid-template-columns:65px minmax(0,1fr);gap:14px;padding:15px}.search-season-roman{width:55px;font-size:25px}.search-season-hit>.search-card-arrow{display:none}.search-result-card{grid-template-columns:76px minmax(0,1fr);gap:15px;min-height:0;padding:14px}.search-result-card>.search-card-arrow{display:none}.search-result-number,.search-result-portrait{min-height:112px}.search-result-number strong{font-size:36px}.search-result-title{font-size:23px}.search-result-snippet{margin-top:10px;font-size:12px}.search-result-card .search-result-portrait .character-monogram,.search-result-card .search-result-portrait .character-photo-image{width:58px}.search-empty-state{grid-template-columns:1fr;gap:22px;padding:38px 24px}.search-empty-mark{width:90px;font-size:48px}.search-empty-state h2{font-size:31px}} .voice-landing-hero{position:relative;overflow:hidden;padding:42px 0 86px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 30%,rgba(209,164,94,.2),transparent 28%),radial-gradient(circle at 8% 100%,rgba(45,73,57,.24),transparent 31%),linear-gradient(145deg,#151714,#090a0a 72%)}
.voice-landing-hero::after{content:"";position:absolute;right:-150px;bottom:-330px;width:600px;aspect-ratio:1;border:1px solid rgba(209,164,94,.12);border-radius:50%;box-shadow:0 0 0 72px rgba(209,164,94,.025),0 0 0 144px rgba(209,164,94,.015);pointer-events:none}
.voice-landing-hero .breadcrumbs{position:relative;z-index:2;margin-bottom:48px}.voice-landing-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:clamp(40px,7vw,100px);align-items:end}.voice-landing-copy{min-width:0}.voice-landing-copy .page-title{max-width:930px;margin:15px 0 22px;font-size:clamp(48px,6.6vw,88px);line-height:.98}.voice-landing-copy .page-intro{max-width:780px;margin:0;color:#cfccc2;font-size:18px;line-height:1.72}.voice-landing-tags{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.voice-landing-tags span{padding:8px 11px;border:1px solid rgba(209,164,94,.23);border-radius:999px;background:rgba(15,17,15,.58);color:#c9c6bc;font-size:10px}.voice-verdict{position:relative;padding:27px;overflow:hidden;border:1px solid rgba(209,164,94,.35);border-radius:22px;background:linear-gradient(145deg,rgba(49,40,25,.92),rgba(18,20,18,.95));box-shadow:0 28px 70px rgba(0,0,0,.26)}.voice-verdict::after{content:"“";position:absolute;right:12px;top:-38px;color:rgba(239,208,154,.08);font:150px Georgia,serif}.voice-verdict>span{color:var(--gold-soft);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.voice-verdict>strong{display:block;margin:17px 0 10px;font:36px Georgia,serif}.voice-verdict>p{position:relative;z-index:1;margin:0;color:#c6c3ba;font:15px/1.7 Georgia,serif}.voice-verdict>div{display:grid;gap:4px;margin-top:25px;padding-top:17px;border-top:1px solid var(--line)}.voice-verdict small{color:var(--muted);font-size:8px;letter-spacing:.13em;text-transform:uppercase}.voice-verdict b{font-size:11px}
.voice-editorial-section{padding-top:0;background:linear-gradient(180deg,#0d0f0e,#090a0a)}.voice-page-nav{position:sticky;top:78px;z-index:8;display:flex;gap:6px;overflow-x:auto;margin:0 0 65px;padding:10px;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;background:rgba(17,19,17,.94);backdrop-filter:blur(16px)}.voice-page-nav a{flex:0 0 auto;padding:9px 13px;border-radius:999px;color:#aaa99f;font-size:10px;font-weight:700}.voice-page-nav a:hover{background:rgba(209,164,94,.11);color:var(--gold-soft)}.voice-page-editorial{max-width:1080px;margin-inline:auto}.voice-copy-section{scroll-margin-top:150px;display:grid;grid-template-columns:90px minmax(0,1fr);gap:38px;padding:0 0 65px;margin-bottom:65px;border-bottom:1px solid var(--line)}.voice-section-index{color:rgba(239,208,154,.55);font:30px Georgia,serif}.voice-copy-section h2,.voice-credits-card h2,.voice-audience-card h2,.voice-comparison h2{margin:0 0 23px;font:clamp(37px,4.6vw,55px)/1.08 Georgia,serif}.voice-copy-section p{max-width:860px;margin:0;color:#c9c6bc;font:17px/1.84 Georgia,serif}.voice-copy-section p+p{margin-top:21px}.voice-credits-card{scroll-margin-top:150px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;margin-bottom:18px;padding:35px;border:1px solid rgba(209,164,94,.27);border-radius:22px;background:radial-gradient(circle at 5% 20%,rgba(209,164,94,.12),transparent 27%),var(--surface)}.voice-credits-card .voice-section-index{display:block;margin-bottom:28px}.voice-credits-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.voice-credits-card ul{display:grid;align-content:center;gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;list-style:none;background:var(--line)}.voice-credits-card li{position:relative;padding:15px 18px 15px 43px;background:#111311;color:#dfdcd2;font-size:13px}.voice-credits-card li::before{content:"";position:absolute;left:19px;top:21px;width:7px;aspect-ratio:1;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(209,164,94,.1)}
.voice-pros-cons{scroll-margin-top:150px;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:70px 0}.voice-list-card{padding:29px;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.voice-list-card>span{display:block;margin-bottom:22px;color:var(--gold-soft);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.voice-list-card.negative>span{color:#c4b5a9}.voice-list-card ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.voice-list-card li{position:relative;padding-left:25px;color:#c8c6bc;font-size:13px;line-height:1.6}.voice-list-card li::before{position:absolute;left:0;top:0;color:var(--gold-soft);font-weight:700}.voice-list-card.positive li::before{content:"+"}.voice-list-card.negative li::before{content:"–"}.voice-audience-card{scroll-margin-top:150px;margin:0 0 75px;padding:clamp(30px,5vw,54px);border:1px solid rgba(209,164,94,.35);border-radius:24px;background:linear-gradient(145deg,#282319,#141715 58%)}.voice-audience-card h2{max-width:800px;margin-top:13px}.voice-audience-card p{max-width:900px;margin:0;color:#d1cec4;font:18px/1.78 Georgia,serif}.voice-comparison{scroll-margin-top:150px}.voice-comparison-head{display:flex;align-items:flex-start;gap:38px;margin-bottom:30px}.voice-comparison-head>.voice-section-index{flex:0 0 90px}.voice-comparison-head>div{min-width:0;width:100%;max-width:900px}.voice-comparison-head .eyebrow{width:100%;margin-bottom:12px}.voice-comparison-head h2{max-width:900px;overflow-wrap:normal;word-break:normal}.voice-comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.voice-comparison-grid article{min-height:235px;padding:25px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 88% 9%,rgba(209,164,94,.1),transparent 27%),var(--surface)}.voice-comparison-grid h3{margin:0 0 17px;font:25px/1.17 Georgia,serif}.voice-comparison-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.72}
.voice-watch-section{padding:90px 0;background:radial-gradient(circle at 9% 35%,rgba(209,164,94,.13),transparent 26%),linear-gradient(145deg,#151914,#0c0e0d);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.voice-watch-shell{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(35px,6vw,80px);align-items:center}.voice-watch-intro h2{margin:13px 0 18px;font:clamp(37px,4.7vw,58px)/1.08 Georgia,serif}.voice-watch-intro p{max-width:520px;margin:0;color:var(--muted);line-height:1.72}.voice-picker-card{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:20px;border:1px solid rgba(209,164,94,.3);border-radius:21px;background:rgba(17,19,17,.94);box-shadow:0 28px 75px rgba(0,0,0,.28)}.voice-picker-card .field{display:grid;gap:8px}.voice-picker-card label,.voice-picker-lock>span{color:var(--muted);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.voice-picker-card select{width:100%;min-width:0;height:52px;padding:0 40px 0 14px;border:1px solid var(--line);border-radius:12px;appearance:none;background:#0c0e0d linear-gradient(45deg,transparent 50%,var(--gold) 50%) calc(100% - 17px) 23px/5px 5px no-repeat;color:var(--text)}.voice-picker-lock{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center;padding:15px 17px;border:1px solid rgba(209,164,94,.2);border-radius:12px;background:rgba(209,164,94,.055)}.voice-picker-lock>span{grid-column:1/-1}.voice-picker-lock strong{font:23px Georgia,serif}.voice-picker-lock small{color:var(--gold-soft);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.voice-picker-card>.btn{grid-column:1/-1;width:100%;min-height:54px}.voice-other-section{background:#0b0d0c}.voice-other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.voice-other-grid>a{min-height:245px;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 88% 8%,rgba(209,164,94,.12),transparent 28%),var(--surface);transition:transform .2s,border-color .2s}.voice-other-grid>a:hover{transform:translateY(-3px);border-color:rgba(209,164,94,.5)}.voice-other-grid span{color:var(--gold-soft);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.voice-other-grid h3{margin:30px 0 10px;font:30px Georgia,serif}.voice-other-grid p{margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.65}.voice-other-grid em{margin-top:auto;color:var(--gold-soft);font-size:11px;font-style:normal;font-weight:700}
@media(max-width:960px){.voice-landing-hero-grid,.voice-watch-shell{grid-template-columns:1fr}.voice-verdict{max-width:620px}.voice-comparison-grid{grid-template-columns:1fr 1fr}.voice-comparison-grid article:last-child{grid-column:1/-1}.voice-other-grid{grid-template-columns:1fr 1fr}.voice-other-grid>a:last-child{grid-column:1/-1}.voice-credits-card{gap:30px}.voice-page-nav{top:66px}}
@media(max-width:680px){.voice-landing-hero{padding:30px 0 58px}.voice-landing-hero .breadcrumbs{margin-bottom:34px}.voice-landing-copy .page-title{font-size:clamp(43px,13vw,62px);overflow-wrap:anywhere}.voice-landing-copy .page-intro{font-size:15px}.voice-landing-copy>.btn{width:100%}.voice-verdict{padding:23px}.voice-page-nav{margin-bottom:47px}.voice-copy-section{grid-template-columns:1fr;gap:14px}.voice-comparison-head{display:block}.voice-comparison-head>.voice-section-index{display:block;margin-bottom:14px}.voice-copy-section{padding-bottom:48px;margin-bottom:48px}.voice-section-index{font-size:24px}.voice-copy-section h2,.voice-credits-card h2,.voice-audience-card h2,.voice-comparison h2{font-size:35px}.voice-copy-section p{font-size:15px}.voice-credits-card,.voice-pros-cons{grid-template-columns:1fr}.voice-credits-card{padding:23px}.voice-pros-cons{margin:48px 0}.voice-audience-card{margin-bottom:54px;padding:27px 23px}.voice-audience-card p{font-size:16px}.voice-comparison-grid,.voice-other-grid{grid-template-columns:1fr}.voice-comparison-grid article,.voice-other-grid>a{min-height:0}.voice-comparison-grid article:last-child,.voice-other-grid>a:last-child{grid-column:auto}.voice-watch-section{padding:64px 0}.voice-picker-card{grid-template-columns:1fr;padding:14px}.voice-picker-lock,.voice-picker-card>.btn{grid-column:auto}.voice-picker-lock{grid-template-columns:1fr}.voice-picker-lock>span{grid-column:auto}.voice-other-grid h3{margin-top:22px}} .voices-hero{position:relative;overflow:hidden;padding:48px 0 82px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 28%,rgba(209,164,94,.2),transparent 28%),radial-gradient(circle at 7% 100%,rgba(37,70,51,.23),transparent 32%),linear-gradient(145deg,#151714,#090a0a 72%)}
.voices-hero::after{content:"VOICE";position:absolute;right:-34px;bottom:-51px;color:rgba(239,208,154,.028);font:180px/1 Georgia,serif;letter-spacing:.06em;pointer-events:none}.voices-hero .breadcrumbs{position:relative;z-index:1;margin-bottom:42px}.voices-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:clamp(44px,7vw,100px);align-items:end}.voices-hero .page-title{max-width:850px;margin:14px 0 22px;font-size:clamp(51px,6.2vw,82px)}.voices-hero .page-intro{max-width:760px;font-size:18px;line-height:1.7}
.voices-featured{position:relative;display:flex;min-height:390px;flex-direction:column;padding:31px;overflow:hidden;border:1px solid rgba(239,208,154,.44);border-radius:24px;background:radial-gradient(circle at 88% 12%,rgba(239,208,154,.17),transparent 29%),linear-gradient(150deg,#302719,#141713 66%);box-shadow:0 30px 80px rgba(0,0,0,.27);transition:transform .22s,border-color .22s}.voices-featured::after{content:"01";position:absolute;right:18px;top:29px;color:rgba(239,208,154,.13);font:78px/1 Georgia,serif}.voices-featured:hover{transform:translateY(-4px);border-color:rgba(239,208,154,.75)}.voices-featured-kicker{position:relative;z-index:1;color:var(--gold-soft);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.voices-featured>div{position:relative;z-index:1;margin-top:70px}.voices-featured strong,.voices-featured em{display:block}.voices-featured strong{font:48px/1 Georgia,serif}.voices-featured em{margin-top:8px;color:#aaa79d;font-size:12px;font-style:normal}.voices-featured p{position:relative;z-index:1;margin:24px 0;color:#c9c5ba;font:15px/1.65 Georgia,serif}.voices-featured .btn{position:relative;z-index:1;width:100%;margin-top:auto}
.voice-choice-section{background:#0d0f0e}.section-note{max-width:510px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.voice-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.voice-choice-grid>a{min-height:230px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:19px;background:radial-gradient(circle at 88% 10%,rgba(209,164,94,.11),transparent 29%),var(--surface);transition:transform .2s,border-color .2s}.voice-choice-grid>a:hover{transform:translateY(-3px);border-color:rgba(209,164,94,.55)}.voice-choice-grid span{color:var(--gold-soft);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.voice-choice-grid strong{margin:auto 0 11px;font:31px Georgia,serif}.voice-choice-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.voice-catalog-section{background:linear-gradient(180deg,#111311,#0b0d0c)}.voice-catalog-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,510px);gap:50px;align-items:end;margin-bottom:34px}.voice-catalog-heading h2{margin:11px 0 0;font:clamp(38px,4.5vw,57px)/1.05 Georgia,serif}.voice-catalog-heading>p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.voice-detail h3{margin:9px 0 8px;font:32px Georgia,serif}.voice-number{display:flex;flex-direction:column;justify-content:center;gap:8px}.voice-number small{color:var(--gold-soft);font:7px Arial,sans-serif;letter-spacing:.11em;text-align:center;text-transform:uppercase}.voice-guide-section{border-top:1px solid var(--line);background:radial-gradient(circle at 10% 18%,rgba(209,164,94,.09),transparent 28%),#0b0d0c}.voice-guide-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(45px,7vw,90px);align-items:start;margin-bottom:45px}.voice-guide-layout h2{max-width:560px;margin:12px 0 0;font:clamp(38px,4.7vw,58px)/1.08 Georgia,serif}.voice-guide-copy{display:grid;gap:18px}.voice-guide-copy p{margin:0;color:#c7c4bb;font:16px/1.78 Georgia,serif}.voice-catalog-faq,.voice-faq{display:grid;gap:10px}.voice-catalog-faq{grid-template-columns:repeat(3,1fr)}.voice-catalog-faq details,.voice-faq details{padding:21px;border-color:rgba(209,164,94,.22);background:#121412}.voice-catalog-faq summary,.voice-faq summary{color:#e1ddd2;font:18px/1.35 Georgia,serif}.voice-catalog-faq p,.voice-faq p{color:var(--muted);font-size:12px;line-height:1.7}.voice-key-points{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-bottom:65px;overflow:hidden;border:1px solid rgba(209,164,94,.26);border-radius:19px;background:var(--line)}.voice-key-points>div{min-height:108px;display:flex;flex-direction:column;justify-content:center;padding:21px;background:#131613}.voice-key-points span{margin-bottom:8px;color:var(--gold-soft);font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.voice-key-points strong{font:19px/1.35 Georgia,serif}.voice-comparison-grid h3 a{border-bottom:1px solid rgba(209,164,94,.34);transition:color .2s,border-color .2s}.voice-comparison-grid h3 a:hover{color:var(--gold-soft);border-color:var(--gold-soft)}.voice-faq{scroll-margin-top:150px;margin-top:72px}.voice-faq .voice-comparison-head{margin-bottom:23px}
.music-season-shortcuts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:-5px 0 22px}.music-season-shortcuts button{display:grid;gap:5px;min-height:68px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#121412;color:#c1c1b6;cursor:pointer;border-color:#777e72;}.music-season-shortcuts button:hover,.music-season-shortcuts button.active{border-color:rgba(209,164,94,.6);background:rgba(209,164,94,.09);color:var(--text)}.music-season-shortcuts span{font-size:.875rem;}.music-season-shortcuts strong{color:var(--gold-soft);font:19px Georgia,serif}.music-library-empty{display:none}.music-library-empty.is-visible{display:grid}.music-library-empty[hidden]{display:none!important}.music-editorial-section{border-top:1px solid var(--line);background:radial-gradient(circle at 84% 10%,rgba(209,164,94,.09),transparent 28%),linear-gradient(160deg,#131613,#090b0a)}.music-editorial-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(42px,7vw,90px);align-items:start}.music-editorial-grid h2{max-width:580px;margin:12px 0 0;font:clamp(38px,4.8vw,59px)/1.08 Georgia,serif}.music-editorial-copy{display:grid;gap:19px}.music-editorial-copy p{margin:0;color:#c7c4bb;font:16px/1.8 Georgia,serif}.music-season-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:5px}.music-season-links a{min-height:130px;display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:transform .2s,border-color .2s}.music-season-links a:hover{transform:translateY(-3px);border-color:rgba(209,164,94,.5)}.music-season-links span{color:#c1c1b6;font-size:.8125rem;letter-spacing:normal;text-transform:none;}.music-season-links strong{margin:auto 0 5px;font:25px Georgia,serif}.music-season-links em{color:var(--gold-soft);font-size:.875rem;font-style:normal;}.music-faq{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.music-faq details{padding:20px;background:#111311}.music-faq summary{color:#e1ddd2;font:17px/1.35 Georgia,serif}.music-faq p{color:#c1c1b6;font-size:1rem;line-height:1.7;}
@media(max-width:980px){.voices-hero-grid,.voice-guide-layout,.music-editorial-grid{grid-template-columns:1fr}.voices-featured{max-width:620px;min-height:330px}.voice-choice-grid{grid-template-columns:1fr 1fr}.voice-choice-grid>a:last-child{grid-column:1/-1}.voice-catalog-heading{grid-template-columns:1fr;gap:18px}.voice-catalog-faq,.music-faq{grid-template-columns:1fr}.music-season-shortcuts{grid-template-columns:repeat(4,1fr)}.music-season-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.voices-hero{padding:30px 0 58px}.voices-hero::after{font-size:95px}.voices-hero .breadcrumbs{margin-bottom:31px}.voices-hero .page-title{font-size:clamp(44px,13vw,62px)}.voices-hero .page-intro{font-size:15px}.voices-featured{min-height:310px;padding:24px}.voices-featured>div{margin-top:55px}.voices-featured strong{font-size:42px}.voice-choice-grid,.voice-key-points{grid-template-columns:1fr}.voice-choice-grid>a{min-height:180px}.voice-choice-grid>a:last-child{grid-column:auto}.voice-catalog-heading{margin-bottom:25px}.voice-number{align-items:flex-start}.voice-number small{text-align:left}.voice-guide-copy p,.music-editorial-copy p{font-size:15px}.music-season-shortcuts{grid-template-columns:repeat(2,1fr)}.music-season-links{grid-template-columns:1fr}.music-faq{margin-top:14px}} .character-identity-tags{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0 0}.character-identity-tags span{padding:7px 10px;border:1px solid rgba(209,164,94,.23);border-radius:999px;background:rgba(209,164,94,.045);color:#c9c6bb;font-size:9px}.character-focus-section{border-bottom:1px solid var(--line);background:radial-gradient(circle at 84% 12%,rgba(209,164,94,.11),transparent 29%),linear-gradient(150deg,#151815,#0b0d0c)}.character-focus-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,480px);gap:50px;align-items:end;margin-bottom:36px}.character-focus-head h2{margin:11px 0 0;font:clamp(39px,4.7vw,58px)/1.06 Georgia,serif}.character-focus-head>p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.character-focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.character-focus-grid article{min-height:300px;display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:19px;background:radial-gradient(circle at 90% 8%,rgba(209,164,94,.11),transparent 28%),var(--surface)}.character-focus-grid article>span{color:var(--gold-soft);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.character-focus-grid h3{margin:42px 0 14px;font:28px/1.16 Georgia,serif}.character-focus-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.character-focus-grid a{margin-top:auto;padding-top:24px;color:var(--gold-soft);font-size:11px;font-weight:700}.character-faq-section{border-top:1px solid var(--line);background:linear-gradient(180deg,#0c0e0d,#111411)}.character-faq-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(42px,7vw,90px);align-items:start}.character-faq-layout h2{margin:12px 0 15px;font:clamp(38px,4.7vw,58px)/1.07 Georgia,serif}.character-faq-layout>div:first-child>p{max-width:440px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.character-faq-list{display:grid;gap:9px}.character-faq-list details{padding:21px;background:#131513}.character-faq-list summary{color:#e5e1d7;font:19px/1.35 Georgia,serif}.character-faq-list p{color:var(--muted);font-size:13px;line-height:1.72}
@media(max-width:960px){.character-focus-head,.character-faq-layout{grid-template-columns:1fr;gap:20px}.character-focus-grid{grid-template-columns:1fr 1fr}.character-focus-grid article:last-child{grid-column:1/-1;min-height:220px}}
@media(max-width:680px){.character-identity-tags{margin-top:17px}.character-focus-grid{grid-template-columns:1fr}.character-focus-grid article,.character-focus-grid article:last-child{grid-column:auto;min-height:240px}.character-focus-grid h3{margin-top:31px}.character-faq-list details{padding:18px}} .fact-row small{grid-column:2;color:var(--muted);font-size:9px;line-height:1.4;margin-top:-7px}
.episode-comments{scroll-margin-top:96px;border-top:1px solid var(--line);background:radial-gradient(circle at 12% 8%,rgba(209,164,94,.1),transparent 29%),linear-gradient(160deg,#111411,#090b0a)}
.episode-comments-shell{width:min(calc(100% - 36px),1000px)}
.episode-comments-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:clamp(28px,6vw,80px);align-items:end;margin-bottom:34px}
.episode-comments-heading h2{margin:11px 0 0;font:clamp(37px,4.5vw,56px)/1.06 Georgia,serif}
.episode-comments-heading>p{margin:0;color:var(--muted);font-size:13px;line-height:1.72}
.episode-comment-list,.episode-comment-list .children{margin:0;padding:0;list-style:none}
.episode-comment-list{display:grid;gap:13px}
.episode-comment-list .children{display:grid;gap:11px;margin:12px 0 0 42px;padding-left:17px;border-left:1px solid rgba(209,164,94,.22)}
.episode-comment-card{padding:22px 24px;border:1px solid var(--line);border-radius:17px;background:rgba(19,22,19,.9);box-shadow:0 14px 45px rgba(0,0,0,.12)}
.episode-comment-head{display:flex;gap:12px;align-items:center}
.episode-comment-avatar{flex:0 0 44px}.episode-comment-avatar img,.episode-comment-avatar span{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(209,164,94,.35);border-radius:50%;background:linear-gradient(145deg,#292f29,#101211);color:var(--gold-soft);font:18px/1 Georgia,serif}
.episode-comment-head strong{display:block;color:var(--text);font:17px Georgia,serif}
.episode-comment-head time{display:block;margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:.04em}
.episode-comment-content{margin-top:17px;color:#d0cdc4;font-size:14px;line-height:1.75}
.episode-comment-content p{margin:0 0 12px}.episode-comment-content p:last-child{margin-bottom:0}
.episode-comment-actions{margin-top:14px}.episode-comment-actions a{color:var(--gold-soft);font-size:10px;font-weight:700;letter-spacing:.04em}
.comment-awaiting-moderation{margin:13px 0 0;color:var(--gold-soft);font-size:11px}
.episode-comments .navigation{margin:20px 0}.episode-comments .nav-links{display:flex;justify-content:space-between;gap:12px}.episode-comments .nav-links a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:11px}
.episode-comment-form-card{margin-top:38px;padding:clamp(24px,4vw,40px);border:1px solid rgba(209,164,94,.25);border-radius:20px;background:radial-gradient(circle at 90% 8%,rgba(209,164,94,.09),transparent 27%),#121512}
.comment-reply-title{margin:0 0 8px;font:clamp(29px,3vw,40px)/1.1 Georgia,serif}.comment-reply-title small{font:11px Arial,sans-serif}.comment-reply-title small a{color:var(--gold-soft)}
.comment-notes,.logged-in-as,.comment-form-cookies-consent{color:var(--muted);font-size:11px;line-height:1.6}.logged-in-as a{color:var(--gold-soft)}
.comment-form{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.comment-form>p{margin:0}.comment-form-comment,.comment-notes,.logged-in-as,.comment-form-cookies-consent,.comment-form .form-submit{grid-column:1/-1}
.comment-honeypot{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
.comment-form label{display:block;margin-bottom:7px;color:#bab7ae;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;outline:0;background:#0c0e0d;color:var(--text);font:14px/1.55 Arial,sans-serif;transition:border-color .18s,box-shadow .18s}
.comment-form textarea{min-height:150px;resize:vertical}.comment-form input:focus,.comment-form textarea:focus{border-color:rgba(209,164,94,.7);box-shadow:0 0 0 3px rgba(209,164,94,.08)}
.comment-form-cookies-consent{display:flex;gap:9px;align-items:flex-start}.comment-form-cookies-consent label{margin:0;font-size:10px;font-weight:400;line-height:1.55;letter-spacing:0;text-transform:none}
.comment-form .submit{border:0}.comments-closed{padding:20px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}
.comment-editor{display:block;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#0c0e0d;transition:border-color .18s,box-shadow .18s}.comment-editor:focus-within{border-color:rgba(209,164,94,.7);box-shadow:0 0 0 3px rgba(209,164,94,.08)}
.comment-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border-bottom:1px solid var(--line);background:#111411}.comment-toolbar button{min-width:34px;height:32px;padding:0 9px;border:1px solid rgba(209,164,94,.23);border-radius:6px;background:#181b18;color:#ddd9cf;font:13px/1 Georgia,serif;cursor:pointer}.comment-toolbar button:hover,.comment-toolbar button:focus-visible{border-color:rgba(209,164,94,.68);background:rgba(209,164,94,.12);color:var(--gold-soft)}.comment-toolbar .comment-toolbar-spoiler{width:auto;color:var(--gold-soft);font:700 10px/1 Arial,sans-serif;letter-spacing:.06em}
.comment-form .comment-editor textarea{min-height:150px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none!important}.comment-format-hint{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.5}.episode-comments code{padding:2px 5px;border:1px solid rgba(209,164,94,.18);border-radius:4px;background:rgba(209,164,94,.06);color:var(--gold-soft);font-size:.92em}
.comment-spoiler{margin:14px 0;overflow:hidden;border:1px solid rgba(209,164,94,.28);border-radius:10px;background:#0c0e0d}.comment-spoiler summary{padding:11px 14px;color:var(--gold-soft);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none}.comment-spoiler summary::-webkit-details-marker{display:none}.comment-spoiler summary::after{content:"+";float:right;font:19px/1 Georgia,serif}.comment-spoiler[open] summary{border-bottom:1px solid var(--line);background:rgba(209,164,94,.06)}.comment-spoiler[open] summary::after{content:"−"}.comment-spoiler-body{padding:13px 14px;color:#cbc8be}.comment-spoiler-body>*:first-child{margin-top:0}.comment-spoiler-body>*:last-child{margin-bottom:0}
@media(max-width:760px){.episode-comments-heading{grid-template-columns:1fr;gap:15px}.episode-comment-list .children{margin-left:13px;padding-left:10px}.episode-comment-card{padding:18px}.comment-form{grid-template-columns:1fr}.comment-form>p{grid-column:1}.episode-comments-shell{width:min(calc(100% - 24px),1000px)}.comment-toolbar button{min-width:32px;padding-inline:8px}} .footer-contact{margin-top:25px}.footer-contact .footer-links a{color:var(--gold-soft);overflow-wrap:anywhere}
.music-library-footer[hidden],.music-library-footer [hidden]{display:none} .music-catalog-hero .eyebrow,.music-library-section .eyebrow,
.music-editorial-section .eyebrow,
.music-editorial-section~.context-navigation .eyebrow,
.music-editorial-section~.context-navigation .context-link-card>span{font-size:.8125rem;letter-spacing:.08em}
.music-library-controls input::placeholder{color:#b8baaf;opacity:1}
.music-season-shortcuts button[aria-pressed="true"]>span{text-decoration:underline;text-underline-offset:.25em}
.music-library-section :is(a,button,input,select):focus-visible,
.music-catalog-hero a:focus-visible,
.music-editorial-section :is(a,summary):focus-visible,
.music-more summary:focus-visible,
.site-header :is(a,button,input):focus-visible,
.footer a:focus-visible,
.episode-comments :is(a,button,input,textarea,summary):focus-visible,
.player-shell :is(button,select):focus-visible{outline:3px solid #f4d79f;outline-offset:3px}
.music-library-section [data-music-query],.music-season-shortcuts button{scroll-margin-block:6rem 2rem}
@media(max-height:600px){.music-library-controls{position:relative;top:auto}}
.music-library-controls .music-library-search{flex:2 1 18rem}
.music-library-controls label[for="music-sort"]{flex:1.2 1 12rem}
.music-library-controls input,.music-library-controls select{height:auto;min-height:3rem;padding-block:.65rem}
.music-library-controls .music-library-search-field input{padding-block:.65rem}
.music-library-controls .music-library-search-field .search-icon{top:50%;transform:translateY(-50%)}
.music-library-reset{min-height:3rem;height:auto;padding-block:.65rem;flex:0 0 auto}
@media(max-width:680px){.music-library-controls label,.music-library-controls .music-library-search,.music-library-controls label[for="music-sort"]{flex:1 1 100%}} a[href]:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
outline: 3px solid #f4d79f;
outline-offset: 3px;
}
@media (max-width: 680px) {
.header-inner { gap: 8px; }
.site-header .brand { flex: 1 1 auto; }
.brand-text { font-size: 12.5px; letter-spacing: .08em; }
.brand-title { max-width: none; overflow: visible; text-overflow: clip; }
.brand-text small { display: none; }
.header-actions { flex: 0 0 auto; gap: 6px; }
.search-btn,
.menu-btn,
.resume-link { width: 44px; height: 44px; min-height: 44px; }
.comment-toolbar button { min-width: 44px; height: 44px; padding-inline: 11px; }
.footer-links { gap: 2px; }
.footer-links a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 8px; }
.breadcrumbs a,
.text-link { min-height: 44px; align-items: center; }
.field label,
.continue-watching-code,
.watch-history-head span,
.watch-history-head button,
.watch-history-item > span,
.watch-history-item > small,
.voice-badge,
.article-tag,
.player-memory-note,
.episode-discussion-cta small,
.episode-discussion-cta em,
.context-link-card > span,
.catalog-tools label > span,
.catalog-episode-code,
.catalog-episode-meta,
.catalog-episode > .watched-label,
.character-group,
.character-portrait-label span,
.character-hero-meta span,
.character-story-card > span,
.character-story-note > span,
.character-dossier-role > span,
.character-start-episode > span,
.character-evolution-stage,
.character-evolution-code,
.episode-character small,
.fact-row small,
.episode-comment-head time,
.episode-comment-actions a,
.comment-form label,
.comment-format-hint,
.comment-toolbar .comment-toolbar-spoiler { font-size: .75rem; }
}.collections-hero { background: radial-gradient(ellipse at 85% 20%, rgba(209,164,94,.1), transparent 60%); }
.collections-hero .page-title { max-width: 950px; }
.collections-hero-bottom { display: flex; align-items: center; gap: 36px; margin-top: 30px; }
.collections-total { display: flex; align-items: center; gap: 13px; color: var(--gold-soft); font: 50px/1 Georgia, serif; }
.collections-total small { max-width: 150px; color: var(--muted); font: 13px/1.5 Arial, sans-serif; }
.collections-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
.collections-grid-catalog { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.collection-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); transition: border-color .2s, transform .2s; }
.collection-card:hover { border-color: var(--gold); transform: translateY(-3px); }
.collection-card:focus-visible, .collection-episode a:focus-visible, .episode-collections a:focus-visible { outline: 2px solid var(--gold-soft); outline-offset: 4px; }
.collection-card-visual { position: relative; overflow: hidden; aspect-ratio: 16/9; background: linear-gradient(130deg,#29372c,#131613); }
.collection-card-visual::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent,rgba(0,0,0,.55)); pointer-events: none; }
.collection-card img.collection-card-image { display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.collection-count { position: absolute; z-index: 1; left: 22px; bottom: 18px; padding: 7px 13px; border: 1px solid rgba(239,208,154,.45); border-radius: 30px; color: var(--gold-soft); background: rgba(9,10,10,.85); font-size: 12px; }
.collection-card-body { display: flex; flex-direction: column; flex: 1; padding: 28px; }
.collection-label { color: var(--gold); font-size: 10px; line-height: 1.5; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.collection-card-body .collection-card-title { margin: 12px 0 14px; font: 34px/1.14 Georgia, serif; overflow-wrap: anywhere; }
.collection-card-body p { margin: 0 0 25px; color: #bcbdb3; font-size: 14px; line-height: 1.75; }
.collection-card-link { display: flex; justify-content: space-between; gap: 20px; margin-top: auto; padding-top: 17px; border-top: 1px solid var(--line); color: var(--gold-soft); font-size: 12px; font-weight: 700; }
.collection-card-link span { font-size: 19px; line-height: 1; }
.collections-grid-catalog .collection-card-body { padding: 22px; }
.collections-grid-catalog .collection-card-body .collection-card-title { margin: 10px 0 12px; font-size: 28px; line-height: 1.16; }
.collections-grid-catalog .collection-card-body p { margin-bottom: 20px; font-size: 13px; line-height: 1.7; }
.collections-grid-catalog .collection-count { left: 16px; bottom: 14px; padding: 6px 11px; }
.collections-grid-catalog .collection-card-link { padding-top: 14px; }
.collections-editorial > * { min-width: 0; }
.collection-intro .prose p:first-child { margin-top: 0; }
.collection-hero-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); align-items: center; gap: 50px; }
.collection-hero .page-title { font-size: clamp(38px,4.4vw,68px); line-height: 1.04; overflow-wrap: anywhere; }
.collection-hero .page-intro { font-size: 17px; }
.collection-hero-art { position: relative; align-self: center; aspect-ratio: 16/10; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(135deg,#29372c,#121411); }
.collection-hero-art img.collection-hero-image { display: block; height: 100%; width: 100%; min-height: 0; object-fit: cover; }
.collection-hero-art > span { position: absolute; bottom: 16px; left: 18px; right: 18px; width: fit-content; padding: 6px 11px; border-radius: 8px; background: rgba(9,10,10,.86); color: var(--gold-soft); font-size: 11px; }
.collection-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 28px; }
.collection-hero-actions > span { color: var(--muted); font-size: 12px; }
.collection-intro { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); align-items: start; gap: 60px; }
.collection-scope { padding: 26px; border: 1px solid rgba(209,164,94,.25); border-radius: 18px; background: rgba(209,164,94,.035); }
.collection-scope > span { color: var(--gold-soft); font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.collection-scope p { color: #cfcec4; font-size: 14px; line-height: 1.7; }
.collection-scope small { color: var(--muted); font-size: 12px; }
.collection-spoiler-note { display: flex; align-items: center; gap: 12px; margin: 0 0 28px; color: #c2baab; font-size: 13px; line-height: 1.6; }
.collection-spoiler-note > span { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border: 1px solid rgba(209,164,94,.45); border-radius: 50%; color: var(--gold); font: italic 16px Georgia, serif; }
.collection-episodes-section { scroll-margin-top: 95px; }
.collection-controls { display: grid; grid-template-columns: minmax(0,1fr) minmax(130px,220px) auto; align-items: end; gap: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.collection-controls label { display: grid; gap: 8px; min-width: 0; color: var(--muted); font-size: 12px; }
.collection-controls input, .collection-controls select { width: 100%; min-width: 0; height: 46px; padding: 10px 13px; border: 1px solid var(--line-strong); border-radius: 9px; background: var(--bg); color: var(--text); font: 16px Arial, sans-serif; }
.collection-controls input:focus, .collection-controls select:focus { outline: 2px solid var(--gold); outline-offset: 2px; }
.collection-controls .btn { min-height: 46px; }
.collection-results { margin: 20px 0 16px; color: var(--muted); font-size: 12px; }
.collection-episode-list { list-style: none; display: grid; gap: 18px; margin: 0; padding: 0; }
.collection-episode { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 30px; align-items: center; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(100deg,rgba(255,255,255,.025),transparent); }
.collection-episode-image-link { display: block; position: relative; width: 100%; aspect-ratio: 4/3; overflow: hidden; border-radius: 11px; background: var(--surface-2); }
.collection-episode-image-link img.collection-episode-image { width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.collection-episode-image-link > span { position: absolute; right: 12px; bottom: 12px; display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; background: var(--gold); color: #111; font-size: 11px; }
.collection-episode-code { color: var(--gold); font-size: 11px; letter-spacing: .09em; text-transform: uppercase; }
.collection-episode-copy { min-width: 0; }
.collection-episode-copy h3 { margin: 8px 0 3px; font: 28px/1.15 Georgia,serif; overflow-wrap: anywhere; }
.collection-episode-copy h3 a:hover { color: var(--gold-soft); }
.collection-episode-copy > small { font-size: 12px; color: var(--muted); }
.collection-episode-copy p { margin: 14px 0; color: #c5c4b9; font-size: 14px; line-height: 1.75; }
.collection-episode-copy .text-link { font-size: 12px; }
.collection-empty { padding: 35px; border: 1px dashed var(--line-strong); border-radius: 18px; color: var(--muted); }
.collection-next { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 32px; padding: 30px; border: 1px solid rgba(209,164,94,.3); border-radius: 18px; }
.collection-next span { font-size: 11px; color: var(--gold-soft); text-transform: uppercase; letter-spacing: .1em; }
.collection-next h3 { margin: 8px 0; font: 28px Georgia,serif; }
.collection-next p { margin: 8px 0 0; color: var(--muted); font-size: 14px; }
.collection-next .btn { flex-shrink: 0; }
.episode-collections { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.episode-collections > span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.episode-collections > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.episode-collections a { padding: 7px 11px; border: 1px solid var(--line); border-radius: 20px; font-size: 11px; }
.episode-collections a:hover { border-color: var(--gold); }
.episode-collections .episode-collections-all { border-color: transparent; color: var(--gold-soft); }
.collections-grid-home { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.collections-grid-home .collection-card-body { padding: 20px; }
.collections-grid-home .collection-card-body .collection-card-title { font-size: 25px; }
.collections-grid-home .collection-card-body p { font-size: 13px; }
.collections-grid-home .collection-count { left: 12px; bottom: 12px; padding: 5px 10px; }
.collection-controls[hidden], .collection-episode[hidden], .collection-empty[hidden] { display: none !important; } @media (min-width:981px) and (max-width:1180px) {
.site-header .nav { position: fixed; z-index: 45; top: 90px; right: 20px; width: min(390px,calc(100vw - 40px)); max-height: calc(100dvh - 110px); overflow-y: auto; flex-direction: column; align-items: stretch; gap: 5px; padding: 12px; border: 1px solid rgba(209,164,94,.25); border-radius: 20px; background: #111512; box-shadow: 0 28px 85px rgba(0,0,0,.62); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-12px); }
.site-header .nav.open { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.site-header .nav > li { width: 100%; }
.site-header .nav a { display: flex; align-items: center; gap: 15px; min-height: 48px; padding: 12px 14px; border-radius: 12px; }
.site-header .nav a:hover, .site-header .nav a:focus-visible { background: rgba(209,164,94,.09); color: var(--gold-soft); }
.site-header .nav a::after { content: '→'; position: static; width: auto; height: auto; margin-left: auto; background: none; color: var(--gold-soft); }
.site-header .menu-btn { display: grid; }
}
@media (min-width:1181px) and (max-width:1400px) {
.site-header .header-inner { gap: 20px; }
.site-header .nav { gap: 18px; font-size: 13px; }
.site-header .resume-link > span:last-child { display: none; }
.site-header .resume-link { width: 38px; padding: 0; justify-content: center; }
}
@media (max-width:1000px) {
.collections-grid-home, .collections-grid-catalog { grid-template-columns: repeat(2,minmax(0,1fr)); }
.collection-hero-grid { gap: 26px; }
.collection-intro { gap: 30px; }
.collection-episode { grid-template-columns: 200px minmax(0,1fr); gap: 22px; }
}
@media (max-width:760px) {
.collection-hero-grid, .collection-intro, .collections-editorial { grid-template-columns: minmax(0,1fr); }
.collection-hero-art { aspect-ratio: 16/9; }
.collection-next { align-items: flex-start; flex-direction: column; }
.collection-card-body { padding: 22px; }
.collection-card-body .collection-card-title { font-size: 29px; }
}
@media (max-width:640px) {
.collections-grid, .collections-grid-catalog { grid-template-columns: minmax(0,1fr); }
.collections-hero-bottom { gap: 20px; flex-wrap: wrap; }
.collection-episode { grid-template-columns: minmax(0,1fr); gap: 18px; padding: 17px; }
.collection-episode-image-link { aspect-ratio: 16/9; }
.collection-controls { grid-template-columns: minmax(0,1fr) auto; gap: 14px; padding: 17px; }
.collection-controls label:first-child { grid-column: 1/-1; }
.collection-card-body .collection-card-title { font-size: 32px; }
.collections-grid-home .collection-card-body .collection-card-title { font-size: 29px; }
.collection-scope { padding: 22px; }
}
@media (prefers-reduced-motion:reduce) { .collection-card { transition: none; } .collection-card:hover { transform: none; } }