{"id":8,"date":"2026-08-14T12:19:46","date_gmt":"2026-08-14T12:19:46","guid":{"rendered":"https:\/\/goblin99.online\/?page_id=8"},"modified":"2026-08-14T13:45:13","modified_gmt":"2026-08-14T13:45:13","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/goblin99.online\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5036c3f e-con-full e-flex e-con e-parent\" data-id=\"5036c3f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b026f9 elementor-widget elementor-widget-html\" data-id=\"2b026f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <meta\n      name=\"description\"\n      content=\"GOBLIN99 \u2014 99% chaos, 1% common sense. The meme coin for the internet's most mischievous community.\"\n    \/>\n    <title>GOBLIN99 \u2014 $GOBLIN<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat+Brush&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap\"\n      rel=\"stylesheet\"\n    \/>\n    <style>\n      :root {\n        --ink: #0d0b13;\n        --black: #08070c;\n        --paper: #f3efdf;\n        --lime: #c4ff2e;\n        --lime-soft: #e2ff81;\n        --purple: #6d32ff;\n        --purple-deep: #30106f;\n        --gold: #ffbf24;\n        --hot: #ff4c73;\n        --line: rgba(243, 239, 223, 0.28);\n        --display: \"Caveat Brush\", \"Comic Sans MS\", cursive;\n        --body: \"Space Grotesk\", Arial, sans-serif;\n        --mono: \"DM Mono\", \"Courier New\", monospace;\n      }\n      p{\n          font-weight: 700 !important;\n          opacity: 1 !important;\n          font-size: 1rem !important;\n          \n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      html {\n        scroll-behavior: smooth;\n        background: var(--black);\n      }\n\n      body {\n        margin: 0;\n        color: var(--paper);\n        background: var(--black);\n        font-family: var(--body);\n        overflow-x: hidden;\n      }\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n\n      button,\n      a {\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      .grain {\n        position: fixed;\n        inset: 0;\n        z-index: 20;\n        pointer-events: none;\n        opacity: 0.08;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'\/%3E%3C\/svg%3E\");\n        mix-blend-mode: screen;\n      }\n\n      .site-nav {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 15;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 22px clamp(20px, 4vw, 64px);\n        mix-blend-mode: difference;\n      }\n\n      .brand-lockup {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-family: var(--mono);\n        font-size: 12px;\n        font-weight: 500;\n        letter-spacing: 0.18em;\n        text-transform: uppercase;\n      }\n\n      .brand-mark {\n        width: 13px;\n        height: 13px;\n        border: 2px solid var(--lime);\n        background: var(--lime);\n        transform: rotate(45deg);\n        box-shadow: 4px 4px 0 var(--purple);\n      }\n\n      .nav-links {\n        display: flex;\n        align-items: center;\n        gap: clamp(16px, 2.8vw, 40px);\n        font-family: var(--mono);\n        font-size: 15px;\n        font-weight: 700 !important;\n        letter-spacing: 0.15em;\n        text-transform: uppercase;\n      }\n\n      .nav-links a {\n        position: relative;\n        padding: 7px 0;\n      }\n\n      .nav-links a::after {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        height: 2px;\n        background: var(--lime);\n        content: \"\";\n        transform: scaleX(0);\n        transform-origin: right;\n        transition: transform 220ms ease;\n      }\n\n      .nav-links a:hover::after {\n        transform: scaleX(1);\n        transform-origin: left;\n      }\n\n      .nav-buy {\n          font-size: 15px;\n        font-weight: 700 !important;\n        border: 1px solid var(--lime);\n        padding: 10px 14px !important;\n        color: var(--ink);\n        background: var(--lime);\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        box-shadow: 4px 4px 0 var(--purple);\n        transition: transform 180ms ease, box-shadow 180ms ease;\n      }\n\n      .nav-buy:hover {\n        transform: translate(2px, 2px);\n        box-shadow: 2px 2px 0 var(--purple);\n      }\n\n      .section {\n        position: relative;\n        min-height: 100svh;\n        overflow: hidden;\n      }\n\n      .marquee-divider {\n        position: relative;\n        z-index: 6;\n        display: flex;\n        min-height: 56px;\n        align-items: center;\n        overflow: hidden;\n        border-top: 2px solid var(--ink);\n        border-bottom: 2px solid var(--ink);\n        color: var(--ink);\n        background: var(--lime);\n        transform: rotate(-1deg) scale(1.02);\n      }\n\n      .marquee-track {\n        display: flex;\n        width: max-content;\n        align-items: center;\n        animation: marquee 22s linear infinite;\n      }\n\n      .marquee-track span {\n        display: inline-flex;\n        align-items: center;\n        gap: 22px;\n        padding-right: 22px;\n        font-family: var(--display);\n        font-size: 25px;\n        letter-spacing: 0.06em;\n        white-space: nowrap;\n        text-transform: uppercase;\n      }\n\n      .marquee-track span::after {\n        color: var(--purple);\n        content: \"\u2726\";\n      }\n\n      .display {\n        margin: 0;\n        font-family: var(--display);\n        font-weight: 400;\n        letter-spacing: 0.02em;\n        line-height: 0.84;\n        text-transform: uppercase;\n      }\n\n      .eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        color: var(--lime);\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.18em;\n        text-transform: uppercase;\n      }\n\n      .eyebrow::before {\n        width: 24px;\n        height: 2px;\n        background: currentColor;\n        content: \"\";\n      }\n\n      .hero {\n        display: grid;\n        min-height: 100svh;\n        place-items: center;\n        background:\n          linear-gradient(90deg, rgba(8, 7, 12, 0.84) 0%, rgba(8, 7, 12, 0.48) 46%, rgba(8, 7, 12, 0.08) 100%),\n          url(\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/bg1.png\") center \/ cover no-repeat;\n      }\n\n      .hero::before {\n        position: absolute;\n        top: -16%;\n        right: 13%;\n        width: 1px;\n        height: 140%;\n        background: rgba(196, 255, 46, 0.25);\n        content: \"\";\n        transform: rotate(29deg);\n      }\n\n      .hero::after {\n        position: absolute;\n        top: 10%;\n        left: 0;\n        width: 47%;\n        height: 1px;\n        background: var(--lime);\n        box-shadow: 0 8px 0 rgba(196, 255, 46, 0.3);\n        content: \"\";\n        opacity: 0.8;\n      }\n\n      .hero-content {\n        position: relative;\n        z-index: 2;\n        width: min(1260px, 100%);\n        padding: 150px clamp(24px, 7vw, 112px) 80px;\n      }\n\n      .hero-kicker {\n        margin-bottom: 22px;\n        transform: rotate(-2deg);\n      }\n\n      .hero-title {\n        max-width: 780px;\n        color: var(--paper);\n        font-size: clamp(96px, 17vw, 250px);\n        text-shadow: 7px 7px 0 var(--purple);\n      }\n\n      .hero-title span {\n        display: block;\n        color: var(--lime);\n        font-size: 0.84em;\n        transform: translateX(6vw) rotate(-2deg);\n      }\n\n      .hero-copy {\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: 30px;\n        max-width: 770px;\n        margin-top: 38px;\n      }\n\n      .hero-copy p {\n        max-width: 310px;\n        margin: 0;\n        color: rgba(243, 239, 223, 0.75);\n        font-size: 15px;\n        line-height: 1.6;\n      }\n\n      .hero-copy p strong {\n        color: var(--lime);\n        font-weight: 700;\n      }\n\n      .hero-actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n      }\n\n      .button {\n        display: inline-flex;\n        min-height: 47px;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        border: 1px solid var(--paper);\n        padding: 0 18px;\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        transition: transform 180ms ease, background 180ms ease, color 180ms ease;\n      }\n\n      .button:hover {\n        transform: translateY(-4px);\n      }\n\n      .button-primary {\n        border-color: var(--lime);\n        color: var(--ink);\n        background: var(--lime);\n        box-shadow: 5px 5px 0 var(--purple);\n      }\n\n      .hero-ca-button {\n        position: relative;\n        min-width: 245px;\n        justify-content: space-between;\n        border-width: 2px;\n        box-shadow: 6px 6px 0 var(--purple);\n      }\n\n      .hero-ca-button small {\n        max-width: 108px;\n        overflow: hidden;\n        font-family: var(--mono);\n        font-size: 8px;\n        letter-spacing: 0.04em;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .button-secondary {\n        color: #121212;\n        background: #fff;\n      }\n\n      .button-secondary:hover {\n        color: var(--ink);\n        background: var(--paper);\n      }\n\n      .hero-character {\n        position: absolute;\n        z-index: 1;\n        right: clamp(-120px, 3vw, 55px);\n        bottom: -1%;\n        width: min(52vw, 710px);\n        min-width: 430px;\n        filter: drop-shadow(-26px 24px 0 rgba(8, 7, 12, 0.5)) drop-shadow(0 0 40px rgba(196, 255, 46, 0.22));\n        animation: goblinFloat 6s ease-in-out infinite;\n        pointer-events: none;\n      }\n\n      .energy {\n        display: grid;\n        grid-template-columns: minmax(280px, 0.8fr) minmax(360px, 1.2fr);\n        align-items: center;\n        gap: 6vw;\n        padding: 130px clamp(24px, 8vw, 132px);\n        color: var(--ink);\n        background:\n          linear-gradient(rgba(8, 7, 12, 0.08) 1px, transparent 1px),\n          linear-gradient(90deg, rgba(8, 7, 12, 0.08) 1px, transparent 1px),\n          var(--lime);\n        background-size: 34px 34px;\n      }\n\n      .energy::before {\n        position: absolute;\n        inset: 0;\n        background: radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.28), transparent 20%);\n        content: \"\";\n        pointer-events: none;\n      }\n\n      .energy-copy {\n        position: relative;\n        z-index: 2;\n        max-width: 440px;\n        transform: rotate(-2deg);\n      }\n\n      .energy .eyebrow {\n        color: var(--purple-deep);\n      }\n\n      .energy-title {\n        margin-top: 27px;\n        font-size: clamp(76px, 11vw, 165px);\n        text-shadow: 5px 5px 0 var(--paper);\n      }\n\n      .energy-title span {\n        display: block;\n        color: var(--purple);\n      }\n\n      .energy-copy p {\n        max-width: 345px;\n        margin: 28px 0 0 5px;\n        font-size: 15px;\n        font-weight: 600;\n        line-height: 1.55;\n      }\n\n      .energy-copy p em {\n        color: var(--purple-deep);\n        font-style: normal;\n      }\n\n      .energy-manifesto {\n        position: relative;\n        z-index: 2;\n        max-width: 640px;\n        border-top: 3px solid var(--ink);\n        border-bottom: 3px solid var(--ink);\n        padding: 34px 0;\n      }\n\n      .manifesto-line {\n        display: flex;\n        align-items: flex-start;\n        gap: 22px;\n        padding: 20px 0;\n        border-bottom: 1px solid rgba(8, 7, 12, 0.35);\n      }\n\n      .manifesto-line:last-child {\n        border-bottom: 0;\n      }\n\n      .manifesto-number {\n        min-width: 36px;\n        color: var(--purple);\n        font-family: var(--mono);\n        font-size: 12px;\n        font-weight: 700;\n      }\n\n      .manifesto-line h3 {\n        margin: 0 0 6px;\n        font-family: var(--display);\n        font-size: clamp(30px, 4vw, 52px);\n        font-weight: 400;\n        letter-spacing: 0.04em;\n        line-height: 0.9;\n        text-transform: uppercase;\n      }\n\n      .manifesto-line p {\n        max-width: 385px;\n        margin: 0;\n        font-size: 12px;\n        line-height: 1.5;\n      }\n\n      .energy-character {\n        position: absolute;\n        z-index: 1;\n        right: -8%;\n        bottom: -15%;\n        width: min(33vw, 465px);\n        opacity: 0.88;\n        filter: drop-shadow(15px 17px 0 rgba(8, 7, 12, 0.2));\n        animation: goblinFloat 7.5s ease-in-out infinite reverse;\n        pointer-events: none;\n      }\n\n      .showcase {\n        display: grid;\n        min-height: 110svh;\n        place-items: center;\n        background:\n          radial-gradient(circle at 50% 55%, rgba(109, 50, 255, 0.95) 0%, rgba(48, 16, 111, 0.82) 27%, rgba(13, 11, 19, 0.96) 66%),\n          var(--black);\n      }\n\n      .showcase::before,\n      .showcase::after {\n        position: absolute;\n        width: 48vw;\n        height: 48vw;\n        border: 1px solid rgba(196, 255, 46, 0.35);\n        border-radius: 50%;\n        content: \"\";\n      }\n\n      .showcase::before {\n        transform: rotate(28deg) scaleX(0.32);\n      }\n\n      .showcase::after {\n        transform: rotate(-28deg) scaleX(0.32);\n      }\n\n      .showcase-topline,\n      .showcase-footline {\n        position: absolute;\n        z-index: 3;\n        display: flex;\n        width: calc(100% - clamp(48px, 12vw, 190px));\n        align-items: center;\n        justify-content: space-between;\n        font-family: var(--mono);\n        font-size: 10px;\n        letter-spacing: 0.16em;\n        text-transform: uppercase;\n      }\n\n      .showcase-topline {\n        top: 130px;\n        color: var(--lime);\n      }\n\n      .showcase-footline {\n        bottom: 42px;\n        color: rgba(243, 239, 223, 0.64);\n      }\n\n      .showcase-stage {\n        position: relative;\n        z-index: 2;\n        width: min(920px, 80vw);\n        height: min(760px, 78svh);\n      }\n\n      .featured-image {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: min(720px, 68vw);\n        max-height: 92%;\n        object-fit: contain;\n        filter: drop-shadow(0 0 28px rgba(196, 255, 46, 0.3));\n        transform: translate(-50%, -50%) rotate(-4deg);\n        animation: featuredTilt 8s ease-in-out infinite;\n      }\n\n      .showcase-label {\n        position: absolute;\n        top: 7%;\n        left: 0;\n        color: var(--paper);\n        font-family: var(--display);\n        font-size: clamp(62px, 10vw, 145px);\n        line-height: 0.78;\n        text-shadow: 4px 4px 0 var(--hot);\n        transform: rotate(-7deg);\n      }\n\n      .showcase-label span {\n        display: block;\n        margin-left: 52px;\n        color: var(--lime);\n      }\n\n      .chaos {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n        min-height: 100svh;\n        padding: 150px clamp(24px, 8vw, 130px) 100px;\n        background:\n          linear-gradient(90deg, rgba(7, 5, 11, 0.08) 0%, rgba(7, 5, 11, 0.12) 39%, rgba(7, 5, 11, 0.86) 64%, rgba(7, 5, 11, 0.97) 100%),\n          url(\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/bg5.png\") center \/ cover no-repeat;\n      }\n\n      .chaos-content {\n        position: relative;\n        z-index: 2;\n        width: min(500px, 100%);\n      }\n\n      .chaos-content .eyebrow {\n        color: var(--lime);\n      }\n\n      .chaos-title {\n        margin-top: 24px;\n        color: var(--paper);\n        font-size: clamp(74px, 10.5vw, 148px);\n        text-shadow: 6px 6px 0 var(--purple);\n      }\n\n      .chaos-title span {\n        display: block;\n        color: var(--gold);\n        transform: translateX(9%);\n      }\n\n      .chaos-content p {\n        max-width: 390px;\n        margin: 30px 0 0;\n        color: rgba(243, 239, 223, 0.8);\n        font-size: 15px;\n        line-height: 1.7;\n      }\n\n      .chaos-content p strong {\n        color: var(--lime);\n      }\n\n      .social-actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n        margin-top: 32px;\n      }\n\n      .social-button {\n        min-width: 145px;\n      }\n\n      .social-button svg {\n        width: 15px;\n        height: 15px;\n        fill: currentColor;\n      }\n\n      .chaos-note {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-top: 50px;\n        color: rgba(243, 239, 223, 0.55);\n        font-family: var(--mono);\n        font-size: 9px;\n        letter-spacing: 0.13em;\n        line-height: 1.5;\n        text-transform: uppercase;\n      }\n\n      .chaos-note::before {\n        width: 34px;\n        height: 1px;\n        background: var(--gold);\n        content: \"\";\n      }\n\n      .final {\n        display: flex;\n        align-items: flex-end;\n        min-height: 100svh;\n        padding: 120px clamp(24px, 7vw, 110px) 70px;\n        background:\n          radial-gradient(circle at 74% 24%, rgba(109, 50, 255, 0.68), transparent 32%),\n          linear-gradient(145deg, #120d1c 0%, #241035 56%, #08070c 100%);\n      }\n\n      .final::before {\n        position: absolute;\n        top: 0;\n        right: 11%;\n        bottom: 0;\n        width: 1px;\n        background: linear-gradient(transparent, var(--lime), transparent);\n        content: \"\";\n        opacity: 0.5;\n      }\n\n      .final-visuals {\n        position: absolute;\n        top: 70px;\n        right: clamp(18px, 5vw, 88px);\n        z-index: 1;\n        display: grid;\n        width: min(48vw, 650px);\n        grid-template-columns: repeat(3, 1fr);\n        gap: 8px;\n        opacity: 0.9;\n        filter: drop-shadow(0 18px 28px rgba(8, 7, 12, 0.45));\n        transform: rotate(-4deg);\n        pointer-events: none;\n      }\n\n      .final-visuals img {\n        display: block;\n        width: 100%;\n        height: 170px;\n        object-fit: contain;\n        object-position: center;\n      }\n\n      .final-content {\n        position: relative;\n        z-index: 2;\n        width: 100%;\n        max-width: 1100px;\n      }\n\n      .final-kicker {\n        margin-bottom: 22px;\n        color: var(--lime);\n      }\n\n      .final-title {\n        max-width: 810px;\n        color: var(--paper);\n        font-size: clamp(70px, 12.5vw, 185px);\n        text-shadow: 6px 6px 0 var(--purple);\n      }\n\n      .final-title span {\n        color: var(--lime);\n      }\n\n      .final-bottom {\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: 30px;\n        margin-top: 42px;\n      }\n\n      .final-bottom p {\n        max-width: 330px;\n        margin: 0;\n        color: rgba(243, 239, 223, 0.73);\n        font-size: 13px;\n        line-height: 1.6;\n      }\n\n      .copy-status {\n        position: absolute;\n        right: 0;\n        bottom: calc(100% + 12px);\n        padding: 9px 12px;\n        color: var(--lime);\n        background: var(--ink);\n        font-family: var(--mono);\n        font-size: 9px;\n        letter-spacing: 0.1em;\n        opacity: 0;\n        pointer-events: none;\n        transform: translateY(6px);\n        transition: opacity 180ms ease, transform 180ms ease;\n      }\n\n      .copy-status.visible {\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n      .final-footer {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 84px;\n        padding-top: 18px;\n        border-top: 1px solid rgba(243, 239, 223, 0.32);\n        color: rgba(243, 239, 223, 0.48);\n        font-family: var(--mono);\n        font-size: 9px;\n        letter-spacing: 0.16em;\n        text-transform: uppercase;\n      }\n\n      .reveal {\n        opacity: 0;\n        transform: translateY(26px);\n        transition: opacity 800ms ease, transform 800ms cubic-bezier(0.2, 0.8, 0.2, 1);\n      }\n\n      .reveal.in-view {\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n      @keyframes goblinFloat {\n        0%,\n        100% {\n          transform: translateY(0) rotate(0deg);\n        }\n        50% {\n          transform: translateY(-13px) rotate(1.3deg);\n        }\n      }\n\n      @keyframes featuredTilt {\n        0%,\n        100% {\n          transform: translate(-50%, -50%) rotate(-4deg) scale(1);\n        }\n        50% {\n          transform: translate(-50%, -51%) rotate(1deg) scale(1.02);\n        }\n      }\n\n      @keyframes marquee {\n        from {\n          transform: translateX(0);\n        }\n        to {\n          transform: translateX(-50%);\n        }\n      }\n\n      @media (max-width: 840px) {\n        .site-nav {\n          padding-top: 18px;\n        }\n\n        .nav-links a:not(.nav-buy) {\n          display: none;\n        }\n\n        .hero-content {\n          padding-top: 145px;\n        }\n\n        .hero-title {\n          font-size: clamp(88px, 22vw, 180px);\n        }\n\n        .hero-copy {\n          display: block;\n          max-width: 370px;\n        }\n\n        .hero-actions {\n          margin-top: 25px;\n        }\n\n        .hero-character {\n          right: -18%;\n          bottom: 2%;\n          width: min(67vw, 520px);\n          min-width: 330px;\n          opacity: 0.78;\n        }\n\n        .hero-copy p {\n          position: relative;\n          z-index: 3;\n          color: var(--paper);\n          text-shadow: 1px 1px 0 var(--ink);\n        }\n\n        .energy {\n          grid-template-columns: 1fr;\n          gap: 70px;\n          padding-top: 120px;\n          padding-bottom: 140px;\n        }\n\n        .energy-manifesto {\n          max-width: 100%;\n        }\n\n        .energy-character {\n          right: -19%;\n          bottom: -4%;\n          width: 52vw;\n          min-width: 300px;\n        }\n\n        .showcase-topline {\n          top: 100px;\n        }\n\n        .showcase-stage {\n          width: 94vw;\n          height: 650px;\n        }\n\n        .showcase-label {\n          left: 2%;\n          top: 13%;\n        }\n\n        .chaos {\n          min-height: 90svh;\n          padding-top: 145px;\n          padding-bottom: 85px;\n          background-position: 34% center;\n        }\n\n        .final {\n          min-height: 90svh;\n          padding-bottom: 48px;\n        }\n\n        .final-visuals {\n          top: 66px;\n          right: 18px;\n          width: min(48vw, 580px);\n        }\n\n        .final-visuals img {\n          height: 125px;\n        }\n\n        .final-bottom {\n          display: block;\n        }\n\n        .final-footer {\n          margin-top: 60px;\n        }\n      }\n\n      @media (max-width: 520px) {\n        .brand-lockup {\n          font-size: 10px;\n        }\n\n        .nav-buy {\n          padding: 9px 10px;\n        }\n\n        .hero {\n          min-height: 870px;\n        }\n\n        .hero-content {\n          padding-right: 20px;\n          padding-left: 20px;\n        }\n\n        .hero-title {\n          font-size: 24vw;\n        }\n\n        .hero-title span {\n          transform: translateX(4vw) rotate(-2deg);\n        }\n\n        .hero-character {\n          right: -32%;\n          bottom: 2%;\n          width: 84vw;\n          opacity: 0.69;\n        }\n\n        .energy {\n          padding-right: 20px;\n          padding-left: 20px;\n        }\n\n        .energy-title {\n          font-size: 25vw;\n        }\n\n        .energy-manifesto {\n          padding-top: 18px;\n          padding-bottom: 18px;\n        }\n\n        .manifesto-line {\n          gap: 10px;\n          padding: 18px 0;\n        }\n\n        .manifesto-line h3 {\n          font-size: 32px;\n        }\n\n        .energy-character {\n          right: -28%;\n          bottom: -3%;\n          width: 70vw;\n        }\n\n        .showcase {\n          min-height: 800px;\n        }\n\n        .showcase-topline,\n        .showcase-footline {\n          width: calc(100% - 40px);\n        }\n\n        .showcase-stage {\n          height: 600px;\n        }\n\n        .featured-image {\n          width: 94vw;\n        }\n\n        .showcase-label {\n          top: 11%;\n          font-size: 21vw;\n        }\n\n        .showcase-label span {\n          margin-left: 28px;\n        }\n\n        .chaos {\n          min-height: 800px;\n          padding-right: 20px;\n          padding-left: 20px;\n          background-position: 29% center;\n        }\n\n        .chaos-title {\n          font-size: 23vw;\n        }\n\n        .social-actions {\n          display: grid;\n          grid-template-columns: 1fr 1fr;\n        }\n\n        .social-button {\n          min-width: 0;\n          padding: 0 10px;\n        }\n\n        .final {\n          min-height: 790px;\n          padding-right: 20px;\n          padding-left: 20px;\n        }\n\n        .final-visuals {\n          top: 76px;\n          right: 8px;\n          width: calc(100% - 16px);\n          gap: 0;\n          opacity: 0.34;\n          transform: rotate(-3deg);\n        }\n\n        .final-visuals img {\n          height: 128px;\n        }\n\n        .final-title {\n          font-size: 22vw;\n        }\n\n        .hero-ca-button {\n          min-width: 0;\n          width: 100%;\n          max-width: 290px;\n          padding: 0 12px;\n        }\n\n        .final-footer {\n          gap: 12px;\n          font-size: 8px;\n        }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        html {\n          scroll-behavior: auto;\n        }\n\n        *,\n        *::before,\n        *::after {\n          animation-duration: 0.01ms !important;\n          animation-iteration-count: 1 !important;\n          transition-duration: 0.01ms !important;\n        }\n      }\n    <\/style>\n  <\/head>\n  <body>\n    <div class=\"grain\" aria-hidden=\"true\"><\/div>\n\n    <nav class=\"site-nav\" aria-label=\"Main navigation\">\n      <a class=\"brand-lockup\" href=\"#top\" aria-label=\"GOBLIN99 home\">\n        <span class=\"brand-mark\" aria-hidden=\"true\"><\/span>\n        <span>GOBLIN99 \/ $GOBLIN<\/span>\n      <\/a>\n      <div class=\"nav-links\">\n        <a href=\"#energy\">The energy<\/a>\n        <a href=\"#showcase\">Character<\/a>\n        <a href=\"#community\">Community<\/a>\n        <a class=\"nav-buy\" href=\"#final\">Get in<\/a>\n      <\/div>\n    <\/nav>\n\n    <main id=\"top\">\n      <section class=\"section hero\" aria-labelledby=\"hero-title\">\n        <div class=\"hero-content\">\n          <!--<div class=\"eyebrow hero-kicker\">A community-powered experiment<\/div>-->\n          <h1 class=\"display hero-title\" id=\"hero-title\">\n            GOBLIN<span>99<\/span>\n          <\/h1>\n          <div class=\"hero-copy\">\n            <p>\n              <strong>99% chaos. 1% common sense.<\/strong><br \/>\n              A mischievous little creature for internet culture, absurd humor,\n              and the jokes that should probably stay in the group chat.\n            <\/p>\n            <div class=\"hero-actions\">\n              <button\n                class=\"button button-primary hero-ca-button\"\n                id=\"copy-ca\"\n                type=\"button\"\n                data-address=\"CA: COMING SOON\"\n                aria-label=\"Copy GOBLIN99 contract address\"\n              >\n                <span>Copy CA<\/span>\n                <small>CA: COMING SOON<\/small>\n                <span aria-hidden=\"true\">\u29c9<\/span>\n                <span class=\"copy-status\" id=\"copy-status\">COPIED<\/span>\n              <\/button>\n              <a class=\"button button-secondary\" href=\"#community\">Enter the swamp <span aria-hidden=\"true\">\u2197<\/span><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <!--<img-->\n        <!--  class=\"hero-character\"-->\n        <!--  src=\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/visual1.png\"-->\n        <!--  alt=\"The GOBLIN99 character\"-->\n        <!--\/>-->\n      <\/section>\n\n      <div class=\"marquee-divider\" aria-hidden=\"true\">\n        <div class=\"marquee-track\">\n          <span>99% chaos \/ 1% common sense<\/span>\n          <span>99% chaos \/ 1% common sense<\/span>\n          <span>99% chaos \/ 1% common sense<\/span>\n          <span>99% chaos \/ 1% common sense<\/span>\n        <\/div>\n      <\/div>\n\n      <section class=\"section energy\" id=\"energy\" aria-labelledby=\"energy-title\">\n        <div class=\"energy-copy reveal\">\n          <div class=\"eyebrow\">The operating system<\/div>\n          <h2 class=\"display energy-title\" id=\"energy-title\">Goblin<span>mode<\/span><\/h2>\n          <p>\n            We do not predict the next meme. We <em>become<\/em> the next meme.\n            GOBLIN99 is a blank canvas with very loud opinions.\n          <\/p>\n        <\/div>\n\n        <div class=\"energy-manifesto reveal\">\n          <div class=\"manifesto-line\">\n            <div class=\"manifesto-number\">01<\/div>\n            <div>\n              <h3>Think less<\/h3>\n              <p>Overthinking is just fear wearing a tie. Take the funny route.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"manifesto-line\">\n            <div class=\"manifesto-number\">02<\/div>\n            <div>\n              <h3>Post more<\/h3>\n              <p>Every bad idea is one repost away from becoming a cultural event.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"manifesto-line\">\n            <div class=\"manifesto-number\">03<\/div>\n            <div>\n              <h3>Stay weird<\/h3>\n              <p>The swamp is open to all. Bring your friends, your memes, and your worst take.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <img decoding=\"async\"\n          class=\"energy-character\"\n          src=\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/visual1.png\"\n          alt=\"\"\n          aria-hidden=\"true\"\n        \/>\n      <\/section>\n\n      <div class=\"marquee-divider\" aria-hidden=\"true\">\n        <div class=\"marquee-track\">\n          <span>think less \/ post more \/ stay weird<\/span>\n          <span>think less \/ post more \/ stay weird<\/span>\n          <span>think less \/ post more \/ stay weird<\/span>\n          <span>think less \/ post more \/ stay weird<\/span>\n        <\/div>\n      <\/div>\n\n      <section class=\"section showcase\" id=\"showcase\" aria-labelledby=\"showcase-title\">\n        <div class=\"showcase-topline\">\n          <span>Specimen \/ 99<\/span>\n          <span>Do not feed after midnight<\/span>\n        <\/div>\n        <div class=\"showcase-stage\">\n          <h2 class=\"display showcase-label\" id=\"showcase-title\">The<span>gob<\/span><\/h2>\n          <img decoding=\"async\"\n            class=\"featured-image\"\n            src=\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/featured3.png\"\n            alt=\"GOBLIN99 featured character artwork\"\n          \/>\n        <\/div>\n        <div class=\"showcase-footline\">\n          <span>GOBLIN99 \/ Original character study<\/span>\n          <span>Made for the timeline<\/span>\n        <\/div>\n      <\/section>\n\n      <div class=\"marquee-divider\" aria-hidden=\"true\">\n        <div class=\"marquee-track\">\n          <span>meet the gob \/ make a meme \/ repeat<\/span>\n          <span>meet the gob \/ make a meme \/ repeat<\/span>\n          <span>meet the gob \/ make a meme \/ repeat<\/span>\n          <span>meet the gob \/ make a meme \/ repeat<\/span>\n        <\/div>\n      <\/div>\n\n      <section class=\"section chaos\" id=\"community\" aria-labelledby=\"chaos-title\">\n        <div class=\"chaos-content reveal\">\n          <div class=\"eyebrow\">Open invitation<\/div>\n          <h2 class=\"display chaos-title\" id=\"chaos-title\">Get<span>weird<\/span><\/h2>\n          <p>\n            No velvet rope. No secret handshake. Just a very online community\n            making the internet a little stranger, one <strong>goblin post<\/strong>\n            at a time.\n          <\/p>\n          <div class=\"social-actions\">\n            <a class=\"button button-primary social-button\" href=\"https:\/\/t.me\/\" target=\"_blank\" rel=\"noreferrer\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21.7 3.3 18.5 20c-.24 1.18-.87 1.47-1.76.92l-4.82-3.55-2.33 2.24c-.26.26-.48.48-.98.48l.35-4.92 8.96-8.1c.39-.35-.09-.55-.61-.2L6.23 13.9l-4.75-1.49c-1.04-.33-1.06-1.04.22-1.54L20.27 3.2c.87-.32 1.63.2 1.43.1Z\"\/><\/svg>\n              Telegram\n            <\/a>\n            <a class=\"button button-secondary social-button\" href=\"https:\/\/x.com\/\" target=\"_blank\" rel=\"noreferrer\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.24 2.25h3.68l-8.04 9.19L23.34 21.75h-7.51l-5.88-7.69-6.73 7.69H-.46l8.6-9.83L-9.14 2.25h7.7l5.32 7.03 6.16-7.03Zm-1.29 17.52h2.04L5.15 4.1H2.96l13.99 15.67Z\" transform=\"translate(1.5)\"\/><\/svg>\n              X \/ Twitter\n            <\/a>\n          <\/div>\n          <div class=\"chaos-note\">Come for the ticker. Stay for the screenshots.<\/div>\n        <\/div>\n      <\/section>\n\n      <div class=\"marquee-divider\" aria-hidden=\"true\">\n        <div class=\"marquee-track\">\n          <span>come for the ticker \/ stay for the memes<\/span>\n          <span>come for the ticker \/ stay for the memes<\/span>\n          <span>come for the ticker \/ stay for the memes<\/span>\n          <span>come for the ticker \/ stay for the memes<\/span>\n        <\/div>\n      <\/div>\n\n      <section class=\"section final\" id=\"final\" aria-labelledby=\"final-title\">\n        <div class=\"final-visuals\" role=\"img\" aria-label=\"A collage of six GOBLIN99 character visuals\">\n          <img decoding=\"async\" src=\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/visual1.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/visual2.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/visual3.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/visual4.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/visual5.png\" alt=\"\" \/>\n          <img decoding=\"async\" src=\"http:\/\/goblin99.online\/wp-content\/uploads\/2026\/08\/visual6.png\" alt=\"\" \/>\n        <\/div>\n        <div class=\"final-content\">\n          <div class=\"eyebrow final-kicker\">The last sensible decision<\/div>\n          <h2 class=\"display final-title\" id=\"final-title\">Go<span>goblin.<\/span><\/h2>\n          <div class=\"final-bottom reveal\">\n            <p>\n              GOBLIN99 is community, character, and complete commitment to the\n              bit. The swamp is waiting.\n            <\/p>\n            <a class=\"button button-primary\" href=\"#community\">Join the community <span aria-hidden=\"true\">\u2197<\/span><\/a>\n          <\/div>\n          <footer class=\"final-footer\">\n            <span>GOBLIN99 \/ $GOBLIN<\/span>\n            <span>99% chaos \u2014 1% common sense<\/span>\n          <\/footer>\n        <\/div>\n      <\/section>\n    <\/main>\n\n    <script>\n      const revealItems = document.querySelectorAll(\".reveal\");\n      const observer = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"in-view\");\n              observer.unobserve(entry.target);\n            }\n          });\n        },\n        { threshold: 0.16 }\n      );\n\n      revealItems.forEach((item) => observer.observe(item));\n\n      const copyButton = document.querySelector(\"#copy-ca\");\n      const copyStatus = document.querySelector(\"#copy-status\");\n\n      copyButton.addEventListener(\"click\", async () => {\n        const address = copyButton.dataset.address;\n        try {\n          await navigator.clipboard.writeText(address);\n        } catch (error) {\n          const helper = document.createElement(\"textarea\");\n          helper.value = address;\n          helper.setAttribute(\"readonly\", \"\");\n          helper.style.position = \"fixed\";\n          helper.style.opacity = \"0\";\n          document.body.appendChild(helper);\n          helper.select();\n          document.execCommand(\"copy\");\n          helper.remove();\n        }\n\n        copyStatus.classList.add(\"visible\");\n        window.setTimeout(() => copyStatus.classList.remove(\"visible\"), 2200);\n      });\n    <\/script>\n  <\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GOBLIN99 \u2014 $GOBLIN GOBLIN99 \/ $GOBLIN The energy Character Community Get in GOBLIN99 99% chaos. 1% common sense. A mischievous little creature for internet culture, absurd humor, and the jokes that should probably stay in the group chat. Copy CA CA: COMING SOON \u29c9 COPIED Enter the swamp \u2197 99% chaos \/ 1% common sense [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/goblin99.online\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goblin99.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goblin99.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goblin99.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goblin99.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":46,"href":"https:\/\/goblin99.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/goblin99.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/goblin99.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}