/* Homepage measurements: 85vh hero, 20vh artwork bleed, 64px gutters. */
.home-ambient{position:fixed;inset:0;z-index:0;pointer-events:none;background:#050505;contain:strict;display:none}.home-view .home-ambient{display:block}.home-ambient-layer{position:absolute;inset:0;opacity:0;transition:opacity 1s}.home-ambient-layer.visible{opacity:1}.home-ambient-blur{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.2);filter:blur(80px) saturate(1);opacity:.5}.home-ambient-bleed{position:absolute;inset:0 0 auto;height:40vh;mix-blend-mode:screen;opacity:.2;mask-image:linear-gradient(#000,transparent)}.home-ambient-bleed img{width:100%;height:100%;object-fit:cover;transform:scale(1.2);filter:blur(50px)}
.home-view #app{position:relative;z-index:1}.home-view .hero-carousel{height:85vh;min-height:0;max-height:none;overflow:visible;isolation:isolate}.home-view .hero-slide{inset:0;overflow:visible;transition:opacity .65s ease}.home-view .hero-slide .hero-backdrop{position:absolute;inset:0 0 auto;width:100%;height:calc(100% + 20vh);max-height:none;object-fit:cover;object-position:center top;transform:none!important;filter:none;mask-image:linear-gradient(to bottom,#000 40%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 98%)}.home-view .hero-vignette{position:absolute;inset:0 0 auto;height:calc(100% + 20vh);background:linear-gradient(to top,#0006,transparent),linear-gradient(to right,#0006,transparent);mask-image:linear-gradient(to bottom,#000 40%,transparent 98%);pointer-events:none}.home-view .hero-content{position:absolute;left:64px;right:auto;top:auto;bottom:96px;width:672px;max-width:calc(100% - 128px);transform:none;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:0;z-index:3}.home-view .hero-content .title-logo{display:block;line-height:0;font-size:0;width:auto;max-width:672px;min-height:0;height:auto;max-height:192px;margin:0}.home-view .hero-content .title-logo img{display:block;width:auto;max-width:100%;max-height:192px;height:auto;filter:drop-shadow(0 16px 24px #0004)}.home-view .hero-content .title-logo:not(:has(img)){font-size:60px;line-height:1.05;font-weight:700}.home-view .hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;font:500 16px/24px Inter,Arial,sans-serif;letter-spacing:0;color:white;text-shadow:0 2px 5px #0004}.home-view .hero-meta>span{display:flex;align-items:center;gap:6px}.home-view .hero-meta strong{font-weight:600}.home-view .hero-meta svg{width:16px;height:16px;flex:none}.home-view .hero-meta>span:first-child svg{width:18px;height:18px}.home-view .hero-meta i{font-size:10px;font-style:normal;color:#ffffff80}.home-view .hero-overview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:576px;margin:0;color:white;font:500 18px/28px Inter,Arial,sans-serif;text-shadow:0 2px 5px #0005}.home-view .hero-content .title-actions{margin:0;gap:12px}.home-view .hero-content .play-action{height:52px;min-width:130px;padding:0 24px;font-size:18px;font-weight:600;letter-spacing:.025em;background:#fff;color:#080808;box-shadow:0 12px 24px #0001}.home-view .hero-content .play-action svg{width:20px;height:20px}.home-view .hero-content .secondary-actions{height:52px;padding:0;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:999px;backdrop-filter:blur(20px) saturate(1.5)}.home-view .hero-content .secondary-actions .round-button{width:64px;height:50px;background:transparent;border:0;border-radius:0;color:white;transform:none}.home-view .hero-content .secondary-actions .round-button svg{width:24px;height:24px;transition:transform .3s}.home-view .hero-content .secondary-actions .round-button:hover svg{transform:scale(1.1)}.home-view .hero-content .secondary-actions .round-button:first-child{border-radius:999px 0 0 999px}.home-view .hero-content .secondary-actions .round-button:last-child{border-radius:0 999px 999px 0}.home-view .hero-content .secondary-actions .round-button:last-child:before{height:24px;top:13px;background:#ffffff40}.home-view .hero-carousel .carousel-controls{bottom:128px;right:64px;left:auto;gap:0;z-index:4}.home-view .carousel-dots{gap:8px;padding:0}.home-view .slide-dot{display:block;padding:0!important;min-width:0;min-height:0;width:8px;height:8px;position:relative;border:0;border-radius:999px;background:#ffffff66;overflow:hidden;box-shadow:0 4px 12px #0003;transition:width .3s,background-color .3s}.home-view .slide-dot.active{width:32px;background:#ffffff4d}.home-view .slide-dot.complete{background:#fff}.home-view .slide-dot>span{display:block;position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;background:white;transform:scaleX(0);transform-origin:left;pointer-events:none}.home-view .slide-dot.active>span{width:100%;transform:scaleX(calc(var(--hero-progress,0%) / 100%))}.home-view .slide-dot:not(.active)>span{display:none}
.home-view .home-catalog{position:relative;z-index:2;margin:0;padding-top:48px;background:transparent}.home-view .home-catalog .catalog-section{position:relative;padding:0;margin:0 0 48px;background:transparent}.home-view .home-catalog .row-heading{padding:0;margin:0 64px 16px;min-height:28px;line-height:28px}.home-view .home-catalog .row-heading h2{margin:0;font:600 20px/28px Inter,Arial,sans-serif;letter-spacing:0;color:#ffffffe6}.home-view .home-catalog .poster-row{gap:16px;padding:8px 64px 24px;margin:0;overflow-x:auto;overflow-y:clip;scroll-padding-left:64px;scrollbar-width:none}.home-view .poster-row .poster-card{flex:0 0 200px;width:200px;height:300px}.home-view .poster-row .poster-art{height:300px;border-radius:14px}.home-view .home-catalog .row-arrows{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;opacity:0;transition:opacity .3s;z-index:8}.home-view .home-catalog .catalog-section:is(:hover,:focus-within) .row-arrows{opacity:1}.home-view .home-catalog .row-arrows button{pointer-events:auto;width:48px;height:48px;border-radius:0;background:transparent;filter:drop-shadow(0 2px 6px #0008)}.home-view .home-catalog .row-arrows svg{height:40px;width:40px}.home-view .home-catalog .provider-rail{padding:8px 64px 16px;gap:24px;align-items:start;height:auto;mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent);scrollbar-width:none}.home-view .provider-rail button{height:auto;min-height:118px;gap:8px;width:92px;flex:0 0 92px}.home-view .provider-rail button img{width:80px;height:80px;border-radius:16px;border:1px solid #ffffff1a;box-shadow:0 10px 20px #0003;transition:transform .3s,border-color .3s}.home-view .provider-rail button:hover img{transform:scale(1.05);border-color:#ffffff4d}.home-view .provider-rail button span{width:92px;max-height:30px;height:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:clip;text-align:center;font:500 12px/15px Inter,Arial;color:#ffffff8c}.home-view .provider-rail button:hover span{color:white}
.continue-section .row-heading{display:flex;align-items:center;justify-content:space-between}.continue-edit{display:grid;place-items:center;width:28px;height:28px;padding:5px;background:none;color:#ffffff60}.continue-edit:hover{color:white}.continue-edit svg{width:20px;height:20px}.continue-rail{display:flex;gap:16px;padding:12px 64px 24px;overflow-x:auto;overflow-y:clip;scrollbar-width:none;scroll-padding-left:64px}.continue-card{position:relative;flex:0 0 288px;min-width:0;width:288px}.continue-art{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#1a1a1a;box-shadow:0 8px 15px #0006}.continue-image{display:block;width:100%;height:100%;object-fit:cover}.continue-logo{position:absolute;left:12.5%;top:50%;width:75%;height:auto;max-height:60%;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 2px 8px #0008)}.continue-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff33}.continue-progress>span{display:block;height:100%;background:#fff;border-radius:0 2px 2px 0}.continue-caption{display:block;margin-top:8px;padding:0 2px}.continue-caption strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 14px/20px Inter,Arial;color:#ffffffe6}.continue-caption small{display:flex;align-items:center;gap:4px;margin-top:2px;height:16px;overflow:hidden;white-space:nowrap;font:400 12px/16px Inter,Arial;color:#ffffff80}.continue-caption svg{width:12px;height:12px;flex-shrink:0}.continue-remove{display:none;position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;background:#000b;color:#fff;font-size:24px}.continue-editing .continue-remove{display:block}.continue-editing .continue-art{animation:continue-shake .25s infinite}.continue-preview{position:fixed;z-index:100;background:#28282c8c;backdrop-filter:blur(22px) saturate(1.8);border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0008;animation:continue-expand .18s ease-out}.continue-preview-art{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}.continue-preview-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#28282c22)}.continue-preview-actions{display:flex;align-items:center;gap:10px;padding:12px 13px 13px}.continue-preview-actions a,.continue-preview-actions .round-button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;padding:10px;color:white;background:#ffffff0a;border:1px solid #ffffff26}.continue-preview-actions .continue-preview-play{background:#fff;color:#050505;border-color:#fff}.continue-preview-actions svg{width:23px;height:23px}.continue-preview-actions .continue-preview-info{margin-left:auto}.continue-preview-actions a:hover,.continue-preview-actions button:hover{transform:scale(1.08)}.continue-preview-progress{display:flex;align-items:center;gap:12px;padding:0 13px 14px}.continue-preview-progress>span{display:block;flex:1;min-width:0;height:4px;background:#ffffff33;overflow:hidden;border-radius:1px}.continue-preview-progress i{display:block;height:100%;background:white}.continue-preview-progress small{font:600 12px/16px Inter,Arial;color:#ffffff80;white-space:nowrap}.home-row-choice{position:relative;display:flex;align-items:baseline;gap:8px;max-width:100%;z-index:20}.home-row-choice h2{flex-shrink:0}.home-row-choice-trigger{display:flex;align-items:center;gap:5px;min-width:0;padding:0;font:600 20px/28px Inter,Arial;color:white;background:none;text-decoration:underline;text-decoration-color:#ffffff66;text-underline-offset:4px}.home-row-choice-trigger svg{width:18px;height:18px;transform:rotate(90deg);color:#ffffff80}.home-row-choice-trigger[aria-expanded=true] svg{transform:rotate(-90deg)}.home-row-choice-menu{position:absolute;top:calc(100% + 8px);left:220px;z-index:101;width:256px;max-height:288px;overflow:auto;padding:4px;background:#1a1a1af2;backdrop-filter:blur(24px);border:1px solid #ffffff1a;box-shadow:0 20px 50px #0006;border-radius:12px}.home-row-choice-menu[hidden]{display:none}.home-row-choice-menu button{display:block;width:100%;padding:10px 16px;border:0;background:none;color:#ffffffb3;text-align:left;font:500 14px/20px Inter,Arial;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-row-choice-menu button[aria-selected=true]{background:#ffffff0d;color:white}.home-row-choice-menu button:hover,.home-row-choice-menu button:focus-visible{background:#ffffff1a;color:white;outline:none}.home-view .site-footer{background:transparent}.home-view .ambient-silk-footer{display:none}
@keyframes continue-expand{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes continue-shake{0%,100%{transform:rotate(0)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}
@media(max-width:1000px){.home-view .hero-content{left:40px;max-width:calc(100% - 80px)}.home-view .home-catalog .row-heading{margin-left:40px;margin-right:40px}.home-view .home-catalog .poster-row,.home-view .home-catalog .provider-rail,.continue-rail{padding-left:40px;padding-right:40px}}
@media(max-width:700px){.home-view .hero-carousel{height:85svh;min-height:500px}.home-view .hero-content{left:24px;bottom:80px;width:calc(100% - 48px);max-width:none;align-items:center;text-align:center;gap:16px}.home-view .hero-content .title-logo{max-height:112px}.home-view .hero-content .title-logo img{max-height:112px;max-width:100%}.home-view .hero-meta{justify-content:center;gap:8px;font-size:13px;line-height:20px}.home-view .hero-overview{-webkit-line-clamp:2;font-size:14px;line-height:20px}.home-view .hero-content .title-actions{justify-content:center}.home-view .hero-carousel .carousel-controls{right:24px;bottom:28px}.home-view .home-catalog{padding-top:16px}.home-view .home-catalog .row-heading{margin-left:24px;margin-right:24px}.home-view .home-catalog .row-heading h2,.home-row-choice-trigger{font-size:18px;line-height:26px}.home-view .home-catalog .poster-row,.home-view .home-catalog .provider-rail,.continue-rail{padding-left:24px;padding-right:24px}.continue-card{flex-basis:240px;width:240px}.home-view .provider-rail button{width:76px;flex-basis:76px;min-height:98px}.home-view .provider-rail button img{width:64px;height:64px}.home-view .provider-rail button span{width:76px;font-size:11px}.home-view .home-catalog .catalog-section{margin-bottom:32px}.home-view .poster-row .poster-card{flex-basis:145px;width:145px;height:217.5px}.home-view .poster-row .poster-art{height:217.5px}.home-view .home-catalog .row-arrows{display:none}.home-ambient-bleed{display:none}.home-row-choice{gap:6px}.home-row-choice h2{flex-shrink:1}.home-row-choice-menu{left:auto;right:0;max-width:calc(100vw - 48px)}}
@media(prefers-reduced-motion:reduce){.home-ambient-layer,.home-view .hero-slide,.continue-preview,.continue-editing .continue-art{transition:none;animation:none}}html[data-motion=off] .continue-preview,html[data-motion=off] .continue-editing .continue-art{animation:none}html[data-motion=off] .home-ambient-layer{transition:none}
.home-view .slide-dot.active>span{width:var(--hero-progress,0%);transform:none}.home-view .nav-pill{background:#0000004d;backdrop-filter:blur(20px);border-color:#ffffff1a}
.home-view .hero-overview{display:block;-webkit-line-clamp:unset;overflow:visible}.home-view .hero-meta span,.home-view .hero-meta strong,.home-view .hero-meta svg{color:#fff}.home-view .continue-section .row-heading>a{margin:0 auto 0 0}.home-view .hero-content .secondary-actions .round-button:last-child:before{content:"";position:absolute;left:0;width:1px;height:24px;top:13px;background:#ffffff40}
