/* The finished portrait gently opens out as the portfolio moves into view. */
.hero-story{background:var(--ink)}
#hero-image{transform-origin:50% 55%;will-change:transform;transition:none}
#hero-image.hero-portrait{object-fit:cover;object-position:50% 48%}
.charcoal-trace{display:block;position:relative;width:210px;max-width:100%;margin-top:24px;color:#deddd2}
.charcoal-trace .nvz-signature{display:block;width:76px;max-width:100%;height:auto;overflow:visible;visibility:hidden}
html[data-charcoal-layout-ready=true] .charcoal-trace .nvz-signature{visibility:visible}
.charcoal-trace .signature-stroke{stroke-linecap:round;stroke-linejoin:round}
.charcoal-trace>span{display:block;width:max-content;max-width:260px;margin-top:10px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#a8aaa0}
@media(prefers-reduced-motion:reduce){
  #hero-image{transform:none!important;will-change:auto}
  .charcoal-trace .nvz-signature{visibility:visible}
  .charcoal-trace .signature-stroke{stroke-dasharray:none!important;stroke-dashoffset:0!important}
}