/* FRAME | Cinema Director
   Layered, theme-responsive cinema styling for the actual FRAME application.
   Artwork comes exclusively from verified posters in the user's existing library. */
.frame-cinema-shell .frame-cinema-page:not(.cinema-is-home){
 --cinema-edge:color-mix(in srgb,var(--line) 71%,var(--accent) 29%);
 --cinema-depth:0 22px 54px rgba(0,0,0,.14);
 background:
  radial-gradient(ellipse 74% 570px at 78% -75px,color-mix(in srgb,var(--accent) 10%,transparent),transparent 82%),
  radial-gradient(ellipse 53% 500px at 0% 85%,color-mix(in srgb,var(--accent) 3%,transparent),transparent 84%),
  var(--bg);
 padding-top:clamp(24px,2.8vw,44px);
}
.frame-cinema-shell .frame-cinema-page > *{min-width:0}
.frame-cinema-shell .frame-cinema-top{border-bottom:1px solid color-mix(in srgb,var(--accent) 14%,#ffffff20)}
.frame-cinema-shell .frame-cinema-nav button[aria-current="page"]{
 background:color-mix(in srgb,var(--accent) 18%,#10141f);
 color:#fff;
}
.frame-cinema-shell .frame-cinema-page .frame-gallery-masthead{
 display:grid;
 grid-template-columns:minmax(0,54%) minmax(0,46%);
 min-height:246px;
 height:auto;
 margin:0 0 28px;
 border:1px solid color-mix(in srgb,var(--accent) 19%,var(--line));
 border-radius:23px;
 overflow:hidden;
 isolation:isolate;
 background:linear-gradient(106deg,color-mix(in srgb,var(--surface) 95%,#090c16),color-mix(in srgb,var(--surface2) 86%,var(--accent) 14%));
 box-shadow:0 15px 47px rgba(0,0,0,.16);
}
.frame-cinema-shell .frame-gallery-atmosphere{
 position:absolute;inset:0;z-index:-1;
 background:
  linear-gradient(90deg,color-mix(in srgb,var(--surface) 92%,transparent) 0%,color-mix(in srgb,var(--surface) 74%,transparent) 43%,transparent 75%),
  radial-gradient(ellipse at 89% 30%,color-mix(in srgb,var(--accent) 27%,transparent),transparent 78%);
}
.frame-cinema-shell .frame-gallery-wash{
 position:absolute;inset:-38px -15px -38px 37%;z-index:-2;
 overflow:hidden;pointer-events:none;opacity:.33;
 filter:blur(33px) saturate(1.1);
}
.frame-cinema-shell .frame-gallery-wash{
 background-position:center 30%;background-size:cover;
 transform:scale(1.10);
}
.frame-cinema-shell .frame-gallery-copy{
 position:relative;z-index:5;
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
 padding:28px clamp(26px,4vw,57px);
}
.frame-cinema-shell .frame-gallery-copy h1{
 margin:9px 0 12px;line-height:1;
 font-size:clamp(43px,4.7vw,70px);
 font-weight:900;letter-spacing:-.075em;
 text-shadow:0 9px 26px rgba(0,0,0,.12);
}
.frame-cinema-shell .frame-gallery-copy p{
 margin:0;line-height:1.5;max-width:34rem;
}
.frame-cinema-shell .frame-gallery-foot{margin-top:20px;gap:11px 16px}
.frame-cinema-shell .frame-gallery-foot span{letter-spacing:.1em;font-size:10px}
.frame-cinema-shell .frame-gallery-foot button{
 border:1px solid color-mix(in srgb,var(--accent) 75%,white);
 box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 13%,transparent);
 transition:transform .17s ease,box-shadow .17s ease;
}
.frame-cinema-shell .frame-gallery-foot button:hover{transform:translateY(-2px);box-shadow:0 11px 30px color-mix(in srgb,var(--accent) 22%,transparent)}
.frame-cinema-shell .frame-gallery-art{
 height:246px;
 width:100%;
 position:relative;
 isolation:isolate;
 overflow:hidden;
 background:none;
}
.frame-cinema-shell .frame-gallery-art::after{
 content:"";position:absolute;inset:0;z-index:5;
 background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 42%,transparent),transparent 32%,transparent 85%);
 opacity:.55;pointer-events:none;
}
.frame-cinema-shell .frame-gallery-cover{
 --shift-x:0px;--shift-y:0px;--rotate:0deg;
 position:absolute;
 top:50%;left:50%;
 height:clamp(156px,17vw,219px);
 width:auto;
 aspect-ratio:2/3;
 border-radius:11px;
 box-shadow:0 17px 38px #0008,0 0 0 1px #ffffff26;
 transform:translate(calc(-50% + var(--shift-x)),calc(-50% + var(--shift-y))) rotate(var(--rotate));
 transition:transform .28s ease;
}
.frame-cinema-shell .frame-gallery-cover-0{--shift-x:-34px;--shift-y:0px;--rotate:-5deg;--layer:4}
.frame-cinema-shell .frame-gallery-cover-1{--shift-x:56px;--shift-y:-5px;--rotate:6deg;--layer:3}
.frame-cinema-shell .frame-gallery-cover-2{--shift-x:-120px;--shift-y:11px;--rotate:-12deg;--layer:2}
.frame-cinema-shell .frame-gallery-cover-3{--shift-x:136px;--shift-y:10px;--rotate:12deg;--layer:1}
.frame-cinema-shell .frame-gallery-cover img{width:100%;height:100%;object-fit:cover;display:block}
.frame-cinema-shell .frame-gallery-masthead.no-art .frame-gallery-art{
 background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 78%);
}
.frame-cinema-shell .library-ui{
 margin:0;
 padding:clamp(13px,1.8vw,23px);
 border:1px solid var(--cinema-edge);
 border-radius:19px;
 background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 95%,transparent),color-mix(in srgb,var(--surface2) 85%,transparent));
 box-shadow:0 8px 28px rgba(0,0,0,.07);
}
.frame-cinema-shell .library-toolbar{gap:10px 12px;margin:0 0 14px}
.frame-cinema-shell .library-search{
 background:var(--bg);
 border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));
 border-radius:12px;
 min-height:46px;
}
.frame-cinema-shell .library-search:focus-within{border-color:var(--accent)}
.frame-cinema-shell .library-views{
 display:flex;flex-wrap:wrap;gap:7px 8px;
 border-top:1px solid var(--line);padding-top:15px;margin-top:0;
}
.frame-cinema-shell .library-view{
 min-height:37px;border-radius:10px;
 background:color-mix(in srgb,var(--surface2) 82%,transparent);
}
.frame-cinema-shell .library-view[aria-pressed="true"]{
 background:color-mix(in srgb,var(--accent) 17%,var(--surface2));
 box-shadow:inset 0 -2px var(--accent);
 border-color:color-mix(in srgb,var(--accent) 48%,var(--line));
}
.frame-cinema-shell .frame-library-meta{
 display:flex;align-items:center;justify-content:space-between;gap:10px 25px;
 padding:17px 0 15px;
 flex-wrap:wrap;
}
.frame-cinema-shell .frame-library-meta .library-summary{
 margin:0;min-height:0;line-height:1.4;
 display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.frame-cinema-shell .frame-library-meta .library-summary strong{font-size:18px}
.frame-cinema-shell .frame-library-meta .frame-collection-toggle{
 display:inline-flex;align-items:center;gap:9px;
 margin:0;
 padding:9px 12px;
 border:1px solid var(--line);border-radius:10px;
 background:color-mix(in srgb,var(--surface) 88%,transparent);
 color:var(--muted);font-size:12px;
 line-height:1.3;
 cursor:pointer;
}
.frame-cinema-shell .frame-library-meta .frame-collection-toggle input{margin:0;accent-color:var(--accent)}
.frame-cinema-shell .frame-library-meta .frame-collection-toggle:has(input:checked){
 border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--text);
}
.frame-cinema-shell .frame-library-group{margin-top:23px}
.frame-cinema-shell .catalog-grid{gap:clamp(20px,2.7vw,40px) clamp(12px,1.6vw,24px)}
.frame-cinema-shell .poster-card .poster{box-shadow:0 15px 34px rgba(0,0,0,.17)}
.frame-cinema-shell .poster-card:hover .poster{box-shadow:0 25px 49px rgba(0,0,0,.32)}

