/* The uploaded library and API catalog share the same title composition. */
.cast-section .cast-row{height:auto;max-height:none;align-items:stretch;padding-top:16px;padding-bottom:20px;overflow-x:auto;overflow-y:hidden}
.cast-section .cast-row .cast-person{height:auto;min-height:218px;overflow:visible;padding:0;justify-content:flex-start}
.cast-section .cast-row .cast-person>img,.cast-section .cast-row .cast-no-photo{flex-shrink:0;margin-bottom:12px}
.cast-section .cast-row .cast-person>strong{display:block;white-space:normal;overflow:visible;text-overflow:clip;width:100%;max-width:100%;min-height:40px;line-height:20px;overflow-wrap:anywhere}
.cast-section .cast-row .cast-person>small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow:hidden;max-width:100%;line-height:18px;max-height:36px;margin-top:2px}
@media(max-width:700px){.cast-section .cast-row .cast-person{min-height:190px}}
.detail-hero{background:transparent;padding:0 64px;margin:0 0 56px;min-height:0}
.detail-hero>.hero-backdrop{position:absolute;inset:0 0 auto;width:100%;height:75vh;object-fit:cover;object-position:center top;opacity:1;filter:none;mask-image:none}
.detail-hero>.hero-vignette{position:absolute;inset:0 0 auto;height:75vh;background:linear-gradient(to top,#050505,#05050566 50%,transparent),linear-gradient(to right,#050505,transparent 50%);pointer-events:none}
.detail-layout{position:relative;padding-top:max(72px,calc(75vh - 352px));display:grid;grid-template-columns:minmax(0,650px) 280px;align-items:start;justify-content:space-between;gap:40px}
.detail-main{width:100%;max-width:650px;padding:0}.detail-main .title-logo,.detail-main .title-logo img{width:auto;height:auto;max-height:144px;max-width:500px;object-fit:contain;object-position:left center;margin:0;min-height:0}
.detail-main .genres{font-size:18px;line-height:28px;font-weight:500;color:#ffffffe6;margin:16px 0 24px}.detail-main .genres>span{padding:0 2px;color:#777}
.detail-main .title-actions{gap:12px;margin:0 0 24px;align-items:center}.detail-main .secondary-actions{display:contents}.detail-main .play-action{height:44px;min-height:44px;padding:0 24px;font-size:16px;font-weight:600}.detail-main .round-button,.detail-main .movie-watched{height:44px;width:44px;min-width:44px;border:1px solid #ffffff1a;background:#ffffff14;padding:11px;border-radius:50%;margin:0}.detail-main .round-button:hover,.detail-main .movie-watched:hover{background:#ffffff26;transform:scale(1.06)}
.detail-main .detail-meta{font-size:16px;font-weight:500;line-height:28px;color:#ffffffb3;gap:12px;margin:0}.detail-main .star{color:#fff9}.detail-main .star::first-letter{color:#f6d500}.detail-main .age-rating{height:26px;line-height:22px;color:#ccc}
.detail-main .director{margin:6px 0 0;font-size:16px;line-height:24px;color:#fff6}.detail-main .director a{color:#fffc;font-weight:500}.detail-main .detail-overview{margin:20px 0 0;line-height:26px;font-size:16px;color:#ffffffa6;font-weight:500;max-width:650px}.detail-main .detail-tagline{display:none}
.detail-layout>.info-panel{position:relative;inset:auto;align-self:start;width:280px;margin:160px 0 0;padding:0 16px;grid-column:2;grid-row:1;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;backdrop-filter:blur(4px)}.detail-layout>.info-panel>div{padding:10px 0;min-height:36.8px;line-height:16px}.detail-layout>.info-panel strong{font-weight:500}.detail-layout>.production-logos{grid-column:2;grid-row:1;margin:366px 0 0;width:280px;position:relative;inset:auto;display:flex;justify-content:space-between;gap:24px;align-items:center}.production-logos img{max-width:115px;max-height:32px;object-fit:contain;opacity:.5}
.title-extras>.cast-section:first-child{margin-top:0}.cast-section .row-heading{height:32px;margin-bottom:32px}.cast-section .row-heading h2{font-size:24px;line-height:32px;font-weight:700}.cast-row{gap:24px}.cast-person{flex:0 0 140px;width:140px}.cast-person img{width:128px;height:128px;object-fit:cover;border-radius:50%}.cast-person strong{font-size:14px;line-height:20px}.cast-person small{font-size:12px;line-height:18px}
@media(max-width:1000px) and (min-width:701px){.detail-hero{padding-left:40px;padding-right:40px}.detail-layout{grid-template-columns:minmax(0,1fr) 240px}.detail-layout>.info-panel,.detail-layout>.production-logos{width:240px}.detail-main .title-logo img{max-width:100%}}
@media(max-width:700px){.detail-hero{padding:0 24px;margin-bottom:40px}.detail-hero>.hero-backdrop,.detail-hero>.hero-vignette{height:65vh}.detail-layout{display:flex;flex-direction:column;padding-top:max(120px,calc(65vh - 176px));gap:24px}.detail-main .title-logo,.detail-main .title-logo img{max-width:90%;max-height:100px}.detail-main .genres{font-size:14px;line-height:22px;margin:12px 0 20px}.detail-main .detail-meta{font-size:13px;gap:10px}.detail-main .director,.detail-main .detail-overview{font-size:14px;line-height:23px}.detail-layout>.info-panel{margin:0;width:100%}.detail-layout>.production-logos{margin:0;width:100%;justify-content:flex-start}.cast-person{flex-basis:112px;width:112px}.cast-person img{width:100px;height:100px}}