/* Mobile film entrance: the complete landscape film and a compact brand statement. */
@media(max-width:760px){
 body.home-page.film-preview:not(.intro-past) .site-masthead,
 body.home-page.film-preview.intro-past .site-masthead{background:var(--soft);border-bottom:1px solid var(--line)}
 body.home-page.film-preview .site-header{width:calc(100% - 40px);min-height:110px;padding:6px 0}
 body.home-page.film-preview .site-header .brand{width:84px;flex-basis:84px}
 body.home-page.film-preview .brand-signature{filter:none;mix-blend-mode:multiply}
 body.home-page.film-preview .brand-original{display:block}
 body.home-page.film-preview .brand-on-photo{display:none}
 body.home-page.film-preview .site-header .menu-toggle{color:var(--ink);text-shadow:none;border-color:var(--line)}
 body.home-page.film-preview .site-header nav{max-height:calc(100dvh - 125px)}
 body.home-page.film-preview .story-cinema{display:flex;flex-direction:column;isolation:isolate;padding-top:110px;background:var(--dark)}
 body.home-page.film-preview .story-cinema .intro-frame{position:relative;top:auto;order:0;flex:none;width:100%;height:auto;min-height:0;aspect-ratio:16/9}
 body.home-page.film-preview .story-cinema .intro-photos{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background-size:cover}
 body.home-page.film-preview .homepage-film{object-fit:contain;object-position:50% 50%}
 body.home-page.film-preview .story-cinema .intro-shade{display:none}
 body.home-page.film-preview .story-cinema .intro-bottom{position:relative;inset:auto;order:1;align-self:auto;display:block;width:calc(100% - 40px);height:auto;min-height:0;margin:0 auto;padding:3px 0 5px;border:0}
 body.home-page.film-preview .intro-timeline{height:1px}
 body.home-page.film-preview .story-cinema .intro-bottom:before{display:none}
 body.home-page.film-preview .intro-bottom .intro-project,
 body.home-page.film-preview .intro-bottom .intro-discover{display:none}
 body.home-page.film-preview .film-controls{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
 body.home-page.film-preview .film-actions{width:auto;flex:none}
 body.home-page.film-preview .film-controls .intro-caption{font-size:11px;color:var(--muted-dark);opacity:1}
 body.home-page.film-preview .film-toggle{min-height:44px;color:var(--on-dark)}
 body.home-page.film-preview .story-flow{display:contents}
 body.home-page.film-preview .story-opening{order:2;min-height:0;padding:24px 20px 26px;background:var(--dark)}
 body.home-page.film-preview .story-opening .intro-location{max-width:none;font-size:10px;letter-spacing:.05em;margin:0 0 14px;color:var(--muted-dark)}
 body.home-page.film-preview .story-title{font-size:clamp(28px,7.7vw,36px);font-weight:400;line-height:1.18;letter-spacing:-.025em;color:var(--on-dark)}
 body.home-page.film-preview .story-title>span{overflow:visible;padding:0;margin:0}
 body.home-page.film-preview .story-title .story-title-small{display:block;font:inherit;margin:0 0 3px}
 body.home-page.film-preview .story-title .story-title-line{display:inline;font-family:Georgia,serif;font-style:italic;text-transform:none;letter-spacing:-.035em;color:var(--bronze-light)}
 body.home-page.film-preview .story-title>span>span{display:inline;animation:none;transform:none;opacity:1}
 body.home-page.film-preview .story-title .story-title-offset{margin:0}
 body.home-page.film-preview .story-continue{display:flex;justify-content:space-between;width:100%;margin-top:16px;min-height:44px;color:var(--on-dark)}
 body.home-page.film-preview .story-panel{order:3;min-height:0;padding:48px 20px;gap:32px;background:var(--paper);color:var(--ink);scroll-margin-top:125px}
 body.home-page.film-preview .story-company{width:100%;max-width:none;text-shadow:none}
 body.home-page.film-preview .story-company h2{font-size:30px;color:var(--ink);margin-bottom:24px}
 body.home-page.film-preview .story-company h2 em,
 body.home-page.film-preview .story-company>.eyebrow,
 body.home-page.film-preview .story-signature .eyebrow{color:var(--accent)}
 body.home-page.film-preview .story-copy{max-width:none}
 body.home-page.film-preview .story-copy p{color:var(--ink);font-size:16px}
 body.home-page.film-preview .story-copy .button{color:var(--ink);border-color:var(--bronze);width:100%;justify-content:space-between}
 body.home-page.film-preview .story-signature{text-shadow:none;border-color:var(--line)}
 body.home-page.film-preview .story-signature>p:not(.eyebrow){color:var(--ink)}
 body.home-page.film-preview .story-signature .story-founded{color:var(--muted)!important}
}
