/* Small wordmark effects; no markup replacement or layout-size changes. */
#f-theme :is(.f-header__logo,.f-logo--mobile)>a>strong{
 position:relative;display:inline-block;transform-origin:50% 60%;
 transition:transform .3s cubic-bezier(.2,.7,.2,1),filter .3s ease;
}
#f-theme :is(.f-header__logo,.f-logo--mobile)>a>strong::after{
 content:"";position:absolute;left:2%;right:5%;bottom:.04em;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#7135d1 25%,#ad72e1 75%,transparent);
 transform:scaleX(0);transform-origin:left center;opacity:0;
 transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s ease;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 #f-theme :is(.f-header__logo,.f-logo--mobile)>a>strong{
  background-image:linear-gradient(110deg,currentColor 0%,currentColor 38%,#7135d1 46%,#a85be0 50%,#7135d1 54%,currentColor 62%,currentColor 100%);
  background-size:300% 100%;background-position:100% 50%;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:pm-logo-sheen 8s ease-in-out infinite;
 }
}
@keyframes pm-logo-sheen{0%,5%{background-position:100% 50%}30%,100%{background-position:0% 50%}}
@keyframes pm-logo-hover{from{background-position:100% 50%}to{background-position:0% 50%}}
@media(hover:hover) and (pointer:fine){
 #f-theme :is(.f-header__logo,.f-logo--mobile)>a:hover>strong{
  transform:translateY(-1px) scale(1.035);filter:drop-shadow(0 3px 7px rgba(113,53,209,.14));
  animation:pm-logo-hover 1.2s ease both;
 }
 #f-theme :is(.f-header__logo,.f-logo--mobile)>a:hover>strong::after{transform:scaleX(1);opacity:.75}
}
#f-theme :is(.f-header__logo,.f-logo--mobile)>a:focus-visible{outline:2px solid #7135d1;outline-offset:4px;border-radius:2px}
#f-theme :is(.f-header__logo,.f-logo--mobile)>a:focus-visible>strong::after{transform:scaleX(1);opacity:.75}
html[data-pm-motion="off"] #f-theme :is(.f-header__logo,.f-logo--mobile)>a>strong{
 animation:none;background-image:none;-webkit-text-fill-color:currentColor;transform:none;filter:none;transition:none;
}
html[data-pm-motion="off"] #f-theme :is(.f-header__logo,.f-logo--mobile)>a>strong::after{transition:none}
@media(prefers-reduced-motion:reduce),(forced-colors:active){
 #f-theme :is(.f-header__logo,.f-logo--mobile)>a>strong{
  animation:none;background-image:none;-webkit-text-fill-color:currentColor;transform:none;filter:none;transition:none;
 }
 #f-theme :is(.f-header__logo,.f-logo--mobile)>a>strong::after{transition:none}
}