Source Methodnone
HTML Size0.0 KB
Primary H1<span style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap">AMERICAN OLYMPIC KARATE</span><div class="impulse-kinetic-stage" aria-hidden="true" style="position: relative; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0px; box-sizing: border-box; flex: 1 1 auto; direction: ltr; text-align: start; pointer-events: none; overflow: visible; color: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: 800; line-height: 1; perspective: 1680px; perspective-origin: 50% 50%;"><div class="kp-slot" style="display: flex; flex-direction: column; width: 100%; align-items: flex-start; transform-origin: 0% 50%;"><div class="kp-par" style="display: flex; flex-direction: column; width: 100%; align-items: flex-start;"><div class="kp-line" data-role="custom" data-cur-gran="line" style="display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; column-gap: 0.32em; font-size: 50px; line-height: 1; color: rgb(255, 255, 255); white-space: nowrap; direction: ltr; overflow: visible; will-change: transform, opacity, filter; transform: translateY(100%); opacity: 0;"><span class="kp-word-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-word" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter, letter-spacing;"><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">A</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">M</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">E</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">R</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">I</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">C</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">A</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">N</span></span></span></span><span class="kp-word-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-word" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter, letter-spacing;"><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">O</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">L</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">Y</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">M</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">P</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">I</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.09em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.09em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter;">C</span></span></span></span></div></div></div><div class="kp-slot" style="display: flex; flex-direction: column; width: 100%; align-items: flex-start; transform-origin: 0% 50%;"><div class="kp-par" style="display: flex; flex-direction: column; width: 100%; align-items: flex-start;"><div class="kp-line" data-role="custom" data-cur-gran="letter" style="display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; column-gap: 0.32em; font-size: 86px; line-height: 1; color: rgb(255, 255, 255); white-space: nowrap; direction: ltr; overflow: visible; will-change: transform, opacity, filter;"><span class="kp-word-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.08em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.08em;"><span class="kp-word" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter, letter-spacing;"><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.08em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.08em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter; transform: translate(-8px, -123px) rotate(25.9deg) scale(0.35); opacity: 0;">K</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.08em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.08em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter; transform: translate(-177px, -26px) rotate(39deg) scale(0.35); opacity: 0;">A</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.08em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.08em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter; transform: translate(-50px, 77px) rotate(5.1deg) scale(0.35); opacity: 0;">R</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.08em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.08em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter; transform: translate(144px, 40px) rotate(-0.2deg) scale(0.35); opacity: 0;">A</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.08em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.08em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter; transform: translate(32px, 65px) rotate(-12.7deg) scale(0.35); opacity: 0;">T</span></span><span class="kp-char-mask" style="display: inline-block; line-height: 1; overflow: hidden; vertical-align: baseline; padding-bottom: 0.08em; padding-left: 0.02em; padding-right: 0.02em; margin-left: -0.02em; margin-right: -0.02em; margin-bottom: -0.08em;"><span class="kp-char" style="display: inline-block; line-height: 1; will-change: transform, opacity, filter; transform: translate(-94px, -113px) rotate(7.8deg) scale(0.35); opacity: 0;">E</span></span></span></span></div></div></div></div>