.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}}.action-button,.bio-index .action-button{background:var(--text-primary);min-height:44px;color:var(--surface-page);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;display:inline-flex}.action-button-arrow{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.action-button:focus-visible,.bio-index .action-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.action-button:disabled,.bio-index .action-button:disabled{cursor:default;background:var(--surface-raised);color:var(--text-secondary)}.lfg-offer-bar{z-index:110;bottom:max(16px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface-raised) 50%, var(--surface-page));width:min(624px,100% - 128px);font-family:var(--font-body);font-size:var(--type-body);opacity:1;border-radius:999px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:6px 8px;line-height:1.5;transition:opacity .22s cubic-bezier(.25,1,.5,1),translate .22s cubic-bezier(.25,1,.5,1),visibility;display:grid;position:fixed;left:50%;transform:translate(-50%)translate(0,0);box-shadow:0 8px 32px #00000014}@starting-style{.lfg-offer-bar{opacity:0;translate:0 12px}}.lfg-offer-bar p{margin:0}.lfg-offer-bar[data-hidden]{opacity:0;visibility:hidden;pointer-events:none;transition-duration:.16s,.16s,0s;transition-delay:0s,0s,.16s;translate:0 12px}.lfg-offer-bar strong{font:inherit;color:var(--text-primary)}.lfg-offer-bar span{color:var(--text-secondary)}.lfg-offer-bar .action-button{white-space:nowrap}body:has(>.lfg-offer-bar) .bio-index{padding-bottom:calc(var(--lfg-offer-bar-height,120px) + 32px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(var(--lfg-offer-bar-height,120px) + 32px + env(safe-area-inset-bottom))}@media (max-width:640px){.lfg-offer-bar{left:calc(var(--layout-mobile-gutter) - 8px);width:calc(100% - 2 * (var(--layout-mobile-gutter) - 8px));gap:12px;font-size:1rem;transform:none}.lfg-offer-bar p>span{display:none}.lfg-offer-bar strong{white-space:nowrap}}@media (max-width:360px){.lfg-offer-bar{gap:8px;font-size:14px}.lfg-offer-bar .action-button{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.lfg-offer-bar,.lfg-offer-bar[data-hidden]{transition:none;translate:none}}
