/* Tablet layouts: iPad portrait and landscape, including large iPad Pro. */
@media(min-width:761px) and (max-width:1366px){
 html{scroll-padding-top:96px;-webkit-text-size-adjust:100%}
 body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px));overflow-x:hidden}
 header{height:76px;padding:0 28px;gap:24px;box-sizing:border-box}
 header>.logo{font-size:30px;white-space:nowrap}
 header>nav{display:none!important}
 #session,#live-session{margin-left:auto;min-width:0}
 #session a,#live-session a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 18px}
 .beta-mobile-nav{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:9px max(24px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px));gap:14px;background:#080911f5;border-top:1px solid #39fff33b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .beta-mobile-nav a{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:54px;padding:4px;color:#9297ae;font:12px/1.3 Arial,sans-serif;border-radius:10px;touch-action:manipulation}
 .beta-mobile-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
 .beta-mobile-nav .live-dot{fill:#ff2bd6;stroke:none}
 .beta-mobile-nav a[aria-current=page]{color:#39fff3;background:#39fff30b}
 .streaming-hero{height:70svh;min-height:630px;max-height:850px}
 .streaming-hero .hero-copy{width:70%;max-width:760px;padding:145px 28px 96px;box-sizing:border-box}
 .streaming-hero h1{font-size:clamp(48px,6.5vw,80px);line-height:1.05;letter-spacing:-2px}
 .streaming-hero .summary{font-size:16px;max-width:460px;line-height:1.65}
 .streaming-hero .intro{font-size:15px;line-height:1.6}
 .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
 .hero-actions button{min-height:48px;padding:12px 22px;font-size:16px}
 .featured-switch{right:28px;bottom:25px}
 .featured-switch button,.row-nav button{min-width:44px;min-height:44px}
 .section{padding:32px 28px}
 .section h2{font-size:27px}
 .film-grid{grid-auto-columns:calc((100% - 36px)/3.3);gap:16px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .card-heading h3{font-size:16px}.card-heading p{font-size:13px}
 #film-browser{padding:108px 28px 38px}
 .browse-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:20px}
 .browse-heading h1{font-size:34px;line-height:1.2}
 .browse-select{min-width:0;justify-content:flex-end}.browse-select>span{display:none}
 .browse-select select{width:100%;max-width:none;min-height:46px;font-size:16px;box-sizing:border-box}
 .browse-search{grid-column:1/-1;width:100%;margin:0}.browse-search>span{display:none}
 .browse-search input{width:100%;min-height:46px;font-size:16px;box-sizing:border-box}
 .browse-shortcuts button{min-height:44px;font-size:14px;padding:10px 16px;touch-action:manipulation}
 .browse-rail{grid-auto-columns:calc((100% - 42px)/4.35);gap:14px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .browse-results{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;gap:24px 14px}
 .browse-row-heading{min-width:0;gap:12px}.browse-row-heading h2{font-size:23px;line-height:1.3;min-width:0;flex:1}
 .browse-row-heading>div{flex-shrink:0}.browse-row-heading button,#film-browser .browse-see-all{min-width:44px;min-height:44px}
 .browse-poster-title{font-size:15px;line-height:1.25}
 .browse-card-caption{align-items:center;gap:8px}.browse-card-caption h3{font-size:14px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .browse-poster{touch-action:pan-x pan-y}
 input,textarea,select{font-size:16px}
 #detail{width:min(820px,90vw);max-width:90vw;max-height:calc(100dvh - 40px - env(safe-area-inset-top,0px));overflow:auto;overscroll-behavior:contain;border-radius:12px}
 #detail>.close{width:44px;height:44px}.detail-actions button{min-height:48px;font-size:16px}
 .detail-content h2{font-size:36px;line-height:1.15}.detail-content p{font-size:16px;line-height:1.65}
 .provenance-link{min-height:44px;box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
 body:has(#detail[open]) .beta-mobile-nav,body:has(#player[open]) .beta-mobile-nav{display:none}
 #player[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:100dvh;width:100vw;max-width:none;max-height:none;padding:16px max(20px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px));box-sizing:border-box}
 #player .player-top{gap:12px;flex-wrap:wrap;min-width:0}.player-top button{min-height:44px}.player-top #playing-title{min-width:0;flex:1;overflow-wrap:anywhere}
 #player-stage{height:100%;min-height:0;display:grid;align-items:center}
 #player-stage iframe,#player-stage video{width:100%!important;height:100%!important;min-height:0;max-height:100%!important;object-fit:contain}
 .player-bottom{min-width:0;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px}.player-bottom a{min-height:44px;display:inline-flex;align-items:center}
 .login-page{padding:110px 28px 50px;grid-template-columns:1fr;max-width:640px;margin:auto;box-sizing:border-box}.login-art{display:none}.login-card{padding:32px}.account-page{padding:120px 28px 50px}
 .live-main{padding-top:76px}.live-heading{padding:36px 28px}.live-broadcast{margin:0 28px}.live-details{padding:36px 28px}
}
@media(min-width:1024px) and (max-width:1366px){
 .browse-rail{grid-auto-columns:calc((100% - 60px)/5.5)}
 .browse-results{grid-template-columns:repeat(5,minmax(0,1fr))}
 .streaming-hero .hero-copy{width:65%}
}
@media(min-width:1200px) and (max-width:1366px){.browse-results{grid-template-columns:repeat(6,minmax(0,1fr))}.browse-rail{grid-auto-columns:calc((100% - 70px)/6.5)}}
@media(min-width:761px) and (max-width:1366px) and (orientation:landscape) and (max-height:850px){.streaming-hero{height:auto;min-height:590px}.streaming-hero .hero-copy{padding-top:125px}.streaming-hero .summary{max-width:450px;-webkit-line-clamp:2}}
@media(hover:none){.card-overlay{opacity:1}.browse-plus{opacity:1}.browse-poster:hover{transform:none}}