.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: #b4c1b2; font-size: clamp(17px, 2vw, 21px); line-height: 1.65;}
.hero{min-height: 0; 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(22,83,55,.44), transparent 31%), linear-gradient(90deg, #06100c 0 54%, transparent 82%), linear-gradient(rgba(255,255,255,.017) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.017) 1px, transparent 1px); background-size: auto, auto, 42px 42px, 42px 42px;}
.hero::after{content: "Br  35\A Ba  56"; white-space: pre; position: absolute; right: 3vw; top: 14%; width: min(40vw, 540px); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(172,216,95,.32); border-radius: 14px; background: linear-gradient(160deg, rgba(22,83,55,.78), rgba(7,22,15,.5) 62%, rgba(172,216,95,.08)); color: rgba(172,216,95,.3); font: 700 clamp(72px, 10vw, 154px)/.82 Arial, sans-serif; letter-spacing: -.08em; text-align: center; box-shadow: inset 0 0 120px rgba(0,0,0,.55), 0 40px 100px rgba(0,0,0,.42); transform: rotate(3deg);}
.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;}
.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: #0c1c13; border: 1px solid #294330; border-radius: 18px; box-shadow: 0 24px 70px rgba(0,0,0,.24);}
.picker-card .btn{border-radius: 12px;}
.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 #294330; border-radius: var(--radius); background: #0c1c13; transition: transform .25s, border-color .25s, background .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: none;}
.season-card:hover{transform: translateY(-5px); border-color: #52763d; background: #13291b;}
.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; color:#edf2e7; font: 400 34px Georgia, serif;}
.season-card p{margin: 0; color: #b4c1b2; font-size: 13px;}
.season-footer{display: flex; justify-content: space-between; align-items: center; margin-top: 30px; font-size: 12px; color: #94a58f;}
.editorial-grid{display: grid; grid-template-columns: repeat(3,minmax(0,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 #294330; border-radius: var(--radius); background: #0c1c13;}
.editorial-grid .article-card:first-child{grid-row:auto;min-height:310px;}
.article-card::before{content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 72% 18%, rgba(126,190,85,.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 h3{margin: 12px 0 8px; font: 400 26px/1.16 Georgia, serif;}
.editorial-grid .article-card h3{font-size:30px;}
.article-card p{color: var(--muted); margin: 0; font-size: 13px;}
.character-monogram{width: 86px; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid #294330; border-radius: 50%; background: #102218; color: var(--gold-soft); font: 30px Georgia, serif; box-shadow: none;}
.character-monogram.small{width: 48px; aspect-ratio: 1; border-radius: 50%; font-size: 15px;}
.character-photo{background-image: linear-gradient(180deg, transparent 68%, rgba(5,6,6,.28)), var(--portrait-image, linear-gradient(145deg, #23553d, #0a1710)); background-size: 100% 100%, var(--portrait-size, cover); background-position: center, var(--portrait-x, center) var(--portrait-y, center); background-repeat: no-repeat;}
.character-monogram.character-photo{box-shadow: inset 0 0 22px rgba(0,0,0,.24);}
.character-group{color: var(--gold-soft); font-size: 9px; letter-spacing: .12em; text-transform: uppercase;}
.home-characters .character-card{min-height: 185px;}
.home-characters .character-card:nth-child(n+4){opacity: .9;}
.character-portrait.character-photo{background-image: linear-gradient(180deg, transparent 55%, rgba(5,6,6,.52)), var(--portrait-image, linear-gradient(145deg, #23553d, #0a1710)); background-size: 100% 100%, var(--portrait-size, cover); background-position: center, var(--portrait-x, center) var(--portrait-y, center); box-shadow: inset 0 0 70px rgba(0,0,0,.18), 0 28px 72px rgba(0,0,0,.42);}
@media (max-width: 980px){.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);}
.editorial-grid{grid-template-columns: 1fr 1fr;}
.article-card:first-child{grid-column: span 2; grid-row: auto; min-height: 420px;}}
@media (max-width: 680px){.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;}
.season-grid, .voice-grid, .episode-grid, .editorial-grid{grid-template-columns: 1fr;}
.article-card:first-child{grid-column: auto; min-height: 390px;}
.character-monogram{width: 68px;}}
.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%}
.character-photo-image{width:86px;height:116px;object-fit:cover;object-position:center;border-radius:999px 999px 22px 22px;border:1px solid #294330}
.character-portrait .character-photo-image{width:100%;height:100%;border-radius:inherit}
.character-monogram.small,.character-photo-image.small{width:48px;height:56px}
@media(max-width:760px){.search-result-card .search-result-portrait .character-monogram,.search-result-card .search-result-portrait .character-photo-image{width:58px}} .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(121,185,85,.3);border-radius:7px;background:linear-gradient(135deg,#173a21,#0a1b12 52%,#06110b);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-code{margin-top:29px;color:var(--gold-soft);font-size:10px;font-weight:700;letter-spacing:.15em}.continue-watching-main h2{margin:9px 0 8px;font:800 clamp(32px,3.5vw,48px)/1.05 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.continue-watching-main p{margin:0 0 25px;color:#b3c2b3;font-size:12px}.watch-history-panel{padding:28px;border-left:1px solid var(--line);background:rgba(4,16,11,.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:var(--muted);font-size:8px;letter-spacing:.13em;text-transform:uppercase}.watch-history-head strong{font:700 20px "Arial Narrow",Arial,sans-serif}.watch-history-head button{min-height:44px;padding:6px 9px;border:0;background:transparent;color:#b7c1b5;font-size:10px;cursor:pointer}.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)}.watch-history-item>span{grid-row:1/3;color:var(--gold-soft);font-size:9px}.watch-history-item>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.watch-history-item>small{color:var(--muted);font-size:9px}
.collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.collection-card{display:grid;grid-template-columns:minmax(150px,.74fr) minmax(0,1fr);min-height:270px;overflow:hidden;border:1px solid var(--line);background:#0a1b12;transition:transform .2s,border-color .2s}.collection-card:hover{transform:translateY(-4px);border-color:rgba(184,216,120,.56)}.collection-card-visual{position:relative;min-height:220px;background:linear-gradient(145deg,#173e25,#07140d)}.collection-card-image{width:100%;height:100%;object-fit:cover}.collection-count{position:absolute;left:12px;bottom:12px;padding:7px 9px;background:rgba(4,16,11,.9);color:var(--gold-soft);font-size:10px}.collection-card-body{display:flex;flex-direction:column;padding:24px}.collection-label{color:var(--gold-soft);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.collection-card-title{margin:15px 0 10px;font:800 28px/1.05 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.collection-card-body p{margin:0 0 20px;color:var(--muted);font-size:13px}.collection-card-link{margin-top:auto;color:var(--gold-soft);font-size:12px;font-weight:700}
@media(max-width:980px){.continue-watching-card{grid-template-columns:1fr}.watch-history-panel{border-top:1px solid var(--line);border-left:0}.collections-grid{grid-template-columns:1fr}}
@media(max-width:680px){.continue-watching{padding-top:20px}.continue-watching-main{min-height:250px;padding:24px}.watch-history-panel{padding:20px}.collection-card{grid-template-columns:110px minmax(0,1fr);min-height:220px}.collection-card-body{padding:18px}.collection-card-title{font-size:23px}.collection-card-body p{font-size:12px}.collection-card-visual{min-height:220px}} @media(max-width:680px){.picker-card{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);padding:14px;gap:12px}.picker-card .btn{min-width:0;padding:0 10px;font-size:11px}.picker-card select{font-size:14px;padding-left:10px}.picker-label-row{min-height:0}.hero .actions{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.hero .actions .btn{font-size:10px;line-height:1.4;padding:9px 10px}.hero .actions .play-dot{display:none}.hero .muted{font-size:12px;margin:12px 0}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.hero .eyebrow::before{width:24px}.hero .lead{margin:14px 0}.editorial-grid .article-card{min-height:280px}.editorial-grid .article-card:first-child{min-height:280px}}