/* A cleaner opening and a concise company statement. */
.about-opening.film-hero {min-height:740px;padding-bottom:130px}
.about-film-signature {bottom:135px}
.about-page .manifest-bottom>.manifest-tagline {font:400 clamp(28px,3.1vw,40px)/1.25 var(--serif);color:#465044;margin:0;max-width:390px}
.tagline-line {display:block}
.tagline-line+ .tagline-line {margin-top:10px;color:#9b7f57}
.tagline-line em {font-weight:400}
.tagline-connection {display:block;position:relative;max-width:190px;height:1px;background:#c7bda446;margin-top:34px;overflow:hidden}
.tagline-connection i {position:absolute;inset:0;background:linear-gradient(90deg,transparent,#af9060,transparent);transform:translateX(-100%)}
.tagline-arrived .tagline-line {animation:tagline-arrival .85s cubic-bezier(.16,.7,.2,1) both}
.tagline-arrived .tagline-line:nth-child(2) {animation-delay:.2s}
.tagline-arrived .tagline-connection {animation:tagline-line-draw .9s .45s both;transform-origin:left}
.tagline-arrived .tagline-connection i {animation:tagline-light 2.4s .8s 2 both}
@keyframes tagline-arrival {from{opacity:0;transform:translateY(16px);clip-path:inset(100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@keyframes tagline-line-draw {from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tagline-light {to{transform:translateX(100%)}}
@media(max-width:640px){.about-opening.film-hero{min-height:650px;padding-bottom:105px}.about-page .manifest-bottom>.manifest-tagline{font-size:32px}.tagline-connection{margin-top:26px;max-width:150px}}
@media(prefers-reduced-motion:reduce){.manifest-tagline *{animation:none!important}.tagline-connection i{transform:none;opacity:.5}}
.motion-paused .manifest-tagline *{animation:none!important}
