.principle-note{z-index:1;pointer-events:none;width:min(440px,100vw - 48px);margin:0 0 0 auto;margin-right:calc(-1 * clamp(0px, calc(var(--layout-hero-inset) - 24px), 80px));color:var(--note-color,var(--color-signal));mix-blend-mode:var(--note-blend-mode,normal);opacity:var(--note-opacity,1);padding:24px;position:relative}.principle-note-ink{width:100%;height:auto;transform:rotate(var(--note-angle,-3deg)) scale(var(--note-size,1));transform-origin:50%;display:block;overflow:visible}.principle-note-letter{fill:currentColor;stroke:currentColor;stroke-width:.45px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.principle-note[data-writing] .principle-note-letter{fill-opacity:0;stroke-dashoffset:1px}.principle-note-copy{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bio-index:has(.bio-slayer-footer) .principle-note{top:100%;right:calc(-1 * clamp(0px, calc(var(--layout-hero-inset) - 24px), 80px));margin:0;position:absolute}.bio-index:not(:has(.bio-slayer-footer)) .principle-note{padding-bottom:0}@media (max-width:640px){.principle-note{margin-right:-8px;padding:32px 16px 16px}}@media (prefers-reduced-motion:reduce){.principle-note[data-writing] .principle-note-letter{fill-opacity:1!important;stroke-dashoffset:0!important}}
