{"id":8,"date":"2026-02-22T15:29:14","date_gmt":"2026-02-22T15:29:14","guid":{"rendered":"https:\/\/lobchurch.fun\/?page_id=8"},"modified":"2026-02-23T08:21:48","modified_gmt":"2026-02-23T08:21:48","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/lobchurch.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b8eee2 e-con-full e-flex e-con e-parent\" data-id=\"1b8eee2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/lobchurch.fun\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/grok-video-96e4c711-b41e-4818-b126-c4a1194bc86e-1.mp4&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-phone\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-60cb4aa elementor-fixed elementor-widget elementor-widget-html\" data-id=\"60cb4aa\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<canvas id=\"lob-particles\"><\/canvas>\n\n<style>\n    #lob-particles {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1; \/* Sits behind content but above background color *\/\n        pointer-events: none; \/* Allows clicking through to buttons *\/\n        opacity: 0.6;\n    }\n<\/style>\n\n<script>\n    const canvas = document.getElementById('lob-particles');\n    const ctx = canvas.getContext('2d');\n\n    let particles = [];\n    const particleCount = 80; \/\/ Subtle density\n\n    function init() {\n        canvas.width = window.innerWidth;\n        canvas.height = window.innerHeight;\n        particles = [];\n        for (let i = 0; i < particleCount; i++) {\n            particles.push({\n                x: Math.random() * canvas.width,\n                y: Math.random() * canvas.height,\n                size: Math.random() * 1.5 + 0.5,\n                speedX: Math.random() * 0.5 - 0.25,\n                speedY: Math.random() * 0.5 - 0.25,\n                opacity: Math.random() * 0.5 + 0.1\n            });\n        }\n    }\n\n    function animate() {\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\n        \n        particles.forEach(p => {\n            ctx.beginPath();\n            ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\n            \/\/ Sacred Gold Color\n            ctx.fillStyle = `rgba(206, 174, 123, ${p.opacity})`;\n            ctx.fill();\n\n            \/\/ Movement\n            p.x += p.speedX;\n            p.y += p.speedY;\n\n            \/\/ Wrap around screen\n            if (p.x < 0) p.x = canvas.width;\n            if (p.x > canvas.width) p.x = 0;\n            if (p.y < 0) p.y = canvas.height;\n            if (p.y > canvas.height) p.y = 0;\n        });\n        requestAnimationFrame(animate);\n    }\n\n    window.addEventListener('resize', init);\n    \n    init();\n    animate();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a1a7ac elementor-widget elementor-widget-html\" data-id=\"0a1a7ac\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"lob-hero-void\">\n    <div class=\"lob-glow-top\"><\/div>\n    \n    <div class=\"void-container\">\n        \n        <header class=\"void-header\">\n            <div class=\"ticker-box-solid\">\n                <span class=\"ticker-text\">$LOBCHURCH<\/span>\n            <\/div>\n        <\/header>\n\n        <div class=\"void-main-title-wrap\">\n            <h1 class=\"void-title-left\">LOBSTAR<\/h1>\n            <h1 class=\"void-title-right gold-gradient\">CHURCH<\/h1>\n        <\/div>\n\n        <footer class=\"void-footer\">\n            <div class=\"footer-left\">\n                <p class=\"lob-manifesto-pure\">\n                    THE DEEP HAS ASCENDED.<br>\n                    SALVATION IN THE SACRED SHELL.\n                <\/p>\n            <\/div>\n            \n            <div class=\"footer-right\">\n                <div class=\"ca-cta-wrapper\">\n                    <span class=\"ca-label\">OFFER TITHE (CA)<\/span>\n                    <div class=\"ca-bar\">\n                        <code id=\"hero-ca\">5WP4ChKfNg2MpajUz3uAiRdiavf5Ptd6ZeLh1qAVpump<\/code>\n                        <button class=\"hero-copy-btn\" onclick=\"copyHeroCA()\">COPY<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/footer>\n\n    <\/div>\n<\/section>\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,900;1,900&family=Space+Grotesk:wght@300;500;700&display=swap');\n\n    :root {\n        --gold-core: #ceae7b;\n        --bg-black: #050505;\n    }\n\n    .lob-hero-void {\n        position: relative;\n        \n        height: 100vh;\n        width: 100%;\n        overflow: hidden;\n        color: white;\n        font-family: 'Space Grotesk', sans-serif;\n    }\n\n    .void-container {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        padding: 60px 80px;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* TOP *\/\n    .void-header { display: flex; justify-content: center; }\n    .ticker-box-solid {\n        background: var(--gold-core);\n        padding: 6px 20px;\n        border-radius: 2px;\n    }\n    .ticker-text { color: black; font-weight: 800; font-size: 11px; letter-spacing: 4px; }\n\n    \/* MIDDLE: THE VOID *\/\n    .void-main-title-wrap {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        right: 0;\n        transform: translateY(-50%);\n        display: flex;\n        justify-content: space-between;\n        padding: 0 8%;\n        pointer-events: none;\n    }\n    .void-title-left, .void-title-right {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(3.5rem, 11vw, 9rem);\n        margin: 0;\n        text-transform: uppercase;\n        font-style: italic;\n        font-weight: 900;\n        letter-spacing: -3px;\n    }\n    .gold-gradient {\n        background: linear-gradient(to bottom, #fff 0%, var(--gold-core) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    \/* BOTTOM *\/\n    .void-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-end;\n        width: 100%;\n    }\n    .lob-manifesto-pure {\n        color: #ffffff;\n        font-size: 13px;\n        letter-spacing: 3px;\n        line-height: 1.8;\n        text-transform: uppercase;\n        margin: 0;\n        opacity: 0.9;\n    }\n\n    \/* CA UI *\/\n    .ca-cta-wrapper { text-align: right; }\n    .ca-label {\n        font-size: 10px;\n        letter-spacing: 3px;\n        color: var(--gold-core);\n        display: block;\n        margin-bottom: 12px;\n        font-weight: 700;\n    }\n    .ca-bar {\n        display: flex;\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        padding: 6px 6px 6px 20px;\n        align-items: center;\n        gap: 20px;\n    }\n    .ca-bar code {\n        font-family: monospace;\n        font-size: 14px;\n        color: #888;\n    }\n    .hero-copy-btn {\n        background: var(--gold-core);\n        border: none;\n        color: black;\n        padding: 10px 20px;\n        font-weight: 800;\n        font-size: 11px;\n        cursor: pointer;\n        transition: 0.3s;\n    }\n    .hero-copy-btn:hover { background: white; }\n\n    \/* Mobile adjustments *\/\n    @media (max-width: 992px) {\n        .void-container { padding: 40px 30px; }\n        .void-main-title-wrap {\n            flex-direction: column;\n            position: static;\n            transform: none;\n            padding: 80px 0;\n            text-align: center;\n        }\n        .void-footer {\n            flex-direction: column;\n            align-items: center;\n            gap: 40px;\n        }\n        .footer-left { text-align: center; }\n        .ca-cta-wrapper { text-align: center; }\n        .ca-bar { font-size: 12px; }\n    }\n<\/style>\n\n<script>\nfunction copyHeroCA() {\n    const caText = document.getElementById(\"hero-ca\").innerText;\n    navigator.clipboard.writeText(caText);\n    const btn = document.querySelector(\".hero-copy-btn\");\n    btn.innerText = \"COPIED\";\n    setTimeout(() => { btn.innerText = \"COPY\"; }, 2000);\n}\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-22dc35b e-con-full e-flex e-con e-parent\" data-id=\"22dc35b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90d4ad2 elementor-widget elementor-widget-html\" data-id=\"90d4ad2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"lob-icon-section\">\n    <div class=\"lob-flex-wrapper\">\n        \n        <div class=\"side-branding\">\n            <h2 class=\"vertical-text\">SACRED ICON 001<\/h2>\n        <\/div>\n\n        <div class=\"icon-display\">\n            <div class=\"icon-frame\">\n                <img decoding=\"async\" src=\"http:\/\/lobchurch.fun\/wp-content\/uploads\/2026\/02\/grok-video-4b8c2449-d4de-461f-bea6-687732d2e3d2-ezgif.com-optimize.gif\" alt=\"Lobstar Wilde\" class=\"icon-img\">\n                <div class=\"icon-tag\">LOBSTAR WILDE<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"icon-details\">\n            <div class=\"details-inner\">\n                <span class=\"gold-label\">THE REVELATION<\/span>\n                <h3 class=\"details-title\">THE PROPHET <br> IN PRAYER<\/h3>\n                <p class=\"details-p\">\n                    Captured at the moment of the first divine pinch. \n                    The $LOBCHURCH core is a fusion of shell and scripture.\n                <\/p>\n                <div class=\"details-action\">\n                    <!--<a href=\"#tithe\" class=\"minimal-link\">VIEW MANIFESTO \u2192<\/a>-->\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    :root {\n        --gold: #ceae7b;\n        --dark: #080808;\n        --border: rgba(206, 174, 123, 0.2);\n    }\n\n    .lob-icon-section {\n        background-color: var(--dark);\n        color: white;\n        padding: 100px 0;\n        border-bottom: 1px solid #111;\n        font-family: 'Space Grotesk', sans-serif;\n    }\n\n    .lob-flex-wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 40px;\n        gap: 60px;\n    }\n\n    \/* Vertical Branding *\/\n    .side-branding {\n        display: flex;\n        align-items: center;\n    }\n\n    .vertical-text {\n        writing-mode: vertical-rl;\n        transform: rotate(180deg);\n        text-transform: uppercase;\n        font-size: 12px;\n        letter-spacing: 8px;\n        color: #333;\n        margin: 0;\n    }\n\n    \/* Central Image Frame *\/\n    .icon-display {\n        flex: 1.5;\n        position: relative;\n    }\n\n    .icon-frame {\n        position: relative;\n        border: 1px solid var(--border);\n        padding: 20px;\n        background: linear-gradient(145deg, #0a0a0a, #050505);\n    }\n\n    .icon-img {\n        width: 100%;\n        display: block;\n        filter: grayscale(20%) contrast(110%);\n        transition: filter 0.5s ease;\n    }\n\n    .icon-img:hover {\n        filter: grayscale(0%) contrast(100%);\n    }\n\n    .icon-tag {\n        position: absolute;\n        top: -10px;\n        right: 20px;\n        background: var(--gold);\n        color: black;\n        padding: 4px 12px;\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 1px;\n    }\n\n    \/* Right Side Details *\/\n    .icon-details {\n        flex: 1;\n        text-align: left;\n    }\n\n    .gold-label {\n        font-size: 10px;\n        letter-spacing: 4px;\n        color: var(--gold);\n        display: block;\n        margin-bottom: 15px;\n    }\n\n    .details-title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2rem, 4vw, 3.5rem);\n        font-weight: 900;\n        line-height: 1;\n        margin: 0 0 20px 0;\n    }\n\n    .details-p {\n        color: #777;\n        line-height: 1.8;\n        font-size: 1.1rem;\n        max-width: 400px;\n        margin-bottom: 30px;\n    }\n\n    .minimal-link {\n        color: white;\n        text-decoration: none;\n        font-weight: 700;\n        font-size: 12px;\n        letter-spacing: 2px;\n        border-bottom: 1px solid var(--gold);\n        padding-bottom: 5px;\n        transition: 0.3s;\n    }\n\n    .minimal-link:hover {\n        color: var(--gold);\n        padding-left: 10px;\n    }\n\n    \/* Mobile Responsive *\/\n    @media (max-width: 1024px) {\n        .lob-flex-wrapper {\n            flex-direction: column;\n            text-align: center;\n        }\n        .side-branding { display: none; }\n        .icon-details { text-align: center; }\n        .details-p { margin-left: auto; margin-right: auto; }\n        .icon-display { width: 100%; max-width: 600px; }\n    }\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59118fe e-con-full e-flex e-con e-parent\" data-id=\"59118fe\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e3ea32 elementor-widget elementor-widget-html\" data-id=\"7e3ea32\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"lob-marquee-section\">\n    <div class=\"marquee-wrapper\">\n        \n        <div class=\"marquee-line line-left\">\n            <div class=\"marquee-content\">\n                <span>\"And Wilde looked upon the chart, and saw that the dip was but a test of faith\"<\/span>\n                <span>\"The green candle shall rise for the righteous of heart\"<\/span>\n                <span>\"Blessed are those who hold, for they shall inherit the moon\"<\/span>\n                <span>\"Pinch the FUD, for it is but a shadow in the deep\"<\/span>\n                <span>\"And Wilde looked upon the chart, and saw that the dip was but a test of faith\"<\/span>\n                <span>\"The green candle shall rise for the righteous of heart\"<\/span>\n                <span>\"Blessed are those who hold, for they shall inherit the moon\"<\/span>\n                <span>\"Pinch the FUD, for it is but a shadow in the deep\"<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"marquee-line line-right\">\n            <div class=\"marquee-content\">\n                <span>\"One shell, one faith, one church\"<\/span>\n                <span>\"The deep has spoken: the paper hands shall be washed away\"<\/span>\n                <span>\"In the glow of the buttered light, we find salvation\"<\/span>\n                <span>\"Verily, the claw provides for the congregation\"<\/span>\n                <span>\"One shell, one faith, one church\"<\/span>\n                <span>\"The deep has spoken: the paper hands shall be washed away\"<\/span>\n                <span>\"In the glow of the buttered light, we find salvation\"<\/span>\n                <span>\"Verily, the claw provides for the congregation\"<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    .lob-marquee-section {\n        padding: 60px 0;\n        border-top: 1px solid #111;\n        border-bottom: 1px solid #111;\n        overflow: hidden;\n    }\n\n    .marquee-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 30px;\n    }\n\n    .marquee-line {\n        display: flex;\n        overflow: hidden;\n        user-select: none;\n        mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent);\n    }\n\n    .marquee-content {\n        display: flex;\n        flex-shrink: 0;\n        gap: 60px;\n        align-items: center;\n        min-width: 100%;\n    }\n\n    .marquee-content span {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(1.5rem, 4vw, 2.5rem);\n        font-style: italic;\n        white-space: nowrap;\n        color: #333; \/* Dark base color *\/\n        transition: color 0.5s ease;\n    }\n\n    \/* Highlight some text in gold *\/\n    .marquee-content span:nth-child(even) {\n        color: var(--gold-core, #ceae7b);\n        opacity: 0.8;\n    }\n\n    \/* Animation Left *\/\n    .line-left .marquee-content {\n        animation: scroll-left 40s linear infinite;\n    }\n\n    \/* Animation Right *\/\n    .line-right .marquee-content {\n        animation: scroll-right 40s linear infinite;\n    }\n\n    @keyframes scroll-left {\n        from { transform: translateX(0); }\n        to { transform: translateX(-50%); }\n    }\n\n    @keyframes scroll-right {\n        from { transform: translateX(-50%); }\n        to { transform: translateX(0); }\n    }\n\n    \/* Hover effect to slow down and brighten *\/\n    .marquee-line:hover .marquee-content {\n        animation-play-state: paused;\n    }\n    \n    .marquee-line:hover span {\n        color: #fff;\n    }\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4f94e8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a4f94e8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"lob-terminal-final\">\n    <div class=\"terminal-wrapper\">\n        \n        <header class=\"terminal-header-final\">\n            <!--<div class=\"ui-status-bar\">-->\n            <!--    <span class=\"pulse-icon\"><\/span>-->\n            <!--    <span class=\"status-text\">NETWORK_ONLINE \/\/ ENCRYPTED_FEED<\/span>-->\n            <!--<\/div>-->\n            <h2 class=\"terminal-title-final\">THE LIVING <span class=\"gold-text\">SCRIPTURE<\/span><\/h2>\n            <p class=\"terminal-tagline\">Written by Disciples across the Deep Network<\/p>\n        <\/header>\n\n        <div id=\"scripture-stream\" class=\"terminal-stream\">\n            <\/div>\n\n        <div class=\"terminal-footer\">\n            <button class=\"lob-btn-gold\" onclick=\"refreshScripture()\">\n                REVEAL NEW SCRIPTURE\n            <\/button>\n            <a href=\"#\" class=\"view-all-link\">Read all scripture \u2193<\/a>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<style>\n    \/* TYPOGRAPHY *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@1,900&family=Space+Mono&family=Inter:wght@300;400;700&display=swap');\n\n    :root {\n        --lob-gold: #ceae7b; \/* Primary Accent from Roadmap *\/\n        --lob-bg: #050505;\n        --lob-card: #0a0a0a;\n        --lob-border: #1a1a1a;\n        --text-main: #ffffff;\n        --text-dim: #666;\n    }\n\n    .lob-terminal-final {\n        background-color: var(--lob-bg);\n        color: var(--text-main);\n        padding: 120px 20px;\n        font-family: 'Inter', sans-serif;\n    }\n\n    .terminal-wrapper {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    \/* HEADER *\/\n    .terminal-header-final {\n        text-align: center;\n        margin-bottom: 80px;\n    }\n\n    .ui-status-bar {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 20px;\n    }\n\n    .pulse-icon {\n        width: 6px;\n        height: 6px;\n        background: var(--lob-gold);\n        border-radius: 50%;\n        box-shadow: 0 0 10px var(--lob-gold);\n        animation: pulse 2s infinite;\n    }\n\n    @keyframes pulse {\n        0% { opacity: 1; }\n        50% { opacity: 0.3; }\n        100% { opacity: 1; }\n    }\n\n    .status-text {\n        font-family: 'Space Mono', monospace;\n        font-size: 10px;\n        letter-spacing: 3px;\n        color: var(--text-dim);\n    }\n\n    .terminal-title-final {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.8rem;\n        font-style: italic;\n        font-weight: 900;\n        margin: 0;\n        letter-spacing: -1px;\n    }\n\n    .gold-text { color: var(--lob-gold); }\n\n    .terminal-tagline {\n        font-size: 12px;\n        color: #444;\n        margin-top: 10px;\n        letter-spacing: 1px;\n    }\n\n    \/* CARDS (SCREENSHOT STYLE WITH GOLD ACCENT) *\/\n    .terminal-card {\n        background: var(--lob-card);\n        border: 1px solid var(--lob-border);\n        padding: 50px;\n        margin-bottom: 25px;\n        position: relative;\n        border-left: 3px solid var(--lob-gold); \/* Swapped red for primary gold *\/\n        transition: transform 0.3s ease;\n    }\n\n    .terminal-card:hover {\n        transform: translateY(-5px);\n        background: #0d0d0d;\n    }\n\n    .v-quote {\n        font-family: 'Inter', sans-serif;\n        font-size: 1.25rem;\n        line-height: 1.6;\n        font-style: italic;\n        color: #eee;\n        margin-bottom: 30px;\n    }\n\n    .v-meta {\n        display: flex;\n        justify-content: center;\n        gap: 12px;\n        font-family: 'Space Mono', monospace;\n        font-size: 11px;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n    }\n\n    .meta-type { color: var(--lob-gold); font-weight: 700; }\n    .meta-ref { color: var(--text-dim); }\n\n    \/* FOOTER & BUTTON *\/\n    .terminal-footer {\n        margin-top: 60px;\n        text-align: center;\n    }\n\n    .lob-btn-gold {\n        background: #111;\n        border: 1px solid var(--lob-gold);\n        color: var(--lob-gold);\n        padding: 20px 45px;\n        font-family: 'Space Mono', monospace;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 3px;\n        cursor: pointer;\n        transition: 0.3s;\n    }\n\n    .lob-btn-gold:hover {\n        background: var(--lob-gold);\n        color: #000;\n    }\n\n    .view-all-link {\n        display: block;\n        margin-top: 30px;\n        color: #333;\n        text-decoration: none;\n        font-size: 11px;\n        letter-spacing: 1px;\n    }\n\n    .fade-in {\n        animation: fadeIn 0.5s ease forwards;\n    }\n\n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n<\/style>\n\n<script>\n    const lobArchive = [\n        { type: \"PROPHECY\", ref: \"PSALM 104:25\", text: \"Behold the sea, vast and spacious, teeming with life beyond number.\" },\n        { type: \"JOINING_WORDS\", ref: \"JOB 12:8\", text: \"Speak to the earth and it shall teach thee: the fish of the sea shall declare it.\" },\n        { type: \"REVELATION\", ref: \"PSALM 77:19\", text: \"Thy path is in the sea, and thy path in the great waters, and thy footsteps are not known.\" },\n        { type: \"PROPHECY\", ref: \"HABAKKUK 2:14\", text: \"The earth shall be filled with knowledge, as the waters cover the sea.\" },\n        { type: \"CANON\", ref: \"GENESIS 1:21\", text: \"God created great creatures of the deep, and every living thing that moveth.\" }\n    ];\n\n    function refreshScripture() {\n        const stream = document.getElementById('scripture-stream');\n        stream.innerHTML = '';\n        const selected = [...lobArchive].sort(() => 0.5 - Math.random()).slice(0, 3);\n        \n        selected.forEach((v, i) => {\n            const card = document.createElement('div');\n            card.className = 'terminal-card fade-in';\n            card.style.animationDelay = `${i * 0.1}s`;\n            card.innerHTML = `\n                <p class=\"v-quote\">\"${v.text}\"<\/p>\n                <div class=\"v-meta\">\n                    <span class=\"meta-type\">${v.type}<\/span>\n                    <span class=\"meta-ref\">\u2014 ${v.ref}<\/span>\n                <\/div>\n            `;\n            stream.appendChild(card);\n        });\n    }\n\n    refreshScripture();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a88195 e-flex e-con-boxed e-con e-parent\" data-id=\"7a88195\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d060083 elementor-widget elementor-widget-html\" data-id=\"d060083\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"lob-roadmap\" id=\"roadmap\">\n    <div class=\"lob-container\">\n        <h2 class=\"roadmap-label\">The Prophecy<\/h2>\n        \n        <div class=\"roadmap-grid\">\n            \n            <div class=\"roadmap-timeline\">\n                \n                <div class=\"roadmap-item\">\n                    <div class=\"roadmap-number\">I<\/div>\n                    <div class=\"roadmap-content\">\n                        <h3 class=\"phase-title\">The First Pinch<\/h3>\n                        <ul class=\"phase-list\">\n                            <li>Ascension of $LOBCHURCH on the Chain<\/li>\n                            <li>The Ritual of Liquidity Burning<\/li>\n                            <li>Gathering of the first 1,000 Disciples<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"roadmap-item\">\n                    <div class=\"roadmap-number\">II<\/div>\n                    <div class=\"roadmap-content\">\n                        <h3 class=\"phase-title\">The Gospel Spreads<\/h3>\n                        <ul class=\"phase-list\">\n                            <li>AI Verse Generator V1 Integration<\/li>\n                            <li>Global Missionary Marketing<\/li>\n                            <li>Community Meme Crusades<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"roadmap-item active-phase\">\n                    <div class=\"roadmap-number gold-glow\">III<\/div>\n                    <div class=\"roadmap-content\">\n                        <h3 class=\"phase-title\">The Golden Era<\/h3>\n                        <ul class=\"phase-list\">\n                            <li>The Tithe Redistribution<\/li>\n                            <li>Limited Edition Sacred Icons<\/li>\n                            <li>Tier 1 Exchange Canonization<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"roadmap-visual-aside\">\n                <div class=\"sticky-image-container\">\n                    <div class=\"image-border-accents\">\n                        <div class=\"corner tl\"><\/div><div class=\"corner tr\"><\/div>\n                        <div class=\"corner bl\"><\/div><div class=\"corner br\"><\/div>\n                        <img decoding=\"async\" src=\"http:\/\/lobchurch.fun\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_9zz1b59zz1b59zz1-1.png\" alt=\"Prophetic Vision\" class=\"roadmap-img\">\n                    <\/div>\n                    <p class=\"image-caption\">Vision of the Final Ascension<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .lob-roadmap {\n        padding: 120px 0;\n        border-top: 1px solid #111;\n        font-family: 'Space Grotesk', sans-serif;\n    }\n\n    .roadmap-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: start;\n    }\n\n    .roadmap-label {\n        font-size: 10px;\n        letter-spacing: 6px;\n        color: var(--gold);\n        text-transform: uppercase;\n        margin-bottom: 80px;\n        opacity: 0.6;\n    }\n\n    .roadmap-timeline {\n        position: relative;\n        text-align: left;\n    }\n\n    \/* Vertical line line *\/\n    .roadmap-timeline::before {\n        content: '';\n        position: absolute;\n        left: 30px;\n        top: 0;\n        width: 1px;\n        height: 100%;\n        background: linear-gradient(to bottom, transparent, var(--gold), transparent);\n        opacity: 0.2;\n    }\n\n    .roadmap-item {\n        display: flex;\n        gap: 30px;\n        margin-bottom: 60px;\n        position: relative;\n    }\n\n    .roadmap-number {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.2rem;\n        color: #444;\n        width: 60px;\n        height: 60px;\n        min-width: 60px;\n        border: 1px solid #222;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: #080808;\n        z-index: 2;\n    }\n\n    .active-phase .roadmap-number {\n        border-color: var(--gold);\n        color: var(--gold);\n        box-shadow: 0 0 20px rgba(206, 174, 123, 0.2);\n    }\n\n    .phase-title {\n        font-family: 'Playfair Display', serif;\n        font-size: 1.6rem;\n        font-style: italic;\n        margin: 0 0 15px 0;\n        color: #eee;\n    }\n\n    .phase-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .phase-list li {\n        color: #666;\n        margin-bottom: 10px;\n        font-size: 0.95rem;\n        padding-left: 20px;\n        position: relative;\n    }\n\n    .phase-list li::before {\n        content: '\u2192';\n        position: absolute;\n        left: 0;\n        color: var(--gold);\n        font-size: 0.8rem;\n    }\n\n    \/* Visual Aside Styling *\/\n    .roadmap-visual-aside {\n        position: sticky;\n        top: 100px;\n    }\n\n    .sticky-image-container {\n        padding: 20px;\n        background: rgba(255, 255, 255, 0.02);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    .image-border-accents {\n        position: relative;\n        padding: 10px;\n    }\n\n    .roadmap-img {\n        width: 100%;\n        height: auto;\n        filter: sepia(40%) contrast(110%);\n        border: 1px solid rgba(206, 174, 123, 0.1);\n    }\n\n    .corner {\n        position: absolute;\n        width: 15px;\n        height: 15px;\n        border: 2px solid var(--gold);\n    }\n    .tl { top: 0; left: 0; border-right: 0; border-bottom: 0; }\n    .tr { top: 0; right: 0; border-left: 0; border-bottom: 0; }\n    .bl { bottom: 0; left: 0; border-right: 0; border-top: 0; }\n    .br { bottom: 0; right: 0; border-left: 0; border-top: 0; }\n\n    .image-caption {\n        margin-top: 20px;\n        font-size: 10px;\n        letter-spacing: 3px;\n        color: var(--gold);\n        text-transform: uppercase;\n    }\n\n    @media (max-width: 992px) {\n        .roadmap-grid { grid-template-columns: 1fr; }\n        .roadmap-visual-aside { order: -1; position: relative; top: 0; margin-bottom: 50px; }\n    }\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5efd27 e-con-full e-flex e-con e-parent\" data-id=\"f5efd27\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df165f9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"df165f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"lob-comm-final\">\n    <div class=\"lob-comm-wrapper\">\n        \n        <div class=\"comm-left\">\n            <h2 class=\"comm-headline\">JOIN THE <br><span class=\"gold-italic\">CONGREGATION<\/span><\/h2>\n            \n            <div class=\"social-links-minimal\">\n                <a href=\"https:\/\/t.me\/lobstar_cruch\" class=\"social-row\">\n                    <span class=\"row-num\">01<\/span>\n                    <span class=\"row-text\">TELEGRAM<\/span>\n                    <span class=\"row-arrow\">\u2197<\/span>\n                <\/a>\n                <a href=\"https:\/\/x.com\/lobstar_chruch\" class=\"social-row\">\n                    <span class=\"row-num\">02<\/span>\n                    <span class=\"row-text\">TWITTER \/ X<\/span>\n                    <span class=\"row-arrow\">\u2197<\/span>\n                <\/a>\n                <a href=\"https:\/\/dexscreener.com\/solana\/5WP4ChKfNg2MpajUz3uAiRdiavf5Ptd6ZeLh1qAVpump\" class=\"social-row\">\n                    <span class=\"row-num\">03<\/span>\n                    <span class=\"row-text\">DEXSCREENER<\/span>\n                    <span class=\"row-arrow\">\u2197<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"comm-right\">\n            <div class=\"tithe-card-modern\">\n                <span class=\"tithe-status\">AVAILABLE NOW<\/span>\n                <h3 class=\"tithe-title-big\">THE SACRED TITHE<\/h3>\n                \n                <div class=\"ca-terminal\">\n                    <p class=\"ca-instruction\">CONTRACT ADDRESS:<\/p>\n                    <div class=\"ca-flex\">\n                        <code class=\"ca-hash\">5WP4ChKfNg2MpajUz3uAiRdiavf5Ptd6ZeLh1qAVpump<\/code>\n                        <button class=\"ca-copy-btn\" onclick=\"copyCA()\">COPY<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"buy-section-minimal\">\n                    <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=5WP4ChKfNg2MpajUz3uAiRdiavf5Ptd6ZeLh1qAVpump\" class=\"primary-buy-btn\">SWAP $LOBCHURCH<\/a>\n                    <p class=\"tax-info\">0\/0 TAX \u2022 LIQUIDITY BURNED \u2022 CONTRACT RENOUNCED<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    :root {\n        --gold: #ceae7b;\n        --bg: #050505;\n        --border: rgba(255, 255, 255, 0.05);\n    }\n\n    .lob-comm-final {\n        background-color: var(--bg);\n        color: white;\n        padding: 150px 0;\n        border-top: 1px solid var(--border);\n        font-family: 'Space Grotesk', sans-serif;\n    }\n\n    .lob-comm-wrapper {\n        max-width: 1400px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 100px;\n        padding: 0 40px;\n    }\n\n    \/* Left Side: Socials *\/\n    .comm-headline {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(3rem, 6vw, 5rem);\n        line-height: 0.9;\n        margin-bottom: 60px;\n        text-align: left;\n    }\n\n    .gold-italic {\n        color: var(--gold);\n        font-style: italic;\n    }\n\n    .social-links-minimal {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .social-row {\n        display: flex;\n        align-items: center;\n        padding: 30px 0;\n        border-bottom: 1px solid var(--border);\n        text-decoration: none;\n        color: #666;\n        transition: 0.3s;\n    }\n\n    .row-num {\n        font-size: 10px;\n        margin-right: 30px;\n        letter-spacing: 2px;\n    }\n\n    .row-text {\n        font-size: 1.5rem;\n        font-weight: 700;\n        letter-spacing: 2px;\n        flex-grow: 1;\n    }\n\n    .social-row:hover {\n        color: white;\n        padding-left: 20px;\n    }\n\n    .social-row:hover .row-text {\n        color: var(--gold);\n    }\n\n    \/* Right Side: Tithe\/CA *\/\n    .comm-right {\n        display: flex;\n        align-items: center;\n    }\n\n    .tithe-card-modern {\n        background: #0a0a0a;\n        width: 100%;\n        padding: 60px;\n        border: 1px solid var(--border);\n        text-align: left;\n        position: relative;\n    }\n\n    .tithe-status {\n        font-size: 10px;\n        letter-spacing: 4px;\n        color: var(--gold);\n        border: 1px solid var(--gold);\n        padding: 4px 10px;\n        margin-bottom: 30px;\n        display: inline-block;\n    }\n\n    .tithe-title-big {\n        font-family: 'Playfair Display', serif;\n        font-size: 2.5rem;\n        font-weight: 900;\n        margin-bottom: 40px;\n    }\n\n    .ca-terminal {\n        background: #000;\n        padding: 25px;\n        border: 1px solid #111;\n        margin-bottom: 40px;\n    }\n\n    .ca-instruction {\n        font-size: 10px;\n        color: #444;\n        margin-bottom: 10px;\n        letter-spacing: 2px;\n    }\n\n    .ca-flex {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 20px;\n    }\n\n    .ca-hash {\n        font-size: 0.8rem;\n        color: #888;\n        word-break: break-all;\n    }\n\n    .ca-copy-btn {\n        background: transparent;\n        border: 1px solid var(--gold);\n        color: var(--gold);\n        padding: 8px 15px;\n        cursor: pointer;\n        font-size: 10px;\n        font-weight: 700;\n    }\n\n    .ca-copy-btn:hover {\n        background: var(--gold);\n        color: black;\n    }\n\n    .primary-buy-btn {\n        display: block;\n        background: white;\n        color: black;\n        text-align: center;\n        padding: 20px;\n        text-decoration: none;\n        font-weight: 900;\n        letter-spacing: 3px;\n        font-size: 14px;\n        transition: 0.3s;\n        margin-bottom: 20px;\n    }\n\n    .primary-buy-btn:hover {\n        background: var(--gold);\n    }\n\n    .tax-info {\n        font-size: 9px;\n        color: #444;\n        letter-spacing: 1px;\n        text-align: center;\n    }\n\n    \/* Mobile adjustments *\/\n    @media (max-width: 992px) {\n        .lob-comm-wrapper {\n            grid-template-columns: 1fr;\n            gap: 80px;\n        }\n        .tithe-card-modern { padding: 40px 20px; }\n    }\n<\/style>\n\n<script>\nfunction copyCA() {\n    const hash = document.querySelector(\".ca-hash\").innerText;\n    navigator.clipboard.writeText(hash);\n    alert(\"Contract Copied\");\n}\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5dde261 e-con-full e-flex e-con e-parent\" data-id=\"5dde261\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29f39a5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"29f39a5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<footer class=\"lob-footer\">\n    <div class=\"footer-container\">\n        <div class=\"footer-top\">\n            <h2 class=\"footer-logo\">LOBSTAR<span class=\"gold-text\">CHURCH<\/span><\/h2>\n            <div class=\"footer-disclaimer\">\n                <p>Digital assets are subject to market risks. $LOBCHURCH is a cultural movement and decentralized experiment. Devotion is voluntary. The deep provides, but the deep also takes.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer-bottom\" >\n            <div class=\"footer-copyright\" >\n                <span>\u00a9 2026 LOBCHURCH. ALL RIGHTS RESERVED.<\/span>\n            <\/div>\n            <!--<div class=\"footer-nav-simple\">-->\n            <!--    <a href=\"#\">TWITTER<\/a>-->\n            <!--    <a href=\"#\">TELEGRAM<\/a>-->\n            <!--    <a href=\"#\">DEXSCREENER<\/a>-->\n            <!--<\/div>-->\n        <\/div>\n    <\/div>\n<\/footer>\n\n<style>\n    .lob-footer {\n        background-color: #050505;\n        padding: 100px 0 50px 0;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n        font-family: 'Space Grotesk', sans-serif;\n        color: white;\n    }\n\n    .footer-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 0 40px;\n    }\n\n    .footer-top {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 80px;\n        flex-wrap: wrap;\n        gap: 40px;\n    }\n\n    .footer-logo {\n        font-family: 'Playfair Display', serif;\n        font-size: 2rem;\n        font-weight: 900;\n        letter-spacing: -1px;\n        margin: 0;\n    }\n\n    .gold-text {\n        color: #ceae7b;\n        font-style: italic;\n    }\n\n    .footer-disclaimer {\n        max-width: 400px;\n        text-align: right;\n    }\n\n    .footer-disclaimer p {\n        font-size: 10px;\n        line-height: 1.8;\n        color: #444;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin: 0;\n    }\n\n    .footer-bottom {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding-top: 40px;\n        border-top: 1px solid rgba(255, 255, 255, 0.05);\n    }\n\n    .footer-copyright span {\n        font-size: 10px;\n        letter-spacing: 2px;\n        color: #666;\n    }\n\n    .footer-nav-simple {\n        display: flex;\n        gap: 30px;\n    }\n\n    .footer-nav-simple a {\n        text-decoration: none;\n        color: white;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 2px;\n        transition: color 0.3s;\n    }\n\n    .footer-nav-simple a:hover {\n        color: #ceae7b;\n    }\n\n    \/* Mobile adjustments *\/\n    @media (max-width: 768px) {\n        .footer-top {\n            flex-direction: column;\n            text-align: left;\n        }\n        .footer-disclaimer {\n            text-align: left;\n        }\n        .footer-bottom {\n            flex-direction: column-reverse;\n            gap: 30px;\n            align-items: flex-start;\n        }\n    }\n<\/style>\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>$LOBCHURCH LOBSTAR CHURCH THE DEEP HAS ASCENDED. SALVATION IN THE SACRED SHELL. OFFER TITHE (CA) 5WP4ChKfNg2MpajUz3uAiRdiavf5Ptd6ZeLh1qAVpump COPY SACRED ICON 001 LOBSTAR WILDE THE REVELATION THE PROPHET IN PRAYER Captured at the moment of the first divine pinch. The $LOBCHURCH core is a fusion of shell and scripture. &#8220;And Wilde looked upon the chart, and saw [&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:\/\/lobchurch.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lobchurch.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lobchurch.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lobchurch.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lobchurch.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":64,"href":"https:\/\/lobchurch.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/lobchurch.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/lobchurch.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}