/* Home presentation only. Shared routing, media identity and actions remain unchanged. */
.home-landing{--home-gutter:clamp(24px,4vw,100px);--home-space:56px;--home-gap:20px;--home-radius:18px}
.home-landing #app>header{padding-inline:var(--home-gutter)}
.home-landing #hero{height:auto;min-height:clamp(680px,83svh,940px);max-height:none;background-position:center 28%;isolation:isolate}
.home-landing #hero.pm-hero-loading{background:radial-gradient(ellipse at 72% 35%,#283142 0%,#151b27 35%,#08090b 78%)}
.home-landing .hero-shade{background:linear-gradient(90deg,#08090be6 0%,#08090b68 42%,transparent 75%),linear-gradient(0deg,#08090b 0%,#08090b55 28%,transparent 65%)}
.home-landing .hero-copy{display:flex;flex-direction:column;align-items:flex-start;margin:160px var(--home-gutter) 110px;max-width:min(760px,53vw);position:relative}
.home-landing #heroTitle{order:0;font-size:clamp(54px,4.8vw,92px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;font-weight:750;text-wrap:balance}
.home-landing #heroDescription{order:1;font-size:clamp(17px,1.15vw,21px);line-height:1.55;max-width:560px;margin:0 0 18px;color:#e1e1e6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-landing #eyebrow{order:2;margin:0;font-size:12px;letter-spacing:.12em;color:#bfc0c8}
.home-landing .hero-copy .actions{order:3;gap:12px;margin-top:26px}
.home-landing .hero-copy .actions button{min-height:52px;min-width:146px;border-radius:12px;font-size:16px;padding:14px 26px}
.home-landing .dynamic-hero-controls{order:4;margin-top:24px;gap:14px;font-variant-numeric:tabular-nums}
.home-landing .dynamic-hero-controls button{width:44px;height:44px;background:#ffffff12;border:1px solid #ffffff12;font-size:24px}
.home-landing .content{margin-top:-44px;padding:0 var(--home-gutter) 100px;max-width:none}
.home-landing #rails{display:flex;flex-direction:column;gap:var(--home-space);min-width:0}
.home-landing #rails>[data-home-slot]:empty{display:none}
.home-landing #rails .rail,.home-landing #rails .catalog-rail{margin:0}
.home-landing #rails h2{margin:0 0 18px;font-size:clamp(23px,1.65vw,32px);line-height:1.2;letter-spacing:-.035em;font-weight:700}
.home-landing .hub-heading{margin-bottom:18px}
.home-landing .hub-heading h2{margin:0!important}
.home-landing .hub-heading a{font-size:14px;font-weight:600;color:#c2c4cd;white-space:nowrap}
.home-landing #rails .cards,.home-landing #rails .catalog-cards{gap:var(--home-gap);padding:6px 4px 16px;margin:0 -4px;scroll-padding-inline:4px}
.home-landing .network-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--home-gap);padding:4px;overflow:visible;margin:0 -4px}
.home-landing .network-tile{position:relative;isolation:isolate;min-width:0;min-height:0;aspect-ratio:1.85;border-radius:var(--home-radius);padding:0;background:var(--network-surface,#101114);box-shadow:inset 0 1px 0 #ffffff18,0 10px 24px #0004;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}
.home-landing .network-tile:hover,.home-landing .network-tile:focus-visible{background:var(--network-surface,#101114)}
.home-landing .network-tile img{position:absolute;inset:0;margin:auto;width:72%;height:80%;max-width:160px;object-fit:contain;border-radius:0;mix-blend-mode:screen}
/* Native provider assets stay intact. Blending removes their baked-in square backgrounds. */
.home-landing .network-tile[aria-label="Netflix"]{--network-surface:radial-gradient(ellipse at 10% 110%,#630b16,transparent 65%),linear-gradient(125deg,#160607,#030304)}
.home-landing .network-tile[aria-label="Netflix"] img{height:72%}
/* Match the filtered logo's black backplate directly; no Safari blend-layer dependency. */
.home-landing .network-tile[aria-label="Apple TV+"]{--network-surface:#000}
.home-landing .network-tile[aria-label="Apple TV+"] img{filter:grayscale(1) brightness(.8) contrast(2);mix-blend-mode:normal}
.home-landing .network-tile[aria-label="Prime Video"]{--network-surface:linear-gradient(135deg,#fff,#e7f3ff);color:#0077ea}
.home-landing .network-tile[aria-label="Prime Video"] img{mix-blend-mode:multiply}
.home-landing .network-tile[aria-label="Disney+"]{--network-surface:radial-gradient(ellipse at 85% 0%,#194fba,transparent 75%),linear-gradient(135deg,#09266b,#050f35)}
.home-landing .network-tile[aria-label="Disney+"] img{filter:url("#pm-network-disney")}
.home-landing .network-tile[aria-label="Hulu"]{--network-surface:radial-gradient(ellipse at 20% 120%,#06492d,transparent 75%),linear-gradient(120deg,#07150f,#030b08);color:#1ce783}
.home-landing .network-tile[aria-label="Hulu"] img{filter:url("#pm-network-hulu")}
.home-landing .network-tile[aria-label="Hulu"]::after{content:"";position:absolute;inset:0;background:#1ce783;mix-blend-mode:multiply;pointer-events:none}
.home-landing .network-tile[aria-label="Max"]{--network-surface:radial-gradient(ellipse at 100% 10%,#453397,transparent 75%),linear-gradient(135deg,#091943,#171332)}
.home-landing .network-tile span{display:none}
.home-landing .network-tile:has(img[hidden]) span,.home-landing .network-tile:not(:has(img)) span{display:block;font-size:20px;font-weight:700;letter-spacing:-.04em}
.home-landing [data-home-slot="resume"] .home-card{flex:0 0 calc((100% - 3 * var(--home-gap))/4);max-width:none;text-align:left}
.home-landing .home-art{border-radius:var(--home-radius);box-shadow:0 12px 24px #0003}
.home-landing .home-art img{border-radius:0;box-shadow:none}
.home-landing .home-card strong{font-size:17px;padding:14px 1px 4px;font-weight:650}
.home-landing .home-meta{font-size:13px;color:#a5a6af}
.home-landing .home-progress{height:4px;left:14px;right:14px;bottom:12px;border-radius:4px;overflow:hidden;background:#ffffff55;box-shadow:0 0 0 1px #0002}
.home-landing .home-progress i{background:#fff}
.home-landing .home-resume-badge{bottom:28px;left:14px;backdrop-filter:blur(8px);background:#111317bc;border-radius:8px;padding:6px 10px}
.home-landing [data-home-slot="collections"]{padding-top:var(--home-space);border-top:1px solid #ffffff0d}
.home-landing .collection-preview .collection-tile{flex:0 0 calc((100% - 2 * var(--home-gap))/3);aspect-ratio:1.9;border-radius:var(--home-radius)}
.home-landing .collection-tile>span{padding:24px;gap:8px;background:linear-gradient(0deg,#08090bef,transparent 85%)}
.home-landing .collection-tile strong{font-size:clamp(19px,1.5vw,28px);line-height:1.15;letter-spacing:-.025em;max-width:90%;text-wrap:balance}
.home-landing .collection-tile small{font-size:13px;color:#c4c5ce}
.home-landing .catalog-card{flex-basis:calc((100% - 6 * var(--home-gap))/7)}
.home-landing .catalog-art{border-radius:var(--home-radius)}
.home-landing .catalog-rail h2 span{font-size:20px;color:#868994}
.home-landing .rail-edge{width:44px;height:54px;border-radius:50px;background:#27282eeb;backdrop-filter:blur(12px);border:1px solid #ffffff1f;transition:opacity .2s}
@media(hover:hover) and (pointer:fine){
 .home-landing .network-tile:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff38,0 16px 32px #0006}
 .home-landing .collection-tile img{transition:transform .35s ease}
 .home-landing .collection-tile:hover img{transform:scale(1.025)}
 .home-landing .home-card:hover{transform:none}
 .home-landing .home-card:hover .home-art{outline:2px solid #ffffff9c;outline-offset:2px}
 .home-landing .home-card:hover img{outline:none}
 .home-landing .rail-scroll-shell:not(:hover):not(:focus-within) .rail-edge{opacity:0}
}
@media(max-width:1199px){
 .home-landing{--home-space:42px;--home-gap:16px}
 .home-landing .network-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-landing .network-tile{aspect-ratio:2.4}
 .home-landing .network-tile img{max-width:140px}
 .home-landing .hero-copy{max-width:65vw;margin-bottom:104px}
 .home-landing #heroTitle{font-size:clamp(48px,6.2vw,72px)}
 .home-landing [data-home-slot="resume"] .home-card{flex-basis:calc((100% - 2 * var(--home-gap))/3)}
 .home-landing .collection-preview .collection-tile{flex-basis:44%}
 .home-landing .catalog-card{flex-basis:calc((100% - 4 * var(--home-gap))/5)}
}
@media(max-width:600px){
 .home-landing{--home-gutter:20px;--home-space:32px;--home-gap:12px;--home-radius:14px}
 .home-landing #hero{height:auto;min-height:640px;background-position:62% top}
 .home-landing .hero-shade{background:linear-gradient(0deg,#08090b 0%,#08090baa 38%,transparent 85%)}
 .home-landing .hero-copy{margin:240px var(--home-gutter) 74px;max-width:calc(100% - 2 * var(--home-gutter))}
 .home-landing #heroTitle{font-size:clamp(36px,10vw,48px);line-height:1.05;letter-spacing:-.04em;margin-bottom:16px}
 .home-landing #heroDescription{font-size:15px;line-height:1.5;margin-bottom:16px}
 .home-landing #eyebrow{font-size:10px;letter-spacing:.09em}
 .home-landing .hero-copy .actions{margin-top:22px;gap:10px}
 .home-landing .hero-copy .actions button{min-width:124px;min-height:48px;padding:12px 18px;font-size:14px}
 .home-landing .dynamic-hero-controls{margin-top:20px;gap:12px}
 .home-landing .content{margin-top:-24px;padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 .home-landing #rails h2{font-size:23px;margin-bottom:16px}
 .home-landing .network-tiles{gap:10px}
 .home-landing .network-tile{aspect-ratio:1.35;padding:0;border-radius:12px}
 .home-landing .network-tile img{width:86%;height:84%;max-width:110px;border-radius:0}
 .home-landing .network-tile:has(img[hidden]) span{font-size:15px}
 .home-landing [data-home-slot="resume"] .home-card{flex-basis:84%}
 .home-landing .home-card strong{font-size:16px;padding-top:12px}
 .home-landing .collection-preview .collection-tile{flex-basis:88%;aspect-ratio:1.7}
 .home-landing .collection-tile>span{padding:18px}
 .home-landing .collection-tile strong{font-size:22px}
 .home-landing .catalog-card{flex-basis:43%}
 .home-landing .hub-heading a{font-size:13px}
 .home-landing .rail-edge{display:none}
}
@media(prefers-reduced-motion:reduce){.home-landing .collection-tile img,.home-landing .network-tile,.home-landing .rail-edge{transition:none}}