/* Device-independent layout: phone, tablet portrait/split-view, tablet landscape, desktop. */
body{min-width:0}body>main{max-width:1800px;margin-inline:auto;padding-inline:clamp(16px,4vw,64px)}body.searchdesk>main{max-width:2400px;padding-inline:0}body>header{max-width:1800px;margin-inline:auto!important;width:calc(100% - clamp(24px,6vw,96px))}body.searchdesk>header{max-width:2364px;width:calc(100% - 36px)}
button,input,select,a{-webkit-tap-highlight-color:transparent}.brand,.header-links,.index-section-top>*{min-width:0}.scene-keyword input{font-size:16px!important}.index-tags .index-tag{min-height:44px}.ambient-toggle{min-width:36px;min-height:36px}.hero-bottom .reel-controls button{width:40px;height:40px}.cinema-hero{height:clamp(420px,34vw,640px)}#coverIndex{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}#coverIndex button{scroll-snap-align:start;min-height:44px}.home-index-section{scroll-margin-top:20px}.footer-word{flex-wrap:wrap}dialog#viewer{width:min(1500px,96vw);max-height:96dvh;overflow:auto;overscroll-behavior:contain}.viewer-top{position:sticky;top:-20px;z-index:3;background:var(--bg);padding:8px 0}.viewer-top button{min-height:44px;min-width:44px}.viewer-bottom>*{min-width:0}.viewer-bottom .palette{min-width:0}.actions>*{min-height:44px;display:inline-flex;align-items:center}#filmstrip{overscroll-behavior-x:contain}
@media(min-width:1700px){.searchdesk .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.searchdesk .desk-layout{grid-template-columns:260px minmax(0,1fr)}.home-index-section{padding:40px}.brand-masthead{padding-block:42px}.searchdesk .meta{font-size:12px}.searchdesk .card h2{font-size:13px}}
@media(min-width:1024px) and (max-width:1279px){.searchdesk .desk-layout{grid-template-columns:210px minmax(0,1fr);gap:14px}.searchdesk .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.searchdesk #filterPanel{padding:16px 14px}.searchdesk .desk-search h1{font-size:16px}.cinema-hero[data-layout=split] .hero-copy{padding:32px 20px}.cinema-hero[data-layout=split] .hero-copy h1{font-size:30px}}
@media(max-width:1023px){.brand span{display:none}.brand-masthead{gap:25px}.masthead-word{width:72%}.masthead-side{min-width:0}.masthead-side p{font-size:11px}.cinema-hero,.cinema-hero[data-layout=split]{height:auto;aspect-ratio:auto;min-height:0;padding-top:56.25%;background:#171717}.cinema-hero #reelStage,.cinema-hero[data-layout=split] #reelStage{inset:0 0 auto;height:auto;aspect-ratio:16/9}.cinema-hero .reel-frame img,.cinema-hero[data-layout=split] .reel-frame img{width:100%;height:100%;margin:0;object-fit:contain}.cinema-hero .reel-frame:after,.cinema-hero[data-layout=split] .reel-frame:after{background:linear-gradient(0deg,#0009,transparent 45%)}.cinema-hero .reel-frame>span{right:22px;bottom:16px;max-width:60%;font-size:14px}.cinema-hero .reel-frame>span small{display:none}.cinema-hero .hero-copy,.cinema-hero[data-layout=split] .hero-copy,.cinema-hero[data-frame="studio-cover-30"] .hero-copy{margin:0;width:100%;padding:28px 28px 80px}.cinema-hero .hero-copy h1,.cinema-hero[data-layout=split] .hero-copy h1{font-size:clamp(30px,5vw,44px);margin:10px 0 15px}.hero-copy h1 br{display:none}.hero-copy>p:not(.hero-eyebrow){font-size:13px;line-height:1.7}.hero-copy>p:not(.hero-eyebrow) br{display:none}.hero-bottom{left:28px;right:24px;bottom:18px}.index-section-top{flex-direction:column;align-items:flex-start;gap:23px}.scene-keyword{flex:auto;width:100%;max-width:none}.home-index-section{padding:28px}.searchdesk .desk-nav{gap:15px}.searchdesk .desk-search{padding:20px 18px}.searchdesk .desk-search h1{display:none}.searchdesk .search-field input{font-size:16px;padding:13px 0}.searchdesk .search-field kbd{display:none}.searchdesk #filterToggle{display:block;border:1px solid #fff;min-height:46px;padding:10px 16px;border-radius:13px;background:#fff;font-size:13px;white-space:nowrap}.searchdesk #filterToggle[aria-expanded=true]{background:#ff5736;color:#111}.searchdesk .desk-layout{display:block;padding:0 18px 20px}.searchdesk #filterPanel{display:none;position:static;max-height:none;margin-bottom:18px;padding:22px}.searchdesk.filters-open #filterPanel{display:block}.searchdesk .facet-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.searchdesk .facet-options button{min-height:44px;padding:10px}.searchdesk #sceneOptions{max-height:300px}.searchdesk .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.searchdesk .save-frame{opacity:1;min-height:36px;padding:7px 10px;font-size:11px}.searchdesk .result-toolbar{flex-wrap:wrap;gap:10px}.searchdesk .result-toolbar button{min-height:40px;font-size:11px}.searchdesk .meta{font-size:12px;gap:5px}.searchdesk .card h2{font-size:12px}.searchdesk .image-button>span{display:none}.viewer-bottom{flex-direction:column}.viewer-top{top:-12px}}
@media(max-width:600px){body>main{padding-inline:16px}.brand-masthead{padding-block:25px}.masthead-word{width:76%}.masthead-side{width:46px}.masthead-side>img{width:44px}.masthead-side p,.masthead-side span{display:none}.brand-masthead{flex-wrap:wrap}.mobile-description{display:block;flex-basis:100%;margin:0;font-size:11px}.cinema-hero .hero-copy,.cinema-hero[data-layout=split] .hero-copy,.cinema-hero[data-frame="studio-cover-30"] .hero-copy{padding:24px 20px 86px}.hero-copy h1 br{display:block}.hero-copy>p:not(.hero-eyebrow) br{display:block}.hero-bottom{left:20px;right:16px}.hero-bottom .reel-controls{gap:4px;padding:4px}.hero-bottom .reel-controls button{width:36px;height:36px}.home-index-section{padding:24px 18px}.home-index-section h2{font-size:26px}.genre-index .index-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.genre-index .index-tag{min-width:0}.searchdesk .desk-layout{padding-inline:12px}.searchdesk .desk-search{padding:16px 12px;flex-wrap:nowrap;gap:8px}.searchdesk #filterToggle{padding:10px 12px;font-size:12px}.searchdesk #filterPanel{padding:18px 14px}.searchdesk .facet-options{grid-template-columns:repeat(2,minmax(0,1fr))}.searchdesk .results{padding:16px 12px}.searchdesk .grid{grid-template-columns:1fr;gap:28px}.searchdesk .meta{flex-direction:row;justify-content:space-between}.searchdesk .palette i{height:7px}.searchdesk .card h2{font-size:13px;white-space:normal}.searchdesk .brand img{width:116px!important}.searchdesk .desk-nav a:first-child{display:none}.searchdesk>header{width:calc(100% - 24px)}.searchdesk .desk-nav{margin-left:auto}.searchdesk .ambient-toggle{min-width:30px;min-height:30px}.searchdesk .header-saved{min-height:36px;display:flex;align-items:center}.searchdesk #viewer{width:100%;max-width:100%;max-height:100dvh;border-radius:16px;padding:12px}.searchdesk #large{max-height:55dvh}.actions{gap:7px}.viewer-bottom h2{line-height:1.5}.footer-word img{width:min(100%,390px)}.footer-word span{font-size:23px}.footer-word{gap:24px}.scene-keyword{padding-left:15px}.scene-keyword button{min-width:42px;min-height:42px}}
@media(max-width:359px){.header-links>a{padding:9px 11px}.brand img{width:117px!important}.ambient-toggle{min-width:30px;min-height:30px}.searchdesk>header .brand img{width:100px!important}.searchdesk .desk-nav{gap:6px}.searchdesk>header{gap:6px}.searchdesk .header-saved{padding:7px}.hero-bottom{left:16px;right:12px}.hero-credit{gap:6px}.hero-bottom .reel-controls button{width:32px;height:34px}.home-index-section h2{font-size:24px}.index-tag{gap:8px!important}}
@media(max-height:500px) and (orientation:landscape){.cinema-hero,.cinema-hero[data-layout=split]{padding-top:0;height:360px}.cinema-hero #reelStage,.cinema-hero[data-layout=split] #reelStage{inset:0 0 0 32%;height:100%;aspect-ratio:auto}.cinema-hero .hero-copy,.cinema-hero[data-layout=split] .hero-copy,.cinema-hero[data-frame="studio-cover-30"] .hero-copy{width:32%;padding:28px 18px 70px}.cinema-hero .hero-copy h1,.cinema-hero[data-layout=split] .hero-copy h1{font-size:27px}.hero-copy h1 br{display:block}.hero-copy>p:not(.hero-eyebrow){font-size:11px}.hero-copy .hero-eyebrow{font-size:9px}.hero-bottom{left:18px;right:18px}.searchdesk #viewer{width:96vw;max-height:96dvh}dialog #large{max-height:70dvh}.viewer-bottom{padding-top:10px}}
@media(pointer:coarse){.facet-section summary{min-height:44px}.searchdesk .save-frame{opacity:1}.searchdesk .facet-options button{min-height:44px}.result-toolbar select,.facet-section select{min-height:40px}.actions a,.actions button{min-height:44px}.home-index-section .index-tag:hover{transform:none}}
@supports(padding:max(0px)){body{padding-bottom:env(safe-area-inset-bottom)}body>header{margin-top:max(12px,env(safe-area-inset-top))!important}#viewer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