/* Content-first cinematic openers for pages that don't have a full bespoke hero. */
.frame-cinema-shell .frame-cinema-page .page-head{
 position:relative;isolation:isolate;overflow:hidden;
 display:flex;gap:18px;align-items:center;
 min-height:155px;
 margin:0 0 27px;
 padding:27px clamp(23px,3.5vw,44px);
 border:1px solid var(--cinema-edge);border-radius:20px;
 background:
  radial-gradient(ellipse 56% 120% at 88% 45%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 94%),
  linear-gradient(110deg,var(--surface),color-mix(in srgb,var(--surface2) 87%,var(--accent) 13%));
 box-shadow:0 12px 40px rgba(0,0,0,.085);
}
.frame-cinema-shell .frame-cinema-page .page-head::after{
 content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;
 background:linear-gradient(90deg,var(--accent),transparent 56%);
 opacity:.7;
}
.frame-cinema-shell .page-head .page-head-copy{position:relative;z-index:3;min-width:0;max-width:min(72%,760px)}
.frame-cinema-shell .page-head .page-head-copy h1{font-size:clamp(31px,3.5vw,53px);margin:7px 0 8px;letter-spacing:-.063em}
.frame-cinema-shell .page-head .page-head-copy p{font-size:13px;max-width:550px}
.frame-cinema-shell .page-head .page-head-actions{position:relative;z-index:6;margin-left:auto;max-width:45%}
.frame-cinema-shell .frame-page-scene{
 position:absolute;inset:0 0 0 auto;width:46%;z-index:0;
 pointer-events:none;overflow:hidden;opacity:.7;
}
.frame-cinema-shell .frame-page-scene::after{
 content:"";position:absolute;inset:0;z-index:4;
 background:linear-gradient(90deg,var(--surface) 1%,color-mix(in srgb,var(--surface) 60%,transparent) 44%,transparent 100%);
 pointer-events:none;
}
.frame-cinema-shell .frame-page-scene-cover{
 position:absolute;top:50%;left:55%;width:106px;height:159px;object-fit:cover;
 border-radius:9px;box-shadow:0 13px 30px #0009;border:1px solid #ffffff26;
 transform:translate(-50%,-50%) translateX(var(--x)) rotate(var(--rot));
}
.frame-cinema-shell .frame-page-scene-cover.cover-0{--x:0px;--rot:-7deg;z-index:3}
.frame-cinema-shell .frame-page-scene-cover.cover-1{--x:96px;--rot:9deg;z-index:2}
.frame-cinema-shell .frame-page-scene-cover.cover-2{--x:-103px;--rot:-14deg;z-index:1}
.frame-cinema-shell .frame-cinema-section-discover .page-head.has-scene .page-head-copy{max-width:63%}
.frame-cinema-shell .frame-cinema-section-tracker .page-head.has-scene .page-head-copy{max-width:65%}

