.pf-logo-motion {
  position: relative;
  width: min(244px, 100%);
  aspect-ratio: 278.59 / 64;
  animation: none;
}
.profarma-loading.pf-loading-photo {
  background: #fdf8f3 url('./profarma-loading-portrait-editorial-v2.png') center / cover no-repeat;
  color: #1b1512;
  min-height: 100dvh;
  padding-top: max(24px, env(safe-area-inset-top));
  padding-bottom: calc(10dvh + max(24px, env(safe-area-inset-bottom)));
}
.pf-loading-photo .pf-logo-motion .pf-logo-name {
  content: url('./profarma-loading-wordmark.svg');
}
.pf-logo-motion img { position:absolute; top:0; height:100%; max-width:none; }
.pf-logo-motion .pf-logo-icon {
  left:0;
  width:22.973%;
  transform:translateX(167.648%);
  animation:pf-icon-enter 450ms cubic-bezier(.16,1,.3,1) both,
    pf-icon-settle 600ms 550ms cubic-bezier(.65,0,.35,1) forwards;
}
.pf-logo-motion .pf-logo-name {
  left:30.152%;
  width:69.848%;
  clip-path:inset(0 100% 0 0);
  animation:pf-name-reveal 800ms 1150ms cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes pf-icon-enter {
  from { opacity:0; transform:translateX(167.648%) translateY(8px) scale(.92); }
  to { opacity:1; transform:translateX(167.648%) translateY(0) scale(1); }
}
@keyframes pf-icon-settle {
  from { transform:translateX(167.648%); }
  to { transform:translateX(0); }
}
@keyframes pf-name-reveal {
  from { clip-path:inset(0 100% 0 0); opacity:0; }
  to { clip-path:inset(0); opacity:1; }
}
.pf-logo-motion.pf-logo-still .pf-logo-icon { animation:none; transform:none; }
.pf-logo-motion.pf-logo-still .pf-logo-name { animation:none; clip-path:inset(0); opacity:1; }
@media(prefers-color-scheme:dark) {
  .pf-logo-motion .pf-logo-name { content:url('./profarma-loading-wordmark-white.svg'); }
}
@media(prefers-reduced-motion:reduce) {
  .pf-logo-motion .pf-logo-icon { animation:none; transform:none; }
  .pf-logo-motion .pf-logo-name { animation:none; clip-path:inset(0); }
}