/* Brand, blog and page content styles. The original hero layout lives in brand.css. */
.brand img,footer .brand img{filter:none!important}







header nav{max-width:calc(100% - 280px);gap:clamp(12px,1.6vw,26px)}header nav>a{white-space:nowrap}
header.nav-overflow .menu{display:flex}header.nav-overflow nav{display:none;position:absolute;left:0;right:0;top:100%;max-width:none;max-height:70svh;overflow:auto;flex-direction:column;padding:24px var(--page-gutter);background:#090a0bf5}header.nav-overflow nav.open{display:flex}
.editorial-hero{max-width:1320px;margin:auto;padding:82px var(--page-gutter) 56px}.editorial-hero h1{font-size:clamp(38px,6.8vw,86px);max-width:1000px;margin:22px 0 28px;text-wrap:balance}.editorial-hero .lead{font-size:clamp(16px,1.8vw,21px);max-width:780px;color:#b1b6ba;line-height:1.9}
.editorial-crumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#92999d;margin-bottom:42px}.editorial-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12px;letter-spacing:.035em;color:#969da2;margin:26px 0}.editorial-meta span:first-child{color:#ed952e}
.editorial-cover{display:block;width:100%;max-height:620px;object-fit:cover;border:1px solid #ffffff18;border-radius:4px;margin:35px 0 0}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:20px;max-width:1440px;margin:auto}.editorial-card{display:flex;flex-direction:column;border-top:1px solid #ffffff26;padding:24px 0 28px;min-width:0}.editorial-card-image{aspect-ratio:3/2;overflow:hidden;background:#151719;border-radius:3px}.editorial-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.editorial-card:hover img{transform:scale(1.035)}.editorial-card h2{font-size:clamp(22px,2.4vw,30px);line-height:1.35;margin:8px 0 16px}.editorial-card p{color:#a4abb0;font-size:14px;flex:1}.editorial-card .text-link{align-self:start;margin-top:22px}.editorial-empty{padding:60px 0;border-top:1px solid #ffffff22;color:#a6adb3}
.content-block{max-width:1000px;margin:0 auto;padding:36px var(--page-gutter);overflow-wrap:anywhere}.content-block h2{font-size:clamp(27px,3.5vw,44px);line-height:1.25;margin:0 0 24px;text-wrap:balance}.content-block p{font-size:16px;line-height:1.95;color:#bfc3c7;margin:0 0 20px}.content-block figure{margin:0}.content-block img{display:block;width:100%;height:auto;border-radius:4px}.content-block.block-cta{max-width:1440px;text-align:center;background:radial-gradient(ellipse at bottom,#35271955,transparent 70%);border-block:1px solid #ffffff16;padding-block:70px;margin-block:35px}.content-block.block-faq details{border-bottom:1px solid #ffffff25;padding:18px 0}.content-block.block-faq summary{font-size:18px;line-height:1.5;cursor:pointer}.content-block.block-faq p{padding-top:20px}.editorial-return{max-width:1000px;margin:25px auto 70px;padding:24px var(--page-gutter);border-top:1px solid #ffffff1f}
@media(max-width:1200px){header nav,.cinema-home header nav{max-width:none;display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#08090af5;padding:20px var(--page-gutter);max-height:75svh;overflow:auto}.menu{display:flex}header nav.open,.cinema-home header nav.open{display:flex}}
@media(max-width:800px){.editorial-grid{grid-template-columns:1fr 1fr;gap:24px}.editorial-hero{padding-top:42px;padding-bottom:30px}.editorial-hero h1{font-size:clamp(33px,8vw,54px)}.editorial-crumb{margin-bottom:30px}.content-block{padding-block:24px}.content-block p{font-size:15px}.editorial-cover{max-height:380px}.editorial-meta{font-size:11px;gap:12px}}
@media(max-width:560px){.editorial-grid{grid-template-columns:1fr}.editorial-cover{aspect-ratio:4/3;object-fit:cover}}
@media(prefers-reduced-motion:reduce){.editorial-card img{transition:none}}



/* Mobile reference: one background film behind the original copy and actions.
   Use the area below the header and above the dark service strip so cover needs
   less zoom (about 18-20% on phones). Keep the source aspect ratio and desktop.
   Fade only the lower edge into the existing hero shade. */
@media(max-width:1000px){
 .film-video{
  inset:var(--header-height) 0 64px;
  width:100%;
  height:calc(100% - var(--header-height) - 64px);
  object-fit:cover;
  object-position:50% 44%;
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 64px),transparent 100%);
  mask-image:linear-gradient(to bottom,#000 calc(100% - 64px),transparent 100%);
 }
}