/* Distinctive page identities with more atmosphere, without hiding content. */
.frame-cinema-shell .frame-cinema-section-discover .discover-search-studio{
 position:relative;border-radius:21px;overflow:hidden;
 border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));
 background:radial-gradient(ellipse at 91% -30%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 62%),
 linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--surface2) 89%,#101c31));
 box-shadow:var(--cinema-depth);
 margin:0 0 28px;padding:clamp(20px,2.5vw,35px);
}
.frame-cinema-shell .frame-cinema-section-discover .discover-search-heading h3{
 font-size:clamp(25px,3vw,40px);letter-spacing:-.06em;
}
.frame-cinema-shell .frame-cinema-section-discover .live-picks-heading{margin:18px 0}
.frame-cinema-shell .frame-cinema-section-discover .rec-grid{gap:17px}
.frame-cinema-shell .frame-cinema-section-discover .rec{
 border:1px solid var(--cinema-edge);
 background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 92%,transparent));
 box-shadow:0 13px 31px rgba(0,0,0,.09);
 padding:14px;border-radius:17px;
}
.frame-cinema-shell .frame-cinema-section-discover .rec:hover{box-shadow:0 19px 44px rgba(0,0,0,.18);transform:translateY(-2px)}
.frame-cinema-shell .frame-cinema-section-discover .rec-title{font-size:15px;letter-spacing:-.02em}
.frame-cinema-shell .frame-cinema-section-discover .live-results-header h3{font-size:clamp(22px,2vw,29px);letter-spacing:-.04em}
.frame-cinema-shell .frame-cinema-section-greenlit .greenlit-header{
 position:relative;isolation:isolate;overflow:hidden;
 display:flex;align-items:center;min-height:212px;
 padding:28px clamp(24px,3.5vw,48px);
 border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));
 border-radius:22px;
 background:radial-gradient(ellipse at 82% 25%,rgba(35,156,103,.21),transparent 63%),linear-gradient(120deg,var(--surface),var(--surface2));
 box-shadow:var(--cinema-depth);
 margin:0 0 25px;
}
.frame-cinema-shell .greenlit-header-copy{position:relative;z-index:3;min-width:0}
.frame-cinema-shell .greenlit-header h1{font-size:clamp(47px,5vw,73px);line-height:1;margin:12px 0}
.frame-cinema-shell .greenlit-header>p,.frame-cinema-shell .greenlit-header-copy p{font-size:13px}
.frame-cinema-shell .frame-greenlit-head-art{position:absolute;right:80px;top:0;bottom:0;width:41%;pointer-events:none;overflow:hidden}
.frame-cinema-shell .frame-greenlit-head-art::after{
 content:"";position:absolute;inset:0;z-index:5;
 background:linear-gradient(90deg,var(--surface),transparent 64%);
 opacity:.76;
}
.frame-cinema-shell .frame-greenlit-head-poster{
 position:absolute;top:50%;left:57%;height:176px;width:117px;
 border-radius:10px;object-fit:cover;box-shadow:0 15px 35px #0008;
 transform:translate(-50%,-50%) translateX(var(--x)) rotate(var(--rot));
}
.frame-cinema-shell .frame-greenlit-head-poster-0{--x:-15px;--rot:-7deg;z-index:3}
.frame-cinema-shell .frame-greenlit-head-poster-1{--x:78px;--rot:11deg;z-index:2}
.frame-cinema-shell .frame-greenlit-head-poster-2{--x:-103px;--rot:-13deg;z-index:1}
.frame-cinema-shell .greenlit-header .greenlit-count{
 position:relative;z-index:4;margin-left:auto;
 padding:9px 12px;background:color-mix(in srgb,var(--surface2) 86%,transparent);
}
.frame-cinema-shell .greenlit-feature{
 border:1px solid var(--cinema-edge);
 background:radial-gradient(ellipse at 80% 17%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 64%),var(--surface);
 min-height:240px;
}
.frame-cinema-shell .greenlit-item .greenlit-art{box-shadow:0 16px 36px rgba(0,0,0,.18)}
.frame-cinema-shell .greenlit-item:hover .greenlit-art{box-shadow:0 22px 48px rgba(0,0,0,.29)}
.frame-cinema-shell .frame-cinema-section-taste .page-head,
.frame-cinema-shell .frame-cinema-section-connections .page-head,
.frame-cinema-shell .frame-cinema-section-settings .page-head{min-height:122px}
.frame-cinema-shell .frame-cinema-section-taste .taste-feature{
 min-height:320px;
 border:1px solid var(--cinema-edge);
 background:radial-gradient(ellipse at 88% 0%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 56%),linear-gradient(115deg,var(--surface),var(--surface2));
 box-shadow:var(--cinema-depth);
}
.frame-cinema-shell .frame-cinema-section-taste .taste-panel{
 border-color:var(--cinema-edge);box-shadow:0 12px 33px rgba(0,0,0,.09);
}
.frame-cinema-shell .frame-cinema-section-connections .cx-hero{
 min-height:280px;
 border:1px solid var(--cinema-edge);
 background:
  radial-gradient(ellipse at 85% 30%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 65%),
  linear-gradient(115deg,var(--surface),var(--surface2));
 box-shadow:var(--cinema-depth);
}
.frame-cinema-shell .frame-cinema-section-connections .cx-feature{
 border-color:var(--cinema-edge);
}
.frame-cinema-shell .frame-cinema-section-connections .cu-hero{
 min-height:302px;
 border:1px solid var(--cinema-edge);
 background:
  radial-gradient(ellipse at 85% 30%,color-mix(in srgb,var(--accent) 21%,transparent),transparent 63%),
  linear-gradient(115deg,var(--surface),var(--surface2));
 box-shadow:var(--cinema-depth);
}
.frame-cinema-shell .frame-cinema-section-connections .cu-hero h2{
 font-size:clamp(34px,3.7vw,54px);
 letter-spacing:-.058em;
}
.frame-cinema-shell .frame-cinema-section-connections .cu-metrics>div{
 border-color:var(--cinema-edge);
 box-shadow:0 9px 23px rgba(0,0,0,.06);
}
.frame-cinema-shell .frame-cinema-section-connections :is(.cu-finder,.cu-overlaps,.cu-discovery){
 border-color:var(--cinema-edge);
 box-shadow:0 13px 33px rgba(0,0,0,.08);
}
.frame-cinema-shell .frame-cinema-section-tracker .frame-tracker-row{
 background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--surface2) 83%,transparent));
 border:1px solid var(--cinema-edge);border-radius:15px;
 box-shadow:0 9px 26px rgba(0,0,0,.07);
}
.frame-cinema-shell .frame-cinema-section-tracker .frame-tracker-open img{
 box-shadow:0 9px 20px rgba(0,0,0,.22);border-radius:8px;
}
.frame-cinema-shell .frame-cinema-section-tracker .frame-tracker-group h2{font-size:clamp(22px,2vw,28px)}
.frame-cinema-shell .frame-cinema-section-settings .fs-hero{
 min-height:320px;border:1px solid var(--cinema-edge);
 background:radial-gradient(ellipse at 79% 13%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 69%),linear-gradient(115deg,var(--surface),var(--surface2));
 box-shadow:var(--cinema-depth);
}
.frame-cinema-shell .frame-cinema-section-settings .fs-panel{
 border-color:var(--cinema-edge);
}
.frame-cinema-shell .frame-cinema-section-showdown .sd-cinematic .sd-hero{
 border-color:color-mix(in srgb,var(--accent) 24%,var(--line));
 box-shadow:0 28px 63px rgba(0,0,0,.2);
}
.frame-cinema-shell .frame-cinema-section-showdown .sd-cinematic .sd-card-art{box-shadow:0 18px 39px #0006}
.frame-cinema-shell .frame-cinema-section-showdown .sd-cinematic .sd-card-art:hover{box-shadow:0 28px 60px #0009}
.frame-cinema-shell :is(.greenlit-item,.frame-tracker-row,.taste-panel,.cx-feature,.fs-panel,.rec){
 scroll-margin-top:115px;
}
@media(max-width:1180px){
 .frame-cinema-shell .frame-gallery-cover{height:clamp(146px,19vw,192px)}
 .frame-cinema-shell .frame-gallery-cover-0{--shift-x:-17px}
 .frame-cinema-shell .frame-gallery-cover-1{--shift-x:46px}
 .frame-cinema-shell .frame-gallery-cover-2{--shift-x:-90px}
 .frame-cinema-shell .frame-gallery-cover-3{--shift-x:108px}
 .frame-cinema-shell .page-head .page-head-actions{max-width:48%}
 .frame-cinema-shell .frame-page-scene{opacity:.45}
}
@media(max-width:780px){
 .frame-cinema-shell .frame-cinema-page .frame-gallery-masthead{
  grid-template-columns:minmax(0,62%) minmax(0,38%);
  min-height:224px;border-radius:18px;margin-bottom:20px;
 }
 .frame-cinema-shell .frame-gallery-copy{padding:24px 22px}
 .frame-cinema-shell .frame-gallery-copy h1{font-size:clamp(34px,7.8vw,52px)}
 .frame-cinema-shell .frame-gallery-copy p{font-size:12px}
 .frame-cinema-shell .frame-gallery-art{height:224px}
 .frame-cinema-shell .frame-gallery-cover{height:152px}
 .frame-cinema-shell .frame-gallery-cover-0{--shift-x:-3px}
 .frame-cinema-shell .frame-gallery-cover-1{--shift-x:45px}
 .frame-cinema-shell .frame-gallery-cover-2{--shift-x:-48px}
 .frame-cinema-shell .frame-gallery-cover-3{--shift-x:58px}
 .frame-cinema-shell .frame-gallery-foot{margin-top:15px}
 .frame-cinema-shell .frame-gallery-foot span{font-size:9px}
 .frame-cinema-shell .frame-gallery-foot button{font-size:11px}
 .frame-cinema-shell .frame-cinema-page .page-head{padding:21px 23px;min-height:130px}
 .frame-cinema-shell .frame-cinema-page .page-head .page-head-copy{max-width:100%}
 .frame-cinema-shell .frame-cinema-page .page-head .page-head-actions{max-width:none;margin-left:0}
 .frame-cinema-shell .frame-page-scene{display:none}
 .frame-cinema-shell .frame-cinema-page .page-head{flex-wrap:wrap}
 .frame-cinema-shell .greenlit-header{min-height:174px}
 .frame-cinema-shell .frame-greenlit-head-art{right:10px;width:47%;opacity:.6}
 .frame-cinema-shell .frame-greenlit-head-poster{height:130px;width:87px}
 .frame-cinema-shell .frame-greenlit-head-poster-2{--x:-58px}
 .frame-cinema-shell .greenlit-header .greenlit-count{margin-left:0}
 .frame-cinema-shell .frame-cinema-section-taste .taste-feature{min-height:0}
 .frame-cinema-shell .frame-cinema-section-connections .cx-hero{min-height:0}
 .frame-cinema-shell .frame-cinema-section-settings .fs-hero{min-height:0}
}
@media(max-width:540px){
 .frame-cinema-shell .frame-cinema-page .frame-gallery-masthead{
  min-height:198px;grid-template-columns:minmax(0,65%) minmax(0,35%);
  border-radius:16px;margin-bottom:16px;
 }
 .frame-cinema-shell .frame-gallery-copy{padding:20px 16px}
 .frame-cinema-shell .frame-gallery-copy h1{font-size:clamp(32px,8.7vw,42px);margin:10px 0}
 .frame-cinema-shell .frame-gallery-copy p{font-size:11px}
 .frame-cinema-shell .frame-gallery-foot{margin-top:14px;gap:7px}
 .frame-cinema-shell .frame-gallery-foot span{font-size:9px}
 .frame-cinema-shell .frame-gallery-foot button{padding:8px 10px;min-height:34px}
 .frame-cinema-shell .frame-gallery-art{height:198px}
 .frame-cinema-shell .frame-gallery-cover{height:118px}
 .frame-cinema-shell .frame-gallery-cover-0{--shift-x:-3px}
 .frame-cinema-shell .frame-gallery-cover-1{--shift-x:6px}
 .frame-cinema-shell .frame-gallery-cover-2{--shift-x:-11px}
 .frame-cinema-shell .frame-gallery-cover-3{--shift-x:12px}
 .frame-cinema-shell .frame-gallery-wash{inset:-20px -10px -20px 55%}
 .frame-cinema-shell .library-ui{padding:11px;border-radius:13px}
 .frame-cinema-shell .library-toolbar{margin-bottom:12px}
 .frame-cinema-shell .library-views{padding-top:12px;gap:7px}
 .frame-cinema-shell .library-view{font-size:11px;min-height:35px}
 .frame-cinema-shell .frame-library-meta{padding:12px 0 14px;align-items:flex-start}
 .frame-cinema-shell .frame-library-meta .frame-collection-toggle{font-size:11px;min-height:35px}
 .frame-cinema-shell .frame-cinema-page .page-head{border-radius:16px;padding:21px 17px}
 .frame-cinema-shell .frame-cinema-page .page-head .page-head-copy h1{font-size:clamp(29px,8vw,42px)}
 .frame-cinema-shell .greenlit-header{padding:22px 18px;min-height:175px}
 .frame-cinema-shell .greenlit-header h1{font-size:46px}
 .frame-cinema-shell .frame-greenlit-head-art{width:37%;right:0;opacity:.45}
 .frame-cinema-shell .greenlit-header .greenlit-count{font-size:11px}
 .frame-cinema-shell .frame-cinema-section-discover .discover-search-studio{padding:18px;border-radius:15px}
}
@media(prefers-reduced-motion:reduce){
 .frame-cinema-shell .frame-gallery-cover,
 .frame-cinema-shell .frame-gallery-foot button,
 .frame-cinema-shell .frame-cinema-section-discover .rec{transition:none!important}
 .frame-cinema-shell .frame-gallery-foot button:hover,
 .frame-cinema-shell .frame-cinema-section-discover .rec:hover{transform:none!important}
}
body.frame-reduced-motion .frame-cinema-shell .frame-gallery-cover,
body.frame-reduced-motion .frame-cinema-shell .frame-gallery-foot button,
body.frame-reduced-motion .frame-cinema-shell .frame-cinema-section-discover .rec{transition:none!important}

/* Explicit stage spacing: unlike collapsing margins, grid gap cannot disappear
   between the artwork masthead and the filter panel. */
.frame-cinema-shell .frame-library-stage{
 display:grid;
 grid-template-columns:minmax(0,1fr);
 row-gap:22px;
 width:100%;
}
.frame-cinema-shell .frame-cinema-page .frame-library-stage .frame-gallery-masthead{margin:0}
.frame-cinema-shell .frame-library-stage .library-ui{margin:0}
.frame-cinema-shell .frame-library-meta{margin-top:9px}
@media(max-width:780px){
 .frame-cinema-shell .frame-library-stage{row-gap:19px}
}
@media(max-width:540px){
 .frame-cinema-shell .frame-library-stage{row-gap:16px}
 .frame-cinema-shell .frame-library-meta{margin-top:6px}
}

/* Connections has its own full cinematic hero: avoid an unnecessary second heading. */
.frame-cinema-shell .frame-cinema-visually-hidden{
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;
 clip:rect(0,0,0,0)!important;white-space:nowrap!important;
 border:0!important;
}
.frame-cinema-shell .frame-cinema-section-connections .cu-studio{
 gap:clamp(18px,2.1vw,27px);
}
.frame-cinema-shell .frame-cinema-section-connections .cu-hero{
 margin:0;
}