/* v15 visual audit: screenshot 1648x928 reference proportions */
:root{--red:#f50932;--edge:#28313b;--bg:#050609}
.sidebar{width:272px;background:linear-gradient(160deg,#050405 0%,#0c0508 70%,#180007 100%);box-shadow:inset -1px 0 #f30636,5px 0 22px #f306351f}
.workspace{margin-left:272px;width:calc(100% - 272px)}.topbar{left:272px;height:69px;padding:0 34px;gap:25px}.top-search{width:300px}.top-tool{font-size:0}.top-tool svg{width:26px;height:26px}.top-tool i{top:-3px;right:-3px}
.brand{font-size:39px;letter-spacing:-2.2px;padding:21px 26px 47px;font-style:normal}.brand-red{color:#f10a34}.brand-white{color:#f7f7f7}.brand strong{font-size:19px;letter-spacing:-1px;transform:skew(-8deg);display:inline-block}.brand small{font-size:9px;letter-spacing:3.8px;margin-top:7px}
.sidebar nav{gap:13px;padding:0 16px}.sidebar nav button,.more-menu{height:51px;font-size:16px;gap:24px}.sidebar nav button.active{background:linear-gradient(90deg,#f10a32,#6d000e 95%);box-shadow:0 0 24px #eb002e68}.navicon{width:30px;display:inline-flex;align-items:center;justify-content:center}.navicon svg{width:27px;height:27px;stroke-width:2.2}.more-menu{background:transparent;border:0;color:#fff;display:flex;align-items:center;text-align:left;padding:0 18px;width:100%}
.hero{height:296px}.hero-overlay{left:48px;top:49px;width:450px}.hero h1{font-size:clamp(34px,3.6vw,60px);max-width:430px}.hero-pagination{bottom:13px;right:28px}.hero-art{background-position:center 30%}.hero-art:after{background:linear-gradient(90deg,#07070b 0%,#07070bd9 26%,transparent 70%),linear-gradient(0deg,#060609 0%,transparent 28%)}
#status{position:absolute;top:296px;right:12px;z-index:6;max-width:220px;background:#07080bc9;font-size:9px;padding:3px 8px;border:0;color:#8e969b;opacity:.75}
section.catalog,#continueSection,#watchlistSection{padding:3px 30px 1px}.section-title{height:33px}.section-title h2{font-size:17px}.section-title button{font-size:12px}
.rail{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.poster{height:91px}.item{border:1px solid #303540;border-radius:5px}.item h3{font-size:11px;margin-top:4px}.item p{font-size:10px;margin-bottom:5px}
#continueSection .rail,#trendingNowSection .rail,body[data-page="home"] .catalog[data-kind="movies"] .rail,body[data-page="home"] .catalog[data-kind="series"] .rail{grid-template-columns:repeat(5,minmax(0,1fr))}
#continueSection .poster{height:84px}#trendingNowSection .poster,body[data-page="home"] .catalog[data-kind="movies"] .poster,body[data-page="home"] .catalog[data-kind="series"] .poster{height:76px}
body[data-page="home"] #trendingNowSection .item:nth-child(n+6),body[data-page="home"] .catalog[data-kind="movies"] .item:nth-child(n+6),body[data-page="home"] .catalog[data-kind="series"] .item:nth-child(n+6){display:none}
body:not([data-page="home"]) #trendingNowSection{display:none}
body:not([data-page="home"]) .catalog[data-kind="movies"] .rail,body:not([data-page="home"]) .catalog[data-kind="series"] .rail{grid-template-columns:repeat(8,minmax(0,1fr))}
body:not([data-page="home"]) .catalog[data-kind="movies"] .poster,body:not([data-page="home"]) .catalog[data-kind="series"] .poster{height:180px}
@media(max-width:1300px){.sidebar{width:225px}.workspace{margin-left:225px;width:calc(100% - 225px)}.topbar{left:225px}.rail{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:850px){.sidebar{display:none}.workspace{margin:0;width:100%}.topbar{left:0}.hero{height:360px}#status{top:360px}.rail{display:flex}#continueSection .rail,#trendingNowSection .rail,body[data-page="home"] .catalog[data-kind="movies"] .rail,body[data-page="home"] .catalog[data-kind="series"] .rail{display:flex}#trendingNowSection .item,body[data-page="home"] .catalog[data-kind="movies"] .item,body[data-page="home"] .catalog[data-kind="series"] .item{flex:0 0 190px}#trendingNowSection .poster,body[data-page="home"] .catalog[data-kind="movies"] .poster,body[data-page="home"] .catalog[data-kind="series"] .poster{height:105px}body:not([data-page="home"]) .catalog[data-kind="movies"] .rail,body:not([data-page="home"]) .catalog[data-kind="series"] .rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.hero{height:320px}#status{top:320px}body:not([data-page="home"]) .catalog[data-kind="movies"] .rail,body:not([data-page="home"]) .catalog[data-kind="series"] .rail{grid-template-columns:repeat(2,minmax(0,1fr))}}