/* Centre the opening-film symbol independently of text and navigation. */
body.home-page main>.hero .introduction{position:absolute;inset:0;left:0;top:0;transform:none;width:100%;max-width:none;height:100%;margin:0;padding:0;display:grid;place-items:center;justify-self:stretch;box-sizing:border-box}
body.home-page main>.hero .home-hero-logo{display:block;width:clamp(81.25px,9.75vw,120.25px);max-width:65vw;height:auto;margin:0;justify-self:center;align-self:center}

/* The phone navigation covers the bottom 76px of the film. */
@media(max-width:1024px){body.home-page main>.hero .introduction{bottom:76px;height:calc(100% - 76px)}}