
/* About: "Founder and CEO." on one line, in proportion */
html body #page-home .about-editorial .reinvention-stack>span.role-final{font-size:clamp(44px,4.3vw,74px)!important;white-space:nowrap!important;line-height:1!important;margin-top:clamp(10px,1vw,16px)!important}
@media(max-width:800px){
  html body #page-home .about-editorial .reinvention-stack>span.role-final{font-size:clamp(38px,11.2vw,54px)!important;margin-top:10px!important}
  /* About photo ends cleanly at the hem, then breathing room */
  html body #page-home .about-editorial .about-portrait-crop{-webkit-mask-image:linear-gradient(to bottom,#000 83%,transparent 88.5%)!important;mask-image:linear-gradient(to bottom,#000 83%,transparent 88.5%)!important}
  html body #page-home .about-editorial .about-copy{padding-top:16px!important}
}
/* Phone hero: magazine cover */
@media(max-width:700px){
  html body #nav.over-approved .wordmark{opacity:0!important;pointer-events:none}
  html body #nav .wordmark{transition:opacity .4s ease}
}
/* Phone: soft fade-ins where desktop uses hover */
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
  .m-fade{opacity:0;translate:0 22px;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1)}
  .m-fade.m-in{opacity:1;translate:0 0}
}
