/* Herofilmen från Remotion (16/10): telefon = bild under rubriken, dator = film i hela heron som spelas en gång.
   Filmen har översta 70 px och nedersta 240 px fria (av 1080): rubriken nere till vänster och provknappen nere till höger
   ligger där. --fh är filmens höjd på skärmen (object-fit: contain i heron), och rubriken skalar med den. */
.ah--film .ah-media{position:relative}
.ah--film .ah-telefon{display:block;padding:6px 0 0}
.ah--film .ah-telefon img{display:block;width:100%;max-width:560px;height:auto;margin:0 auto}
.ah--film .ah-film{display:none}
@media (min-width:900px){
  .ah--film{--fh:min(56.25vw,clamp(660px,calc(100svh - 72px),1000px))}
  .ah--film .ah-media{position:absolute;inset:0}
  .ah--film .ah-telefon{display:none}
  .ah--film .ah-film{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;background:#fff}
  .ah--film .ah-text{bottom:calc((100% - var(--fh)) / 2 + var(--fh) * .045)}
  .ah--film .ah-namn{font-size:clamp(18px,calc(var(--fh) * .031),30px)}
  .ah--film .ah-tag{font-size:clamp(44px,calc(var(--fh) * .09),104px)}
}