/* Six page-specific films, composed for desktop and portrait screens. */
.page-film-hero{height:calc(100svh - 88px);min-height:740px;max-height:1150px;background:#090a0b}
.page-film-hero .hero-heading{padding-top:clamp(70px,10vh,120px)}
.page-film-hero .hero-heading h1{font-size:clamp(3.6rem,5.6vw,6.4rem);max-width:1100px;line-height:1.06}
.page-film-hero .hero-heading>p:not(.eyebrow){max-width:690px;font-size:1.06rem;line-height:1.65}
.page-film-hero .hero-image{object-position:60% center}
.page-film-hero .hero-wash{background:linear-gradient(90deg,#090a0bd9 0%,#090a0b77 43%,#090a0b10 78%),linear-gradient(0deg,#090a0bc9 0%,transparent 26%)}
.page-film-hero .hero-actions{justify-content:flex-start}
.page-film-hero .hero-caption span:first-child{max-width:560px}
.page-film-hero--social-value .hero-heading h1{font-size:clamp(3.1rem,4.8vw,5.7rem)}
.page-film-hero--bank-quay .hero-heading>p:not(.eyebrow){max-width:700px}
@media(max-width:900px){.page-film-hero{height:calc(100svh - 76px);min-height:760px}.page-film-hero .hero-heading h1{font-size:clamp(3rem,6.3vw,4.8rem)}}
@media(max-width:620px){
  .page-film-hero{height:calc(100svh - 72px);min-height:900px;max-height:1080px}
  .page-film-hero .hero-heading{padding-top:48px}
  .page-film-hero .hero-heading h1{font-size:clamp(2.4rem,10vw,3.4rem);max-width:100%;line-height:1.08}
  .page-film-hero--why-platform .hero-heading h1{font-size:clamp(2.15rem,9vw,3.1rem)}
  .page-film-hero--social-value .hero-heading h1{font-size:clamp(1.75rem,7.6vw,2.8rem)}
  .page-film-hero .hero-heading .eyebrow{font-size:.72rem;letter-spacing:.08em;max-width:300px;line-height:1.65;margin-bottom:18px}
  .page-film-hero .hero-heading>p:not(.eyebrow){font-size:.98rem;line-height:1.65;margin-top:20px;max-width:100%}
  .page-film-hero .hero-image{object-fit:contain;object-position:center bottom}
  .page-film-hero .hero-wash{background:linear-gradient(180deg,#090a0b12 0%,transparent 55%,transparent 89%,#090a0b80 100%)}
  .page-film-hero .hero-actions{margin-top:24px;gap:12px}
  .page-film-hero .hero-actions .button{max-width:340px;min-height:48px}
  .page-film-hero .hero-caption span:last-child{font-size:.68rem}
}