/* Calmer base reveal */
.js-motion .reveal{transition:opacity 1s ease,transform 1.1s cubic-bezier(.16,.84,.24,1)}
.js-motion .reveal:not(.is-visible){transform:translateY(14px)}
/* Name hand-off */
.js-motion .author-title h1>*{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .12em .14em 0;margin:0 -.12em -.14em 0}
.js-motion .author-title h1>*>span{display:inline-block;transform:translate3d(0,112%,0);transition:transform 1.15s cubic-bezier(.16,.84,.24,1);animation:name-safety 0s 3.6s forwards}
.js-motion .author-title h1>em>span{transition-delay:.13s}
.name-revealed .author-title h1>*>span{transform:none}
@keyframes name-safety{to{transform:none}}
@media(max-width:520px){.js-motion .author-title h1>*{display:block}}
/* Heading reveals */
.js-motion .line-reveal{opacity:0;transform:translate3d(0,.45em,0);transition:opacity .9s ease,transform 1.15s cubic-bezier(.16,.84,.24,1)}
.js-motion .line-reveal.is-in{opacity:1;transform:none}
/* Brand sentence */
.about-section .about-copy>p.brand-line{font:400 clamp(23px,2.3vw,31px)/1.38 var(--serif);letter-spacing:-.012em;color:var(--ink);margin-top:30px;max-width:30ch}
.about-section .about-copy:dir(rtl)>p.brand-line{font:400 clamp(20px,2vw,26px)/1.8 'Noto Sans Arabic',sans-serif;letter-spacing:0}
.js-motion .brand-line .w{opacity:.22;transition:opacity .45s ease}
.js-motion .brand-line .w.lit{opacity:1}
