Keystone’s Michael Wood explains the process of becoming a litigant in person, and his tips for being on both sides of the bench in the court room.

</span></p> </div> </div> <div class="[ single-sidebar ] w-23 relative shrink-0 print:hidden" data-animation="fade-in" data-delay="0.65"> <div class="top-5l sticky z-10 flex flex-col"> <div class="hidden lg:block"> <h4 class="text-heading-1s/none font-medium uppercase">Latest articles</h4> <div class="gap-4s mt-3s flex flex-col"> <article class="[ news-card-mini ] relative text-white"> <a class="group" href="https://keystonelaw.com/keynotes/high-value-commercial-debt-recovery-through-the-courts/" > <div class="z-2 p-2s gap-4s group-hover:bg-slate flex flex-col rounded-[1.5rem] border-l-4 border-brand-teal bg-white/5 transition-[background-color] duration-0 ease-out" > <p class="text-body-3s/none font-medium"> 19 May 2026 </p> <h2 class="text-body-1s/none leading-[140%]"> High-value commercial debt recovery through the courts </h2> </div> </a> </article> <article class="[ news-card-mini ] relative text-white"> <a class="group" href="https://keystonelaw.com/keynotes/digital-explainer-when-is-ai-use-acceptable-for-legal-matters/" > <div class="z-2 p-2s gap-4s group-hover:bg-slate flex flex-col rounded-[1.5rem] border-l-4 border-brand-teal bg-white/5 transition-[background-color] duration-0 ease-out" > <p class="text-body-3s/none font-medium"> 06 May 2026 </p> <h2 class="text-body-1s/none leading-[140%]"> Digital Explainer: When is AI use acceptable for legal matters? </h2> </div> </a> </article> <article class="[ news-card-mini ] relative text-white"> <a class="group" href="https://keystonelaw.com/keynotes/managing-price-increases-in-volatile-markets/" > <div class="z-2 p-2s gap-4s group-hover:bg-slate flex flex-col rounded-[1.5rem] border-l-4 border-brand-teal bg-white/5 transition-[background-color] duration-0 ease-out" > <p class="text-body-3s/none font-medium"> 29 Apr 2026 </p> <h2 class="text-body-1s/none leading-[140%]"> Managing price increases in volatile markets </h2> </div> </a> </article> </div> </div> <div class="mt-2s p-2s hidden flex-col items-start gap-[1.25rem] rounded-[1.5rem] border border-white/15 bg-white/5 lg:flex"> <h3 class="text-heading-1s/none font-medium uppercase">Our newsletter</h3> <p class="text-body-2s/none">Stay connected with our monthly newsletter featuring legal changes and updates, details about forthcoming events and the latest news from the firm. By clicking submit, you agree for us to send you a monthly newsletter to your chosen email address.</p> <button type="button" class="[ animated-button ] py-[0.75rem] px-[1.25rem] flex gap-4s items-center text-body-2s leading-[1.2] hover:bg-brand-green rounded-full hover:text-slate transition-[background-color,color] duration-400 ease-out w-full text-center justify-center" data-module="form-modal" data-form-id="embed" > <figure class="animated-button-border"> <div class="animated-button-border-inner"></div> </figure> Subscribe  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none"> <path d="M0.247925 6.49829H12.752" stroke="currentColor"/> <path d="M7.41695 1.16492L12.752 6.50028L7.41695 11.8351" stroke="currentColor"/> </svg>  </button> </div> <div class="mt-2s gap-2s flex items-center justify-between"> <span class="text-body-1s/none text-white">Share</span> <div class="[ share-links ] flex gap-4s items-center" data-module="share-links" > <button type="button" class="[ share-copy ] group relative flex items-center justify-center size-[2rem] rounded-full bg-brand-green text-white transition-colors duration-400 ease-out hover:bg-teal" aria-label="Copy link" onclick="navigator.clipboard.writeText(window.location.href);" >  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.22367 19.778C4.68754 20.2425 5.23864 20.6108 5.84529 20.8617C6.45194 21.1126 7.10219 21.2411 7.75867 21.24C8.4153 21.2411 9.06569 21.1125 9.6725 20.8617C10.2793 20.6108 10.8306 20.2425 11.2947 19.778L14.1227 16.949L12.7087 15.535L9.88067 18.364C9.31714 18.925 8.55434 19.2399 7.75917 19.2399C6.964 19.2399 6.2012 18.925 5.63767 18.364C5.07617 17.8007 4.76088 17.0378 4.76088 16.2425C4.76088 15.4471 5.07617 14.6842 5.63767 14.121L8.46667 11.293L7.05267 9.87896L4.22367 12.707C3.28748 13.6454 2.76172 14.9169 2.76172 16.2425C2.76172 17.568 3.28748 18.8395 4.22367 19.778ZM19.7797 11.293C20.7154 10.3542 21.2408 9.08288 21.2408 7.75746C21.2408 6.43204 20.7154 5.16068 19.7797 4.22196C18.8412 3.28577 17.5698 2.76001 16.2442 2.76001C14.9186 2.76001 13.6471 3.28577 12.7087 4.22196L9.88067 7.05096L11.2947 8.46496L14.1227 5.63596C14.6862 5.07495 15.449 4.75999 16.2442 4.75999C17.0393 4.75999 17.8021 5.07495 18.3657 5.63596C18.9272 6.19923 19.2425 6.96213 19.2425 7.75746C19.2425 8.55279 18.9272 9.31569 18.3657 9.87896L15.5367 12.707L16.9507 14.121L19.7797 11.293Z" fill="black"/> <path d="M8.46566 16.95L7.05066 15.536L15.5377 7.05005L16.9517 8.46505L8.46566 16.95Z" fill="black"/> </svg>  </button> <a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fkeystonelaw.com%2Fkeynotes%2Fessential-tips-for-becoming-a-litigant-in-person%2F" target="_blank" rel="noopener noreferrer" class="group relative flex items-center justify-center size-[2rem] rounded-full bg-brand-green text-white transition-colors duration-400 ease-out hover:bg-teal" aria-label="Share on LinkedIn" >  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3.24268C3.67157 3.24268 3 3.91425 3 4.74268V19.7427C3 20.5711 3.67157 21.2427 4.5 21.2427H19.5C20.3284 21.2427 21 20.5711 21 19.7427V4.74268C21 3.91425 20.3284 3.24268 19.5 3.24268H4.5ZM8.52076 7.2454C8.52639 8.20165 7.81061 8.79087 6.96123 8.78665C6.16107 8.78243 5.46357 8.1454 5.46779 7.24681C5.47201 6.40165 6.13998 5.72243 7.00764 5.74212C7.88795 5.76181 8.52639 6.40728 8.52076 7.2454ZM12.2797 10.0044H9.75971H9.7583V18.5643H12.4217V18.3646C12.4217 17.9847 12.4214 17.6047 12.4211 17.2246C12.4203 16.2108 12.4194 15.1959 12.4246 14.1824C12.426 13.9363 12.4372 13.6804 12.5005 13.4455C12.7381 12.568 13.5271 12.0013 14.4074 12.1406C14.9727 12.2291 15.3467 12.5568 15.5042 13.0898C15.6013 13.423 15.6449 13.7816 15.6491 14.129C15.6605 15.1766 15.6589 16.2242 15.6573 17.2719C15.6567 17.6417 15.6561 18.0117 15.6561 18.3815V18.5629H18.328V18.3576C18.328 17.9056 18.3278 17.4537 18.3275 17.0018C18.327 15.8723 18.3264 14.7428 18.3294 13.6129C18.3308 13.1024 18.276 12.599 18.1508 12.1054C17.9638 11.3713 17.5771 10.7638 16.9485 10.3251C16.5027 10.0129 16.0133 9.81178 15.4663 9.78928C15.404 9.78669 15.3412 9.7833 15.2781 9.77989C14.9984 9.76477 14.7141 9.74941 14.4467 9.80334C13.6817 9.95662 13.0096 10.3068 12.5019 10.9241C12.4429 10.9949 12.3852 11.0668 12.2991 11.1741L12.2797 11.1984V10.0044ZM5.68164 18.5671H8.33242V10.01H5.68164V18.5671Z" fill="black"/> </svg>  </a> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fkeystonelaw.com%2Fkeynotes%2Fessential-tips-for-becoming-a-litigant-in-person%2F&text=Essential+tips+for+becoming+a+litigant+in+person" target="_blank" rel="noopener noreferrer" class="group relative flex items-center justify-center size-[2rem] rounded-full bg-brand-green text-white transition-colors duration-400 ease-out hover:bg-teal" aria-label="Share on Twitter" >  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.1761 4.24268H19.9362L13.9061 11.0201L21 20.2427H15.4456L11.0951 14.6493L6.11723 20.2427H3.35544L9.80517 12.9935L3 4.24268H8.69545L12.6279 9.3553L17.1761 4.24268ZM16.2073 18.6181H17.7368L7.86441 5.78196H6.2232L16.2073 18.6181Z" fill="black"/> </svg>  </a> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fkeystonelaw.com%2Fkeynotes%2Fessential-tips-for-becoming-a-litigant-in-person%2F" target="_blank" rel="noopener noreferrer" class="group relative flex items-center justify-center size-[2rem] rounded-full bg-brand-green text-white transition-colors duration-400 ease-out hover:bg-teal" aria-label="Share on Facebook" >  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 12.3038C22 6.74719 17.5229 2.24268 12 2.24268C6.47715 2.24268 2 6.74719 2 12.3038C2 17.3255 5.65684 21.4879 10.4375 22.2427V15.2121H7.89844V12.3038H10.4375V10.0872C10.4375 7.56564 11.9305 6.1728 14.2146 6.1728C15.3088 6.1728 16.4531 6.36931 16.4531 6.36931V8.84529H15.1922C13.95 8.84529 13.5625 9.6209 13.5625 10.4166V12.3038H16.3359L15.8926 15.2121H13.5625V22.2427C18.3432 21.4879 22 17.3257 22 12.3038Z" fill="black"/> </svg>  </a> </div> </div> </div> </div> </div> </section> <aside class="group pointer-events-none print:hidden fixed left-0 top-0 flex h-full w-full overscroll-contain data-[state=open]:pointer-events-auto" data-modal="form-modal" data-state="closed" data-lenis-prevent data-form-id="embed" > <div class="z-5 fill ease-material duration-800 pointer-events-none flex translate-y-[calc(100%+150px)] flex-col items-center justify-center transition-transform group-data-[state=open]:translate-y-0" > <div class="px-1l gap-1l md:max-w-46 bg-slate flex max-h-[calc(100vh-(var(--container-padding)*2))] w-full max-w-[calc(100%-2rem)] flex-col items-start rounded-[1.5rem] border border-white/15 group-data-[state=open]:pointer-events-auto md:max-h-[85lvh]" > <button class="close bg-brand-green ease-material duration-800 absolute right-1 top-1 flex aspect-square w-2 items-center justify-center rounded-full transition-transform will-change-transform hover:rotate-90 md:w-[2.6rem]" data-action="close-form-modal" type="button" aria-label="Close form" >  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none" class="aspect-square w-[0.85rem] md:w-[1.125rem]"> <path d="M17.7501 17.1466L17.1465 17.7501C16.8133 18.0833 16.273 18.0833 15.9396 17.7501L9.00001 10.8103L2.06027 17.75C1.72705 18.0833 1.18669 18.0833 0.853415 17.75L0.249958 17.1465C-0.0833193 16.8133 -0.0833193 16.273 0.249958 15.9396L7.18968 9.00001L0.249958 2.06027C-0.0833193 1.72705 -0.0833193 1.18669 0.249958 0.853415L0.853402 0.24997C1.18668 -0.0833071 1.72705 -0.0833071 2.06027 0.24997L9.00001 7.18968L15.9396 0.249958C16.273 -0.0833193 16.8133 -0.0833193 17.1465 0.249958L17.7501 0.853402C18.0833 1.18668 18.0833 1.72705 17.7501 2.06027L10.8103 9.00001L17.7501 15.9396C18.0833 16.273 18.0833 16.8133 17.7501 17.1466Z" fill="black"/> </svg>  </button> <div class="border-box pr-2s scrollbar-hide flex w-full flex-col overflow-y-auto overscroll-contain pl-[6px] pt-3.5" > <div class="gap-3s mb-2 flex flex-col text-center"> <p class="text-heading-1l/none font-medium uppercase"> Newsletter </p> <p class="text-body-2s/relaxed"> Stay connected with our monthly newsletter featuring legal changes and updates, details about forthcoming events and the latest news from the firm. By clicking submit, you agree for us to send you a monthly newsletter to your chosen email address. </p> </div> <div><div><div><div></div><form class="js-cm-form" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="2BE4EF332AA2E32596E38B640E905619D588D84458C2802964F78CA989C73C659407B49CBFFC7B30ACB0DC07B3536C4D3F830B6B07242D0CF0A704DC69A85C70"><div><div><label for="fieldjriltku">First Name </label><input id="fieldjriltku" maxlength="200" name="cm-f-jriltku" placeholder="First Name" required=""></div><div><label for="fieldjriltul">Last Name </label><input id="fieldjriltul" maxlength="200" placeholder="Last Name" name="cm-f-jriltul" required=""></div><div><label for="fieldEmail">Email </label><input autocomplete="Email" class="js-cm-email-input qa-input-email" id="fieldEmail" maxlength="200" name="cm-ydmtiu-ydmtiu" placeholder="Your email" required="" type="email"></div><div><label for="fieldjrskuy">Company Name </label><input id="fieldjrskuy" maxlength="200" placeholder="Company Name" name="cm-f-jrskuy"></div><div><p><a href="https://keystonelaw.com/privacy-policy/" rel="noopener" target="_blank">Privacy policy</a></p><p><a href="https://keystonelaw.com/cookies-policy/" rel="noopener" target="_blank">Cookie policy</a></p></div></div><button type="submit">Submit</button></form></div></div></div><script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script> <div class="flex h-3.5 w-full shrink-0 justify-start"></div> </div> </div> </div> <div class="z-1 fill duration-800 bg-black/40 opacity-0 transition-opacity group-data-[state=open]:pointer-events-auto group-data-[state=open]:opacity-100" data-action="background-overlay" ></div> </aside> <section class="[ single-related-articles ] pb-5l bg-black print:hidden"> <div class="container"> <h2 class="text-heading-1l/none text-center font-medium uppercase">Related Keynotes</h2> <svg class="mx-auto mt-1s md:hidden" xmlns="http://www.w3.org/2000/svg" width="130" height="15" viewBox="0 0 130 15" fill="none"> <g filter="url(#filter0_f_11918_24986)"> <path d="M125 7.43652C123 7.27111 121 7.11411 119 6.96554C101.358 5.65496 83.7157 4.99967 66.0735 4.99967C47.7156 4.99967 29.3578 5.66019 11 6.98123C9.00001 7.12515 7 7.27691 5 7.43651C7 7.59611 9.00001 7.74788 11 7.8918C29.3578 9.21284 47.7156 9.87336 66.0735 9.87336C83.7157 9.87337 101.358 9.21808 119 7.90751C121 7.75893 123 7.60194 125 7.43652Z" fill="#C1D62E"/> </g> <defs> <filter id="filter0_f_11918_24986" x="0" y="0" width="130" height="14.873" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="2.5" result="effect1_foregroundBlur_11918_24986"/> </filter> </defs> </svg> <div class="gap-1s my-1l grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3"> <article class="[ news-card ] relative text-white" data-module="news-card" data-animation="fade-in-grows" data-delay=""> <a class="group" href="https://keystonelaw.com/keynotes/high-value-commercial-debt-recovery-through-the-courts/" aria-label="High-value commercial debt recovery through the courts"> <div class="[ top-bar ] z-1 p-3s duration-400 flex translate-y-[5px] items-center justify-between rounded-t-[1.5rem] border border-b-0 border-white/15 pb-[calc(var(--spacer-3s)+17px)] transition-[translate] ease-out group-hover:translate-y-0" data-post-type="Keynote"> <span class="text-body-3s">Keynote</span> <span class="text-body-4s">19 May 2026</span> </div> <div class="z-2 p-2s gap-1s group-hover:bg-slate flex h-[calc(100%-48px)] translate-y-[-20px] flex-col justify-between rounded-[1.5rem] border border-white/10 bg-white/10 transition-[background-color] duration-0 ease-out"> <div> <h2 class="text-body-m"> High-value commercial debt recovery through the courts </h2> </div> <span class="text-body-4s">5 min read</span> <div class="gap-4s flex items-center"> <div class="flex"> <div class=" size-[40px] shrink-0 overflow-hidden rounded-full bg-white/20" aria-hidden="true" style="background-image:url('https://keystonelaw.com/wp-content/uploads/2025/11/ben_crowley-1.jpg');background-size:cover;background-position:center;" > </div> </div> <p class="text-body-3s"> Ben Crowley </p> </div> </div> </a> </article> <article class="[ news-card ] relative text-white" data-module="news-card" data-animation="fade-in-grows" data-delay=""> <a class="group" href="https://keystonelaw.com/keynotes/digital-explainer-when-is-ai-use-acceptable-for-legal-matters/" aria-label="Digital Explainer: When is AI use acceptable for legal matters?"> <div class="[ top-bar ] z-1 p-3s duration-400 flex translate-y-[5px] items-center justify-between rounded-t-[1.5rem] border border-b-0 border-white/15 pb-[calc(var(--spacer-3s)+17px)] transition-[translate] ease-out group-hover:translate-y-0" data-post-type="Keynote"> <span class="text-body-3s">Keynote</span> <span class="text-body-4s">6 May 2026</span> </div> <div class="z-2 p-2s gap-1s group-hover:bg-slate flex h-[calc(100%-48px)] translate-y-[-20px] flex-col justify-between rounded-[1.5rem] border border-white/10 bg-white/10 transition-[background-color] duration-0 ease-out"> <div> <h2 class="text-body-m"> Digital Explainer: When is AI use acceptable for legal matters? </h2> </div> <span class="text-body-4s">8 min read</span> <div class="gap-4s flex items-center"> <div class="flex"> <div class=" size-[40px] shrink-0 overflow-hidden rounded-full bg-white/20" aria-hidden="true" style="background-image:url('https://keystonelaw.com/wp-content/uploads/2025/11/James-Tumbridge-Website-2.jpg');background-size:cover;background-position:center;" > </div> <div class="-ml-[0.38rem] size-[40px] shrink-0 overflow-hidden rounded-full bg-white/20" aria-hidden="true" style="background-image:url('https://keystonelaw.com/wp-content/uploads/2025/11/Robert-Peake-Website-2.jpg');background-size:cover;background-position:center;" > </div> </div> <p class="text-body-3s"> James Tumbridge & Robert Peake </p> </div> </div> </a> </article> <article class="[ news-card ] relative text-white" data-module="news-card" data-animation="fade-in-grows" data-delay=""> <a class="group" href="https://keystonelaw.com/keynotes/managing-price-increases-in-volatile-markets/" aria-label="Managing price increases in volatile markets"> <div class="[ top-bar ] z-1 p-3s duration-400 flex translate-y-[5px] items-center justify-between rounded-t-[1.5rem] border border-b-0 border-white/15 pb-[calc(var(--spacer-3s)+17px)] transition-[translate] ease-out group-hover:translate-y-0" data-post-type="Keynote"> <span class="text-body-3s">Keynote</span> <span class="text-body-4s">29 April 2026</span> </div> <div class="z-2 p-2s gap-1s group-hover:bg-slate flex h-[calc(100%-48px)] translate-y-[-20px] flex-col justify-between rounded-[1.5rem] border border-white/10 bg-white/10 transition-[background-color] duration-0 ease-out"> <div> <h2 class="text-body-m"> Managing price increases in volatile markets </h2> </div> <span class="text-body-4s">6 min read</span> <div class="gap-4s flex items-center"> <div class="flex"> <div class=" size-[40px] shrink-0 overflow-hidden rounded-full bg-white/20" aria-hidden="true" style="background-image:url('https://keystonelaw.com/wp-content/uploads/2025/11/Lucy-Pringle-Website-1.jpg');background-size:cover;background-position:center;" > </div> </div> <p class="text-body-3s"> Lucy Pringle </p> </div> </div> </a> </article> </div> <div class="flex justify-center"> <a href="/news-resources/" class="[ animated-button ] py-[0.75rem] px-[1.25rem] flex gap-4s items-center text-body-2s leading-[1.2] hover:bg-brand-green rounded-full hover:text-slate transition-[background-color,color] duration-400 ease-out" > <figure class="animated-button-border"> <div class="animated-button-border-inner"></div> </figure> View all  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none"> <path d="M0.247925 6.49829H12.752" stroke="currentColor"/> <path d="M7.41695 1.16492L12.752 6.50028L7.41695 11.8351" stroke="currentColor"/> </svg>  </a> </div> </div> </section> <div class="absolute -bottom-2 left-0 h-2 w-full bg-black"></div> <div class="-z-1 fill pointer-events-none h-[calc(100%+2rem)] overflow-clip" data-background-scene-root="bg-scene-6a23a60ac9293" > <div class="z-5 bg-linear-to-b absolute left-0 h-[100lvh] w-full from-[rgb(0_0_0)] to-[rgb(0_0_0/0)]" style="top: 30rem;" > </div> <div class="z-5 bg-linear-to-t absolute left-0 top-0 w-full from-[rgb(0_0_0)] to-[rgb(0_0_0/0)]" style="height: 30rem;" > </div> <div class="[ background-gradient ] z-1 bg-slate fixed top-0 h-full w-full overflow-hidden" data-color-1="#1a4346" data-color-2="#62d4e5" data-color-3="#57bf77" data-opacity="0.3" data-speed="1" data-scale="0.7" data-gradient-container="bg-scene-6a23a60ac9293" > <canvas class="absolute block size-full" data-gradient-canvas="bg-scene-6a23a60ac9293" ></canvas> </div> </div> <script type="module"> class BackgroundGradient { constructor(canvas) { this.canvas = canvas; this.animationId = 0; this._paused = false; this.startTime = Date.now(); this.vertexShaderSource = ` attribute vec2 a_position; varying vec2 v_uv; void main() { gl_Position = vec4(a_position, 0.0, 1.0); v_uv = (a_position + 1.0) * 0.5; } `; this.fragmentShaderSource = ` #ifdef GL_FRAGMENT_PRECISION_HIGH precision highp float; #else precision mediump float; #endif uniform vec2 u_resolution; uniform float u_time; uniform float u_opacity; uniform float u_speed; uniform float u_scale; uniform vec3 u_color1; uniform vec3 u_color2; uniform vec3 u_color3; varying vec2 v_uv; #define S(a,b,t) smoothstep(a,b,t) mat2 Rot(float a) { float s = sin(a); float c = cos(a); return mat2(c, -s, s, c); } vec2 hash(vec2 p) { p = vec2(dot(p, vec2(2127.1, 81.17)), dot(p, vec2(1269.5, 283.37))); return fract(sin(p) * 43758.5453); } float advancedNoise(in vec2 p) { vec2 i = floor(p); vec2 f = fract(p); vec2 u = f * f * (3.0 - 2.0 * f); float n = mix(mix(dot(-1.0 + 2.0 * hash(i + vec2(0.0, 0.0)), f - vec2(0.0, 0.0)), dot(-1.0 + 2.0 * hash(i + vec2(1.0, 0.0)), f - vec2(1.0, 0.0)), u.x), mix(dot(-1.0 + 2.0 * hash(i + vec2(0.0, 1.0)), f - vec2(0.0, 1.0)), dot(-1.0 + 2.0 * hash(i + vec2(1.0, 1.0)), f - vec2(1.0, 1.0)), u.x), u.y); return 0.5 + 0.5 * n; } vec3 dither(vec2 coord) { vec3 noise; noise.r = fract(sin(dot(coord, vec2(12.9898, 78.233))) * 43758.5453); noise.g = fract(sin(dot(coord + vec2(1.0, 0.0), vec2(12.9898, 78.233))) * 43758.5453); noise.b = fract(sin(dot(coord + vec2(0.0, 1.0), vec2(12.9898, 78.233))) * 43758.5453); return noise; } vec3 animatedGradient(vec2 uv, float time) { float ratio = u_resolution.x / u_resolution.y; vec2 tuv = uv; tuv -= 0.5; float degree = advancedNoise(vec2(time * 0.1 * u_speed, tuv.x * tuv.y)); tuv.y *= 1.0 / ratio; tuv *= Rot(radians((degree - 0.5) * 720.0 * u_scale + 180.0)); tuv.y *= ratio; float frequency = 5.0 * u_scale; float amplitude = 30.0; float speed = time * 2.0 * u_speed; tuv.x += sin(tuv.y * frequency + speed) / amplitude; tuv.y += sin(tuv.x * frequency * 1.5 + speed) / (amplitude * 0.5); vec3 layer1 = mix(u_color1, u_color2, S(-0.3, 0.2, (tuv * Rot(radians(-5.0))).x)); vec3 layer2 = mix(u_color2, u_color3, S(-0.3, 0.2, (tuv * Rot(radians(-5.0))).x)); vec3 finalComp = mix(layer1, layer2, S(0.05, -0.2, tuv.y)); return finalComp; } void main() { vec2 uv = v_uv; float time = u_time; vec3 color = animatedGradient(uv, time); vec3 noise = dither(gl_FragCoord.xy); color += (noise - 0.5) * 0.05; gl_FragColor = vec4(color, u_opacity); } `; const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl'); if (!gl) { throw new Error('WebGL not supported'); } this.gl = gl; this.initWebGL(); this.setupCanvas(); this.animate(); window.addEventListener('resize', () => this.handleResize()); } initWebGL() { const gl = this.gl; const vertexShader = this.createShader(gl.VERTEX_SHADER, this.vertexShaderSource); const fragmentShader = this.createShader(gl.FRAGMENT_SHADER, this.fragmentShaderSource); this.program = gl.createProgram(); gl.attachShader(this.program, vertexShader); gl.attachShader(this.program, fragmentShader); gl.linkProgram(this.program); if (!gl.getProgramParameter(this.program, gl.LINK_STATUS)) { throw new Error('Program failed to link: ' + gl.getProgramInfoLog(this.program)); } gl.useProgram(this.program); gl.enable(gl.BLEND); gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA); const positions = new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]); const positionBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer); gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW); const positionLocation = gl.getAttribLocation(this.program, 'a_position'); gl.enableVertexAttribArray(positionLocation); gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0); } createShader(type, source) { const gl = this.gl; const shader = gl.createShader(type); gl.shaderSource(shader, source); gl.compileShader(shader); if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) { const error = gl.getShaderInfoLog(shader); gl.deleteShader(shader); throw new Error('Shader compilation error: ' + error); } return shader; } setupCanvas() { this.handleResize(); this.loadFromDataAttributes(); } handleResize() { const gl = this.gl; const canvas = this.canvas; const rect = canvas.getBoundingClientRect(); canvas.width = rect.width * window.devicePixelRatio; canvas.height = rect.height * window.devicePixelRatio; gl.viewport(0, 0, canvas.width, canvas.height); const resolutionLocation = gl.getUniformLocation(this.program, 'u_resolution'); gl.uniform2f(resolutionLocation, canvas.width, canvas.height); } loadFromDataAttributes() { const container = this.canvas.parentElement; const colorHex1 = container.getAttribute('data-color-1') || '#1a4346'; const colorHex2 = container.getAttribute('data-color-2') || '#62d4e5'; const colorHex3 = container.getAttribute('data-color-3') || '#57bf77'; const opacityStr = container.getAttribute('data-opacity') || '0.3'; const speedStr = container.getAttribute('data-speed') || '0.3'; const scaleStr = container.getAttribute('data-scale') || '0.7'; const opacity = Math.max(0, Math.min(1, parseFloat(opacityStr))); const speed = Math.max(0.1, Math.min(5, parseFloat(speedStr))); const scale = Math.max(0.1, Math.min(3, parseFloat(scaleStr))); const color1 = this.hexToRgb(colorHex1); const color2 = this.hexToRgb(colorHex2); const color3 = this.hexToRgb(colorHex3); const gl = this.gl; gl.uniform1f(gl.getUniformLocation(this.program, 'u_opacity'), opacity); gl.uniform1f(gl.getUniformLocation(this.program, 'u_speed'), speed); gl.uniform1f(gl.getUniformLocation(this.program, 'u_scale'), scale); gl.uniform3f(gl.getUniformLocation(this.program, 'u_color1'), color1.r, color1.g, color1.b); gl.uniform3f(gl.getUniformLocation(this.program, 'u_color2'), color2.r, color2.g, color2.b); gl.uniform3f(gl.getUniformLocation(this.program, 'u_color3'), color3.r, color3.g, color3.b); } hexToRgb(hex) { const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); return result ? { r: parseInt(result[1], 16) / 255, g: parseInt(result[2], 16) / 255, b: parseInt(result[3], 16) / 255 } : { r: 0, g: 0, b: 0 }; } animate = () => { if (this._paused) return; const gl = this.gl; const currentTime = (Date.now() - this.startTime) / 1000; const timeLocation = gl.getUniformLocation(this.program, 'u_time'); gl.uniform1f(timeLocation, currentTime); gl.clearColor(0, 0, 0, 1); gl.clear(gl.COLOR_BUFFER_BIT); gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4); this.animationId = requestAnimationFrame(this.animate); } pause() { if (this._paused) return; this._paused = true; if (this.animationId) { cancelAnimationFrame(this.animationId); this.animationId = 0; } } resume() { if (!this._paused) return; this._paused = false; if (!this.animationId) { this.animationId = requestAnimationFrame(this.animate); } } destroy() { this._paused = true; if (this.animationId) { cancelAnimationFrame(this.animationId); this.animationId = 0; } window.removeEventListener('resize', this.handleResize); } } const gradientCanvas = document.querySelector('[data-gradient-canvas="bg-scene-6a23a60ac9293"]'); const sceneRoot = document.querySelector('[data-background-scene-root="bg-scene-6a23a60ac9293"]'); try { const gradientInstance = new BackgroundGradient(gradientCanvas); const visibilityObserver = new IntersectionObserver( (entries) => { const entry = entries[0]; if (entry.isIntersecting) { gradientInstance.resume(); } else { gradientInstance.pause(); } }, { rootMargin: '0px', threshold: 0 } ); if (sceneRoot) visibilityObserver.observe(sceneRoot); } catch (error) { console.error('Failed to initialize WebGL gradient:', error); gradientCanvas.style.background = 'linear-gradient(45deg, #008793, #38f9d7, #fa709a, #f9f586)'; } </script> </main> <footer class="py-3l bg-slate gap-3l flex flex-col rounded-t-[1.5rem] text-white sm:rounded-t-[2rem] print:hidden"> <div class="container"> <div class="[ top ] max-xl:gap-3l flex flex-col items-start xl:flex-row xl:justify-between"> <div class="[ left ] gap-3l md:max-xl:gap-y-3s flex w-full flex-col flex-wrap md:max-xl:flex-row md:max-xl:gap-0"> <a class="flex w-full items-start md:w-1/2 xl:w-full" href="/" aria-label="Keystone Law home" >  <svg xmlns="http://www.w3.org/2000/svg" class="w-full max-w-15.5 md:max-w-[15.5rem]" viewBox="0 0 251 23" fill="none" aria-hidden="true"> <path d="M24.5386 22.1819V0.368675H38.1181V4.60843H28.9934V9.09397H36.2747V13.3337H28.9934V17.9421H38.1181V22.1819H24.5386Z" fill="white"/> <path d="M49.4659 22.1819V12.9958L41.4165 0.368675H46.5779L51.6779 8.63312L56.8087 0.368675H62.0008L53.9207 13.0265V22.1819H49.4659Z" fill="white"/> <path d="M71.8641 22.5506C68.3924 22.5506 65.443 21.0759 63.8761 18.6488L67.3171 15.7915C68.3924 17.4199 70.205 18.3723 72.0177 18.3723C73.7689 18.3723 74.967 17.512 74.967 16.2524C74.967 15.0235 74.0761 14.1632 71.8948 13.4259L70.0514 12.7807C66.5183 11.5518 64.6749 9.52408 64.6749 6.54397C64.6749 2.45783 67.7779 0 72.0484 0C74.752 0 77.0255 0.921686 78.961 3.01084L75.9809 6.0524C74.967 4.79277 73.5845 4.17831 72.1098 4.17831C70.6044 4.17831 69.1912 4.82349 69.1912 6.11385C69.1912 7.43493 70.205 8.01867 72.5399 8.84818L74.2912 9.49336C77.4863 10.6916 79.514 12.6578 79.4833 15.9759C79.4833 19.8777 76.3496 22.5506 71.8641 22.5506Z" fill="white"/> <path d="M88.2868 22.1819V4.60843H82.4802V0.368675H98.6404V4.60843H92.7724V22.1819H88.2868Z" fill="white"/> <path d="M112.345 18.2494C116.154 18.2494 119.135 15.0849 119.135 11.2753C119.135 7.46565 116.154 4.3012 112.345 4.3012C108.535 4.3012 105.555 7.46565 105.555 11.2753C105.555 15.0849 108.535 18.2494 112.345 18.2494ZM112.345 22.5506C106.108 22.5506 101.069 17.512 101.069 11.2753C101.069 5.03855 106.108 0 112.345 0C118.582 0 123.62 5.03855 123.62 11.2753C123.62 17.512 118.582 22.5506 112.345 22.5506Z" fill="white"/> <path d="M154.577 22.1819V0.368675H168.156V4.60843H159.031V9.09397H166.313V13.3337H159.031V17.9421H168.156V22.1819H154.577Z" fill="white"/> <path d="M182.101 22.1819V0.368675H186.556V17.9421H195.896V22.1819H182.101Z" fill="white"/> <path d="M198.722 22.1819L208.123 0.368675H212.087L221.519 22.1819H216.849L214.729 17.2048H205.42L203.331 22.1819H198.722ZM210.09 6.23674L207.079 13.303H213.07L210.09 6.23674Z" fill="white"/> <path d="M226.535 22.1819L219.746 0.368675H224.446L228.655 14.8699L233.172 0.368675H237.073L241.559 14.8699L245.799 0.368675H250.53L243.74 22.1819H239.746L235.138 7.18915L230.529 22.1819H226.535Z" fill="white"/> <path d="M138.638 0.015234V4.46524C134.217 4.46524 133.333 8.11436 133.333 12.6957L133.333 22.172H128.882L128.882 12.2331C128.882 10.5089 129.024 8.40347 129.617 6.5391C130.157 4.84295 131.104 3.35146 132.082 2.39825C133.773 0.755371 136.229 0.015234 138.638 0.015234Z" fill="white"/> <path d="M138.638 0.015234V4.46524C143.06 4.46524 143.944 8.11436 143.944 12.6957V22.172H148.395V12.2331C148.395 10.5089 148.253 8.40347 147.66 6.5391C147.119 4.84295 146.172 3.35146 145.195 2.39825C143.504 0.755371 141.048 0.015234 138.638 0.015234Z" fill="white"/> <path d="M8.05207 13.488L4.6516 17.3376V22.1817H0V0.367317H4.6516V11.05L14.1473 0.367317H19.665L11.1959 9.95923L20.5312 22.1817H14.7568L8.05207 13.488Z" fill="white"/> </svg>  </a> <div class="flex w-full flex-col sm:w-1/2 xl:w-full"> <p class="text-body-m font-medium uppercase"> Stay connected with Keystone Law </p> <div class="text-body-3s"> Sign up for insights, legal updates and sector news. </div> <div class="mt-3s flex"> <button type="button" class="py-[0.75rem] px-[1.25rem] flex gap-4s items-center text-body-2s leading-[1.2] hover:bg-brand-green rounded-full hover:text-slate transition-[background-color,color] duration-400 ease-out bg-brand-green text-black" data-module="form-modal" data-form-id="embed" > Subscribe  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none"> <path d="M0.247925 6.49829H12.752" stroke="currentColor"/> <path d="M7.41695 1.16492L12.752 6.50028L7.41695 11.8351" stroke="currentColor"/> </svg>  </button> </div> <aside class="group pointer-events-none print:hidden fixed left-0 top-0 flex h-full w-full overscroll-contain data-[state=open]:pointer-events-auto" data-modal="form-modal" data-state="closed" data-lenis-prevent data-form-id="embed" > <div class="z-5 fill ease-material duration-800 pointer-events-none flex translate-y-[calc(100%+150px)] flex-col items-center justify-center transition-transform group-data-[state=open]:translate-y-0" > <div class="px-1l gap-1l md:max-w-46 bg-slate flex max-h-[calc(100vh-(var(--container-padding)*2))] w-full max-w-[calc(100%-2rem)] flex-col items-start rounded-[1.5rem] border border-white/15 group-data-[state=open]:pointer-events-auto md:max-h-[85lvh]" > <button class="close bg-brand-green ease-material duration-800 absolute right-1 top-1 flex aspect-square w-2 items-center justify-center rounded-full transition-transform will-change-transform hover:rotate-90 md:w-[2.6rem]" data-action="close-form-modal" type="button" aria-label="Close form" >  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none" class="aspect-square w-[0.85rem] md:w-[1.125rem]"> <path d="M17.7501 17.1466L17.1465 17.7501C16.8133 18.0833 16.273 18.0833 15.9396 17.7501L9.00001 10.8103L2.06027 17.75C1.72705 18.0833 1.18669 18.0833 0.853415 17.75L0.249958 17.1465C-0.0833193 16.8133 -0.0833193 16.273 0.249958 15.9396L7.18968 9.00001L0.249958 2.06027C-0.0833193 1.72705 -0.0833193 1.18669 0.249958 0.853415L0.853402 0.24997C1.18668 -0.0833071 1.72705 -0.0833071 2.06027 0.24997L9.00001 7.18968L15.9396 0.249958C16.273 -0.0833193 16.8133 -0.0833193 17.1465 0.249958L17.7501 0.853402C18.0833 1.18668 18.0833 1.72705 17.7501 2.06027L10.8103 9.00001L17.7501 15.9396C18.0833 16.273 18.0833 16.8133 17.7501 17.1466Z" fill="black"/> </svg>  </button> <div class="border-box pr-2s scrollbar-hide flex w-full flex-col overflow-y-auto overscroll-contain pl-[6px] pt-3.5" > <div class="gap-3s mb-2 flex flex-col text-center"> <p class="text-heading-1l/none font-medium uppercase"> Newsletter </p> <p class="text-body-2s/relaxed"> Stay connected with our monthly newsletter featuring legal changes and updates, details about forthcoming events and the latest news from the firm. By clicking submit, you agree for us to send you a monthly newsletter to your chosen email address. </p> </div> <div><div><div><div></div><form class="js-cm-form" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="2BE4EF332AA2E32596E38B640E905619D588D84458C2802964F78CA989C73C659407B49CBFFC7B30ACB0DC07B3536C4D3F830B6B07242D0CF0A704DC69A85C70"><div><div><label for="fieldjriltku">First Name </label><input id="fieldjriltku" maxlength="200" name="cm-f-jriltku" placeholder="First Name" required=""></div><div><label for="fieldjriltul">Last Name </label><input id="fieldjriltul" maxlength="200" placeholder="Last Name" name="cm-f-jriltul" required=""></div><div><label for="fieldEmail">Email </label><input autocomplete="Email" class="js-cm-email-input qa-input-email" id="fieldEmail" maxlength="200" name="cm-ydmtiu-ydmtiu" placeholder="Your email" required="" type="email"></div><div><label for="fieldjrskuy">Company Name </label><input id="fieldjrskuy" maxlength="200" placeholder="Company Name" name="cm-f-jrskuy"></div><div><p><a href="https://keystonelaw.com/privacy-policy/" rel="noopener" target="_blank">Privacy policy</a></p><p><a href="https://keystonelaw.com/cookies-policy/" rel="noopener" target="_blank">Cookie policy</a></p></div></div><button type="submit">Submit</button></form></div></div></div><script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script> <div class="flex h-3.5 w-full shrink-0 justify-start"></div> </div> </div> </div> <div class="z-1 fill duration-800 bg-black/40 opacity-0 transition-opacity group-data-[state=open]:pointer-events-auto group-data-[state=open]:opacity-100" data-action="background-overlay" ></div> </aside> </div> <div class="gap-3s flex"> <figure class="relative w-7.5 aspect-[12/5]"> <a class="absolute size-full" href="/legal-notices/" target="" aria-label="Legal Notices" > <img width="241" height="97" src="https://keystonelaw.com/wp-content/uploads/2025/10/Mask-group.png" class="size-full object-contain" alt="" data-animation="" loading="lazy" fetchpriority="low" sizes="auto, (max-width: 241px) 100vw, 241px" style="" decoding="async" srcset="https://keystonelaw.com/wp-content/uploads/2025/10/Mask-group.png 241w, https://keystonelaw.com/wp-content/uploads/2025/10/Mask-group-30x12.png 30w, https://keystonelaw.com/wp-content/uploads/2025/10/Mask-group-128x52.png 128w" /> </a> </figure> </div> </div> <div class="[ right ] sm:gap-1l gap-y-1l flex w-full justify-between max-sm:flex-wrap xl:justify-end"> <div class="flex flex-col max-sm:w-1/2"> <h3 class="text-heading-2s/tight mb-3s font-medium uppercase"> Company </h3> <ul class="text-grey-2 flex flex-col"> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/company" target="" > About Us </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/lawyers/" target="" > Lawyers </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/news-resources/" target="" > News </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/news-resources/keynotes/" target="" > Keynotes </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/company/awards/" target="" > Awards </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/contact-us/" target="" > Contact Us </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/join-us/" target="" > Join Us </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://www.keystonelaw-ir.co.uk/" target="_blank" > Investor Relations </a> </li> </ul> </div> <div class="flex flex-col max-sm:w-1/2"> <h3 class="text-heading-2s/tight mb-3s font-medium uppercase"> Support </h3> <ul class="text-grey-2 flex flex-col"> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/support/pricing/" target="" > Pricing </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/support/faqs/" target="" > FAQs </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/support/sitemap/" target="" > Sitemap </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/support/complaints/" target="" > Complaints </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/support/complaints-isle-of-man/" target="" > Complaints (Isle of Man) </a> </li> </ul> </div> <div class="flex flex-col max-sm:w-1/2"> <h3 class="text-heading-2s/tight mb-3s font-medium uppercase"> Legal </h3> <ul class="text-grey-2 flex flex-col"> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/legal-notices/" target="" > Legal Notices </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/cookies-policy/" target="" > Cookies Policy </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/privacy-policy/" target="" > Privacy Policy </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/terms-of-engagement/" target="" > Terms of Engagement </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/terms-of-engagement-isle-of-man/" target="" > Terms of Engagement (Isle of Man) </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/additional-terms-for-supplies-to-us-and-or-our-clients/" target="" > Additional Terms for supplies to us and/or our clients </a> </li> <li class="flex"> <a class="text-body-3s py-4s" href="https://keystonelaw.com/modern-slavery-statement/" target="" > Modern Slavery Statement </a> </li> </ul> </div> </div> </div> <div class="mb-1s mt-3l h-[1.5px] w-full bg-white/20"></div> <div class="[ bottom ] gap-y-1s flex items-center justify-between max-sm:flex-wrap"> <p class="text-3s"> © 2026 Keystone Law. All rights reserved. </p> <div class="gap-0.75 flex max-sm:w-full"> <a class="size-1.5" href="https://www.facebook.com/KeystoneLawSocial" target="_blank" aria-label="Social media" > <img width="1" height="1" src="https://keystonelaw.com/wp-content/uploads/2025/10/Facebook.svg" class="w-full" alt="" data-animation="" loading="lazy" fetchpriority="low" sizes="auto, " style="" decoding="async" /> </a> <a class="size-1.5" href="https://x.com/Keystone_Law" target="_blank" aria-label="Social media" > <img width="1" height="1" src="https://keystonelaw.com/wp-content/uploads/2025/10/X.svg" class="w-full" alt="" data-animation="" loading="lazy" fetchpriority="low" sizes="auto, " style="" decoding="async" /> </a> <a class="size-1.5" href="https://www.linkedin.com/company/keystone-law/" target="_blank" aria-label="Social media" > <img width="1" height="1" src="https://keystonelaw.com/wp-content/uploads/2025/10/LinkedIn.svg" class="w-full" alt="" data-animation="" loading="lazy" fetchpriority="low" sizes="auto, " style="" decoding="async" /> </a> <a class="size-1.5" href="https://www.instagram.com/keystone_law/" target="_blank" aria-label="Social media" > <img width="1" height="1" src="https://keystonelaw.com/wp-content/uploads/2025/10/Instagram.svg" class="w-full" alt="" data-animation="" loading="lazy" fetchpriority="low" sizes="auto, " style="" decoding="async" /> </a> </div> </div> </div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/keystone/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script> var relevanssi_rt_regex = /(&|\?)_(rt|rt_nonce)=(\w+)/g var newUrl = window.location.search.replace(relevanssi_rt_regex, '') if (newUrl.substr(0, 1) == '&') { newUrl = '?' + newUrl.substr(1) } history.replaceState(null, null, window.location.pathname + newUrl + window.location.hash) </script> <script id="keystone-tts-bridge-js-after"> (function($) { function init() { var cfg = window.mementorTtsShortcode || window.mementorTTSPlayer || {}; var ajaxurl = cfg.ajaxurl || (typeof wp !== 'undefined' && wp.ajax && wp.ajax.settings && wp.ajax.settings.url) || '/wp-admin/admin-ajax.php'; var nonce = cfg.nonce || ''; $('.mementor-tts-player-container[data-player-type="shortcode"] .mementor-tts-player[data-status="pending"][data-text]').each(function() { var player = $(this); if (!player.find('audio').length) { player.append($('<audio>', { preload: 'metadata' }).hide()); } }); $(document).off('click.keystoneTtsBridge', '.mementor-tts-player-container[data-player-type="shortcode"] .mementor-tts-player[data-status="pending"] .mementor-tts-play-button').on('click.keystoneTtsBridge', '.mementor-tts-player-container[data-player-type="shortcode"] .mementor-tts-player[data-status="pending"] .mementor-tts-play-button', function(e) { e.preventDefault(); e.stopPropagation(); var btn = $(this); var player = btn.closest('.mementor-tts-player'); var container = player.closest('.mementor-tts-player-container'); var text = player.attr('data-text'); var elementUid = player.attr('data-element-uid'); var voiceId = player.attr('data-voice-id') || ''; var cfg = window.mementorTtsShortcode || window.mementorTTSPlayer || {}; var ajaxurl = cfg.ajaxurl || '/wp-admin/admin-ajax.php'; var nonce = cfg.nonce || ''; if (!text || !elementUid || !nonce) return; container.addClass('mementor-tts-generating'); btn.find('.dashicons').removeClass('dashicons-controls-play').addClass('dashicons-update mementor-tts-rotating'); $.post(ajaxurl, { action: 'mementor_tts_generate_shortcode_audio', nonce: nonce, element_uid: elementUid, text: text, voice_id: voiceId }, function(response) { container.removeClass('mementor-tts-generating'); btn.find('.dashicons').removeClass('dashicons-update mementor-tts-rotating').addClass('dashicons-controls-play'); if (response && response.success && response.data) { var url = response.data.audio_url || response.data.file_url; if (url) { var audio = player.find('audio')[0]; if (audio) { audio.src = url; player.attr('data-status', 'ready').data('status', 'ready'); audio.load(); audio.play().catch(function(){}); } } } else { alert(response && response.data && response.data.message ? response.data.message : 'Could not generate audio.'); } }).fail(function() { container.removeClass('mementor-tts-generating'); btn.find('.dashicons').removeClass('dashicons-update mementor-tts-rotating').addClass('dashicons-controls-play'); alert('Request failed. Please try again.'); }); }); } $(document).ready(init); })(jQuery); //# sourceURL=keystone-tts-bridge-js-after </script> </body> </html>

Thomson Reuters names eight Keystone Law partners in its Stand-out Lawyers Guide 2026

Essential tips for becoming a litigant in person