/* ==========================================================================
   OhhMyDesign - Letter Attractor & Cursor Animation
   ========================================================================== */

.word {
   display: inline-block;
   white-space: normal;
}

.ltr {
   display: inline-block;
   will-change: transform;
   transform-origin: 50% 100%;
   backface-visibility: hidden;
   transition: transform 0s linear;
}

/* Figma-style Interactive "You" Cursor Badge */
.fcursor {
   position: fixed;
   top: 0;
   left: 0;
   pointer-events: none;
   z-index: 9999999;
   will-change: transform, opacity;
   transform: translate(-100px, -100px);
   opacity: 0;
   transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.05s ease-out;
}

.fcursor.active {
   opacity: 1;
}

.fcursor svg {
   width: 22px;
   height: 22px;
   display: block;
   filter: drop-shadow(0 2px 4px rgba(20, 19, 16, 0.35));
   transition: transform 0.15s ease;
}

.fcursor .name {
   position: absolute;
   left: 15px;
   top: 15px;
   font-family: var(--tp-ff-heading, sans-serif);
   font-size: 11px;
   font-weight: 700;
   color: #ffffff;
   background: #0D99FF;
   padding: 2px 8px;
   border-radius: 0 5px 5px 5px;
   white-space: nowrap;
   box-shadow: 0 4px 14px rgba(13, 153, 255, 0.45);
   letter-spacing: 0.3px;
   line-height: 1.4;
}