{"id":8,"date":"2026-04-21T12:35:49","date_gmt":"2026-04-21T12:35:49","guid":{"rendered":"https:\/\/crimsondesert.fun\/?page_id=8"},"modified":"2026-04-21T14:35:13","modified_gmt":"2026-04-21T14:35:13","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/crimsondesert.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-05f52e2 e-flex e-con-boxed e-con e-parent\" data-id=\"05f52e2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/crimsondesert.fun\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/CRIMSON-DESERT-1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\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><div class=\"elementor-element elementor-element-26cd8cb e-con-full e-flex e-con e-child\" data-id=\"26cd8cb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65b4c55 elementor-widget elementor-widget-html\" data-id=\"65b4c55\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700&family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --accent: #d4af37;  \/* Gold *\/\r\n        --crimson: #9e1a1a; \/* Crimson Red *\/\r\n        --bg-glass: rgba(10, 10, 10, 0.85);\r\n        --text: #e0e0e0;\r\n    }\r\n\r\n    body { margin: 0; background: #111; } \r\n\r\n    .nav-container {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 10px 6%;\r\n        background: var(--bg-glass);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        border-bottom: 1px solid rgba(212, 175, 55, 0.2);\r\n        z-index: 9999;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .logo-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    \/* --- Judul dengan Efek Kilauan --- *\/\r\n    .logo-main {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 1.4rem;\r\n        font-weight: 700;\r\n        letter-spacing: 3px;\r\n        text-decoration: none;\r\n        line-height: 1;\r\n        \r\n        \/* Gradasi untuk kilauan *\/\r\n        background: linear-gradient(\r\n            to right, \r\n            #d4af37 0%, \r\n            #fdfc86 25%, \r\n            #d4af37 50%, \r\n            #fdfc86 75%, \r\n            #d4af37 100%\r\n        );\r\n        background-size: 200% auto;\r\n        color: transparent;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        \r\n        \/* Jalankan Animasi *\/\r\n        animation: shine 4s linear infinite;\r\n        text-shadow: 0 0 15px rgba(212, 175, 55, 0.2);\r\n    }\r\n\r\n    \/* Animasi Pergerakan Kilauan *\/\r\n    @keyframes shine {\r\n        to {\r\n            background-position: 200% center;\r\n        }\r\n    }\r\n\r\n    .nav-menu {\r\n        display: flex;\r\n        list-style: none;\r\n        gap: 35px;\r\n        align-items: center;\r\n    }\r\n\r\n    .nav-item a {\r\n        text-decoration: none;\r\n        color: var(--text);\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        position: relative;\r\n        transition: color 0.4s ease;\r\n    }\r\n\r\n    .nav-item a::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 0;\r\n        height: 1px;\r\n        bottom: -5px;\r\n        left: 0;\r\n        background: linear-gradient(90deg, transparent, var(--accent), transparent);\r\n        transition: width 0.4s ease;\r\n    }\r\n\r\n    .nav-item a:hover {\r\n        color: var(--accent);\r\n    }\r\n\r\n    .nav-item a:hover::after {\r\n        width: 100%;\r\n    }\r\n\r\n    .nav-btn {\r\n        padding: 10px 22px;\r\n        border: 1px solid var(--accent);\r\n        background: transparent;\r\n        color: var(--accent);\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 0.75rem;\r\n        cursor: pointer;\r\n        transition: all 0.4s ease;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .nav-btn:hover {\r\n        background: var(--accent);\r\n        color: #000;\r\n        box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n    @media (max-width: 850px) {\r\n        .nav-menu { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<nav class=\"nav-container\">\r\n    <a href=\"#\" class=\"logo-wrapper\" style=\"text-decoration: none;\">\r\n        <span class=\"logo-main\">CRIMSON DESERT<\/span>\r\n    <\/a>\r\n\r\n    <ul class=\"nav-menu\">\r\n        <li class=\"nav-item\"><a href=\"#theworld\">The World<\/a><\/li>\r\n        <li class=\"nav-item\"><a href=\"#factions\">Factions<\/a><\/li>\r\n        <li class=\"nav-item\"><a href=\"#combat\">Combat<\/a><\/li>\r\n        <li class=\"nav-item\"><a href=\"#token\">$CRIMDESERT<\/a><\/li>\r\n        <li><a href=\"#\" class=\"nav-btn\">ENTER REALM<\/a><\/li>\r\n    <\/ul>\r\n<\/nav>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2eefbed e-con-full e-flex e-con e-child\" data-id=\"2eefbed\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95fdc9b elementor-widget elementor-widget-html\" data-id=\"95fdc9b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --accent: #d4af37;\r\n        --accent-bright: #fdfc86;\r\n        --crimson: #9e1a1a;\r\n        --transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n\r\n    \/* Hero Section - Full Transparent *\/\r\n    .hero-section {\r\n        min-height: 100vh;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 50px 5%;\r\n        text-align: center;\r\n        background: transparent;\r\n        position: relative;\r\n    }\r\n\r\n    .hero-content {\r\n        position: relative;\r\n        z-index: 10;\r\n        max-width: 950px;\r\n    }\r\n\r\n    \/* --- Stylized Game CA Box --- *\/\r\n    .ca-outer {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        margin-bottom: 40px;\r\n        position: relative;\r\n    }\r\n\r\n    .ca-game-box {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 12px 20px;\r\n        background: rgba(0, 0, 0, 0.6);\r\n        border: 1px solid rgba(212, 175, 55, 0.5);\r\n        border-right: none;\r\n        clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);\r\n        backdrop-filter: blur(8px);\r\n    }\r\n\r\n    .ca-copy-btn {\r\n        background: var(--accent);\r\n        color: #000;\r\n        padding: 12px 20px;\r\n        cursor: pointer;\r\n        border: none;\r\n        clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);\r\n        transition: var(--transition);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .ca-copy-btn:hover {\r\n        background: var(--accent-bright);\r\n        box-shadow: 0 0 15px var(--accent);\r\n        transform: translateX(5px);\r\n    }\r\n\r\n    .ca-game-box::before {\r\n        content: \"OFFICIAL CONTRACT\";\r\n        position: absolute;\r\n        top: -18px;\r\n        left: 20%;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.6rem;\r\n        letter-spacing: 3px;\r\n        color: var(--accent);\r\n        font-weight: 700;\r\n        text-shadow: 1px 1px 2px #000;\r\n    }\r\n\r\n    .ca-text {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #fff;\r\n        font-size: 0.9rem;\r\n        letter-spacing: 2px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* --- Gold Shimmer Title --- *\/\r\n    .hero-title {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: clamp(3rem, 10vw, 6.5rem);\r\n        font-weight: 900;\r\n        line-height: 0.85;\r\n        text-transform: uppercase;\r\n        margin-bottom: 25px;\r\n        letter-spacing: -2px;\r\n        \r\n        \/* Gold Shimmer Effect *\/\r\n        background: linear-gradient(\r\n            to right, \r\n            #bf953f 0%, \r\n            #fcf6ba 25%, \r\n            #b38728 50%, \r\n            #fcf6ba 75%, \r\n            #bf953f 100%\r\n        );\r\n        background-size: 200% auto;\r\n        color: transparent;\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n        animation: shimmer 4s linear infinite;\r\n        filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.3));\r\n    }\r\n\r\n    @keyframes shimmer {\r\n        to { background-position: 200% center; }\r\n    }\r\n\r\n    .hero-subtitle {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #eee;\r\n        font-size: 1.2rem;\r\n        max-width: 750px;\r\n        margin: 0 auto 50px;\r\n        letter-spacing: 1px;\r\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.8);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- Improved Warrior Buttons --- *\/\r\n    .hero-btns {\r\n        display: flex;\r\n        gap: 30px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .btn-warrior {\r\n        position: relative;\r\n        padding: 20px 60px;\r\n        font-family: 'Cinzel', serif;\r\n        font-weight: 900;\r\n        text-decoration: none;\r\n        letter-spacing: 3px;\r\n        font-size: 1rem;\r\n        transition: var(--transition);\r\n        color: #fff;\r\n        background: rgba(0, 0, 0, 0.8);\r\n        border: 1px solid var(--accent);\r\n        clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .btn-warrior.primary {\r\n        background: linear-gradient(45deg, var(--crimson), #600);\r\n        border: 1px solid var(--accent);\r\n        box-shadow: 0 0 15px rgba(158, 26, 26, 0.4);\r\n    }\r\n\r\n    .btn-warrior::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: -100%;\r\n        width: 100%; height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n        transition: 0.5s;\r\n    }\r\n\r\n    .btn-warrior:hover {\r\n        transform: translateY(-5px) scale(1.05);\r\n        color: var(--accent-bright);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .btn-warrior:hover::before {\r\n        left: 100%;\r\n    }\r\n\r\n    \/* --- Toast Notification --- *\/\r\n    #copy-toast {\r\n        position: fixed;\r\n        bottom: 30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: var(--accent);\r\n        color: #000;\r\n        padding: 12px 30px;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        font-size: 0.8rem;\r\n        display: none;\r\n        z-index: 9999;\r\n        clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);\r\n    }\r\n\r\n    .reveal {\r\n        opacity: 0;\r\n        filter: blur(15px);\r\n        transform: translateY(30px);\r\n        transition: all 1.2s ease-out;\r\n    }\r\n    .reveal.active {\r\n        opacity: 1;\r\n        filter: blur(0);\r\n        transform: translateY(0);\r\n    }\r\n<\/style>\r\n\r\n<section class=\"hero-section\">\r\n    <div class=\"hero-content reveal\">\r\n        \r\n        <div class=\"ca-outer\">\r\n            <div class=\"ca-game-box\">\r\n                <span class=\"ca-text\">CA : NULL<\/span>\r\n            <\/div>\r\n            <div class=\"ca-copy-btn\" onclick=\"copyCA()\">\r\n                <i class=\"fa-solid fa-copy\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <h1 class=\"hero-title\">A New Era<br>Of Pywel<\/h1>\r\n        \r\n        <p class=\"hero-subtitle\">\r\n            The Greymane mercenaries are rising. Join the most ambitious open-world journey and forge your own legacy in blood and gold.\r\n        <\/p>\r\n\r\n        <div class=\"hero-btns\">\r\n            <a href=\"#\" class=\"btn-warrior primary\">GET $CRIMDESERT<\/a>\r\n            <a href=\"#\" class=\"btn-warrior\">LIVE CHART<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<div id=\"copy-toast\">CONTRACT COPIED TO CLIPBOARD<\/div>\r\n\r\n<script>\r\n    function copyCA() {\r\n        const fullCA = \"0x7b34e98f21cf4e2795a4a9a701be4c50\"; \r\n        navigator.clipboard.writeText(fullCA).then(() => {\r\n            const toast = document.getElementById('copy-toast');\r\n            toast.style.display = 'block';\r\n            setTimeout(() => {\r\n                toast.style.display = 'none';\r\n            }, 2500);\r\n        });\r\n    }\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) entry.target.classList.add('active');\r\n        });\r\n    }, { threshold: 0.1 });\r\n\r\n    document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n<\/script>\t\t<\/div>\n\t\t\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-67ab95e e-flex e-con-boxed e-con e-parent\" data-id=\"67ab95e\" 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<div class=\"elementor-element elementor-element-c885814 e-con-full e-flex e-con e-child\" data-id=\"c885814\" data-element_type=\"container\" id=\"theworld\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3a4e34 elementor-widget elementor-widget-html\" data-id=\"d3a4e34\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --accent: #d4af37;\r\n        --accent-bright: #fdfc86;\r\n        --crimson: #9e1a1a;\r\n        --glass: rgba(10, 10, 10, 0.75);\r\n        --transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    \/* Mencegah overflow horizontal pada level section *\/\r\n    .world-section {\r\n        padding: 80px 5%;\r\n        background: transparent;\r\n        position: relative;\r\n        overflow-x: hidden;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .world-container {\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        gap: 40px;\r\n        align-items: center;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* --- Narrative Content --- *\/\r\n    .world-text {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .world-badge {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.6rem;\r\n        font-weight: 700;\r\n        letter-spacing: 4px;\r\n        color: var(--accent);\r\n        text-transform: uppercase;\r\n        margin-bottom: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    .world-badge::after {\r\n        content: \"\";\r\n        flex: 1;\r\n        height: 1px;\r\n        background: linear-gradient(90deg, var(--accent), transparent);\r\n    }\r\n\r\n    .world-title {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: clamp(1.8rem, 5vw, 3rem);\r\n        color: #fff;\r\n        line-height: 1.1;\r\n        margin-bottom: 20px;\r\n        word-wrap: break-word;\r\n    }\r\n\r\n    .world-title span {\r\n        color: var(--crimson);\r\n        font-size: 0.6em;\r\n        display: block;\r\n        letter-spacing: 2px;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .world-description {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #bbb;\r\n        font-size: 0.9rem;\r\n        line-height: 1.6;\r\n        margin-bottom: 30px;\r\n        border-left: 2px solid var(--crimson);\r\n        padding-left: 15px;\r\n    }\r\n\r\n    \/* --- Compact Features Grid --- *\/\r\n    .world-features {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 12px;\r\n        width: 100%;\r\n    }\r\n\r\n    .feature-item {\r\n        background: var(--glass);\r\n        padding: 15px;\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        backdrop-filter: blur(8px);\r\n        transition: var(--transition);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .feature-item:hover {\r\n        border-color: var(--accent);\r\n        background: rgba(20, 20, 20, 0.9);\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    \/* --- Custom SVG Styling --- *\/\r\n    .feature-item .svg-icon {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: var(--accent-bright);\r\n        filter: drop-shadow(0 0 5px rgba(212, 175, 55, 0.5));\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .feature-item h4 {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 0.75rem;\r\n        color: #fff;\r\n        margin: 0;\r\n    }\r\n\r\n    .feature-item p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.7rem;\r\n        color: #888;\r\n        line-height: 1.3;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- Precision Visual Frame --- *\/\r\n    .world-visual {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .visual-frame {\r\n        width: 100%;\r\n        min-height: 300px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(212, 175, 55, 0.2);\r\n        clip-path: polygon(0 0, 100% 0, 100% 92%, 92% 100%, 0 100%);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .visual-frame img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    .frame-corner {\r\n        position: absolute;\r\n        bottom: 15px;\r\n        right: 15px;\r\n        z-index: 5;\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 0.5rem;\r\n        color: var(--accent-bright);\r\n        letter-spacing: 1px;\r\n        background: rgba(0,0,0,0.7);\r\n        padding: 3px 8px;\r\n        border: 1px solid var(--accent);\r\n    }\r\n\r\n    \/* Reveal Animation *\/\r\n    .reveal-world {\r\n        opacity: 0;\r\n        filter: blur(10px);\r\n        transform: translateY(20px);\r\n        transition: var(--transition) 0.8s;\r\n    }\r\n\r\n    .reveal-world.active {\r\n        opacity: 1;\r\n        filter: blur(0);\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* --- MOBILE OPTIMIZATION --- *\/\r\n    @media (max-width: 768px) {\r\n        .world-section {\r\n            padding: 50px 5%;\r\n        }\r\n        \r\n        .world-container {\r\n            grid-template-columns: 1fr;\r\n            gap: 30px;\r\n        }\r\n\r\n        .world-visual {\r\n            order: -1;\r\n        }\r\n\r\n        .visual-frame {\r\n            min-height: 250px;\r\n            aspect-ratio: 4\/3;\r\n        }\r\n\r\n        .world-features {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"world\" class=\"world-section\">\r\n    <div class=\"world-container\">\r\n        \r\n        <div class=\"world-text reveal-world\">\r\n            <div class=\"world-badge\">Mercenary Archives<\/div>\r\n            <h2 class=\"world-title\">\r\n                <span>The Continent of<\/span>\r\n                PYWEL RISING\r\n            <\/h2>\r\n            \r\n            <p class=\"world-description\">\r\n                In a land forged by the Greymane legacy, blood and gold define your survival. Every ruin tells a story; every desert hides a secret.\r\n            <\/p>\r\n\r\n            <div class=\"world-features\">\r\n                <div class=\"feature-item\">\r\n                    <svg class=\"svg-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71zM12 15.5l-4.24 1.86L12 5.34l4.24 12.02z\"\/>\r\n                        <path d=\"M12 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z\" opacity=\".5\"\/>\r\n                    <\/svg>\r\n                    <h4>Vast Realms<\/h4>\r\n                    <p>From Kweid deserts to frozen Akasman peaks.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-item\">\r\n                    <svg class=\"svg-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M21 11.5V3l-3.5 2L14 3v2.5L12 3 10 5.5 6 3 2.5 5 2.5 11.5l1.5 1V21h16V12.5l1.5-1zM18 19h-2v-4h-4v4H6v-7.5l6-3 6 3V19z\"\/>\r\n                        <path d=\"M11 11h2v2h-2z\" opacity=\".5\"\/>\r\n                    <\/svg>\r\n                    <h4>Citadels<\/h4>\r\n                    <p>Thriving hubs of trade and ancient power.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-item\">\r\n                    <svg class=\"svg-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86L9 16v2l1 1v-3l-1-1v-2h6v2l1 1v2l1-1v-3l-4-4v-2l1-1h2l1 1 1.95-1.95C19.34 10.15 20 11.01 20 12c0 4.41-3.59 8-8 8z\"\/>\r\n                    <\/svg>\r\n                    <h4>Ancient Abyss<\/h4>\r\n                    <p>Uncover secrets of lost civilizations.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-item\">\r\n                    <svg class=\"svg-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4zm12 16H6v-2h12v2zm0-4H6v-2h12v2zm0-4h-5V4h5v8z\"\/>\r\n                    <\/svg>\r\n                    <h4>Epic Lore<\/h4>\r\n                    <p>Forge your path through visceral combat.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"world-visual reveal-world\">\r\n            <div class=\"visual-frame\">\r\n                <img decoding=\"async\" src=\"https:\/\/crimsondesert.fun\/wp-content\/uploads\/2026\/04\/aset-cd2.png\" alt=\"Crimson Desert World\">\r\n                <div class=\"frame-corner\">PYWEL MAP_042<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const worldObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) entry.target.classList.add('active');\r\n        });\r\n    }, { threshold: 0.1 });\r\n\r\n    document.querySelectorAll('.reveal-world').forEach(el => worldObserver.observe(el));\r\n<\/script>\t\t<\/div>\n\t\t\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-79858e1 e-flex e-con-boxed e-con e-parent\" data-id=\"79858e1\" 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<div class=\"elementor-element elementor-element-896ed1d e-con-full e-flex e-con e-child\" data-id=\"896ed1d\" data-element_type=\"container\" id=\"factions\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58cbf0c elementor-widget elementor-widget-html\" data-id=\"58cbf0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@400;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --accent: #d4af37;\r\n        --crimson: #9e1a1a;\r\n        --gold-glow: rgba(212, 175, 55, 0.3);\r\n        --transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n\r\n    .factions-container {\r\n        padding: 100px 5%;\r\n        background: transparent;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .factions-label {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .factions-label h2 {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: clamp(2rem, 6vw, 3.5rem);\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 5px;\r\n        text-shadow: 0 0 20px rgba(158, 26, 26, 0.5);\r\n    }\r\n\r\n    \/* --- Faction Grid Layout --- *\/\r\n    .factions-wrapper {\r\n        display: flex;\r\n        gap: 20px;\r\n        min-height: 500px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .faction-card {\r\n        flex: 1;\r\n        min-width: 250px;\r\n        position: relative;\r\n        background: rgba(10, 10, 10, 0.8);\r\n        border: 1px solid rgba(212, 175, 55, 0.1);\r\n        padding: 40px 30px;\r\n        overflow: hidden;\r\n        transition: var(--transition);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        cursor: pointer;\r\n        backdrop-filter: blur(10px);\r\n        clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);\r\n    }\r\n\r\n    \/* Watermark Text di Belakang *\/\r\n    .faction-card::before {\r\n        content: attr(data-bg-text);\r\n        position: absolute;\r\n        top: 20px;\r\n        left: -20px;\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 8rem;\r\n        font-weight: 900;\r\n        color: rgba(255, 255, 255, 0.03);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n        transition: var(--transition);\r\n    }\r\n\r\n    \/* Hover State - Card Expands *\/\r\n    .faction-card:hover {\r\n        flex: 1.5;\r\n        background: rgba(158, 26, 26, 0.1);\r\n        border-color: var(--accent);\r\n        box-shadow: 0 0 30px var(--gold-glow);\r\n    }\r\n\r\n    .faction-card:hover::before {\r\n        color: rgba(212, 175, 55, 0.05);\r\n        left: 10px;\r\n    }\r\n\r\n    .faction-icon {\r\n        font-size: 3rem;\r\n        color: var(--accent);\r\n        margin-bottom: auto;\r\n        z-index: 1;\r\n        transition: var(--transition);\r\n    }\r\n\r\n    .faction-card:hover .faction-icon {\r\n        transform: scale(1.2) rotate(-10deg);\r\n        color: #fff;\r\n    }\r\n\r\n    .faction-info {\r\n        z-index: 1;\r\n    }\r\n\r\n    .faction-info h3 {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 1.8rem;\r\n        color: #fff;\r\n        margin-bottom: 10px;\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n    .faction-info p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.9rem;\r\n        color: #aaa;\r\n        line-height: 1.6;\r\n        height: 0;\r\n        opacity: 0;\r\n        transition: var(--transition);\r\n        overflow: hidden;\r\n    }\r\n\r\n    .faction-card:hover .faction-info p {\r\n        height: auto;\r\n        opacity: 1;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Status HUD Bar *\/\r\n    .faction-bar {\r\n        width: 100%;\r\n        height: 4px;\r\n        background: rgba(255,255,255,0.1);\r\n        position: relative;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .faction-bar-fill {\r\n        position: absolute;\r\n        height: 100%;\r\n        background: var(--accent);\r\n        width: 0%;\r\n        transition: width 1s ease-in-out;\r\n        box-shadow: 0 0 10px var(--accent);\r\n    }\r\n\r\n    .faction-card:hover .faction-bar-fill {\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Animation Reveal *\/\r\n    .reveal-f {\r\n        opacity: 0;\r\n        filter: blur(10px);\r\n        transform: translateY(30px);\r\n        transition: all 1s ease;\r\n    }\r\n    .reveal-f.active {\r\n        opacity: 1;\r\n        filter: blur(0);\r\n        transform: translateY(0);\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .factions-wrapper { flex-direction: column; }\r\n        .faction-card { min-height: 300px; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"factions\" class=\"factions-container\">\r\n    <div class=\"factions-label reveal-f\">\r\n        <h2>Factions of Pywel<\/h2>\r\n        <p style=\"color: var(--accent); font-family: 'Montserrat'; letter-spacing: 4px; font-size: 0.7rem;\">CHOOSE YOUR LEGACY<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"factions-wrapper\">\r\n        <div class=\"faction-card reveal-f\" data-bg-text=\"GREY\">\r\n            <div class=\"faction-icon\"><i class=\"fa-solid fa-wolf-pack-white\"><\/i><\/div>\r\n            <div class=\"faction-info\">\r\n                <h3>GREYMANE<\/h3>\r\n                <p>The fallen legends. Lead Kliff and his mercenaries to reclaim the honor stolen by blood and betrayal.<\/p>\r\n                <div style=\"display: flex; justify-content: space-between; font-size: 0.7rem; font-family: 'Montserrat'; color: var(--accent);\">\r\n                    <span>INFLUENCE<\/span>\r\n                    <span>S-RANK<\/span>\r\n                <\/div>\r\n                <div class=\"faction-bar\"><div class=\"faction-bar-fill\" style=\"width: 85%;\"><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faction-card reveal-f\" data-bg-text=\"IRON\" style=\"transition-delay: 0.2s;\">\r\n            <div class=\"faction-icon\"><i class=\"fa-solid fa-crown\"><\/i><\/div>\r\n            <div class=\"faction-info\">\r\n                <h3>IRON CROWN<\/h3>\r\n                <p>The absolute authority. Protectors of the capital who value order above all, even at the cost of freedom.<\/p>\r\n                <div style=\"display: flex; justify-content: space-between; font-size: 0.7rem; font-family: 'Montserrat'; color: var(--accent);\">\r\n                    <span>INFLUENCE<\/span>\r\n                    <span>A-RANK<\/span>\r\n                <\/div>\r\n                <div class=\"faction-bar\"><div class=\"faction-bar-fill\" style=\"width: 70%;\"><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faction-card reveal-f\" data-bg-text=\"SHAD\" style=\"transition-delay: 0.4s;\">\r\n            <div class=\"faction-icon\"><i class=\"fa-solid fa-fire-sharp\"><\/i><\/div>\r\n            <div class=\"faction-info\">\r\n                <h3>KWEID RAIDERS<\/h3>\r\n                <p>The shadows of the desert. Scavengers and outlaws who have mastered survival in the most brutal terrains.<\/p>\r\n                <div style=\"display: flex; justify-content: space-between; font-size: 0.7rem; font-family: 'Montserrat'; color: var(--accent);\">\r\n                    <span>INFLUENCE<\/span>\r\n                    <span>B-RANK<\/span>\r\n                <\/div>\r\n                <div class=\"faction-bar\"><div class=\"faction-bar-fill\" style=\"width: 45%;\"><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const fObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) entry.target.classList.add('active');\r\n        });\r\n    }, { threshold: 0.1 });\r\n\r\n    document.querySelectorAll('.reveal-f').forEach(el => fObserver.observe(el));\r\n<\/script>\t\t<\/div>\n\t\t\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-0fcbcd5 e-flex e-con-boxed e-con e-parent\" data-id=\"0fcbcd5\" 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<div class=\"elementor-element elementor-element-89a539e e-con-full e-flex e-con e-child\" data-id=\"89a539e\" data-element_type=\"container\" id=\"combat\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6970d26 elementor-widget elementor-widget-html\" data-id=\"6970d26\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --accent: #d4af37;\r\n        --crimson: #9e1a1a;\r\n        --glass: rgba(10, 10, 10, 0.8);\r\n        --transition: all 0.6s cubic-bezier(0.2, 1, 0.3, 1);\r\n    }\r\n\r\n    .combat-section {\r\n        padding: 60px 5%;\r\n        background: transparent;\r\n        position: relative;\r\n        text-align: center;\r\n    }\r\n\r\n    .combat-container {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- Cinematic Video Frame (Unclipped) --- *\/\r\n    .combat-visual-main {\r\n        position: relative;\r\n        margin-bottom: 50px;\r\n        filter: drop-shadow(0 0 30px rgba(158, 26, 26, 0.3));\r\n        width: 100%;\r\n    }\r\n\r\n    .video-hud-container {\r\n        position: relative;\r\n        padding: 10px; \/* Border padding *\/\r\n        background: linear-gradient(135deg, rgba(212,175,55,0.1) 0%, transparent 100%);\r\n        \/* Clip-path disesuaikan agar tidak memotong area utama video *\/\r\n        clip-path: polygon(2% 0, 98% 0, 100% 4%, 100% 96%, 98% 100%, 2% 100%, 0 96%, 0 4%);\r\n        border: 1px solid rgba(212, 175, 55, 0.3);\r\n        display: inline-block;\r\n        width: 100%;\r\n    }\r\n\r\n    .video-inner {\r\n        position: relative;\r\n        width: 100%;\r\n        \/* Menggunakan 16\/9 agar video HD tampil sempurna tanpa terpotong *\/\r\n        aspect-ratio: 16 \/ 9; \r\n        overflow: hidden;\r\n        background: #000;\r\n        clip-path: polygon(2% 0, 98% 0, 100% 4%, 100% 96%, 98% 100%, 2% 100%, 0 96%, 0 4%);\r\n    }\r\n\r\n    .video-inner video {\r\n        width: 100%;\r\n        height: 100%;\r\n        \/* Object-fit cover memastikan area kotak terisi, \r\n           aspect-ratio 16\/9 memastikan konten video tidak terpotong *\/\r\n        object-fit: cover; \r\n        display: block;\r\n    }\r\n\r\n    \/* Efek Scanline halus *\/\r\n    .video-inner::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.05) 50%);\r\n        background-size: 100% 4px;\r\n        pointer-events: none;\r\n        z-index: 3;\r\n        opacity: 0.3;\r\n    }\r\n\r\n    \/* --- Content Section --- *\/\r\n    .combat-content-centered {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .combat-label {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.7rem;\r\n        font-weight: 800;\r\n        letter-spacing: 5px;\r\n        color: var(--accent);\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        display: inline-block;\r\n        padding: 5px 15px;\r\n        border: 1px solid rgba(212, 175, 55, 0.3);\r\n    }\r\n\r\n    .combat-title-large {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: clamp(2rem, 6vw, 3.2rem);\r\n        color: #fff;\r\n        margin-bottom: 20px;\r\n        letter-spacing: 1px;\r\n        text-shadow: 0 0 20px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .combat-description {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #bbb;\r\n        font-size: 1rem;\r\n        line-height: 1.8;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    \/* --- Ability Grid --- *\/\r\n    .ability-dashboard {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 15px;\r\n    }\r\n\r\n    .dash-item {\r\n        background: var(--glass);\r\n        border: 1px solid rgba(255,255,255,0.05);\r\n        padding: 25px 15px;\r\n        transition: var(--transition);\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\r\n    .dash-item:hover {\r\n        background: rgba(158, 26, 26, 0.1);\r\n        border-color: var(--accent);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .dash-item i {\r\n        font-size: 1.8rem;\r\n        color: var(--accent);\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .dash-item h4 {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 0.85rem;\r\n        color: #fff;\r\n        margin-bottom: 8px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .dash-item p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.7rem;\r\n        color: #888;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    \/* Reveal Animation *\/\r\n    .reveal-center {\r\n        opacity: 0;\r\n        filter: blur(20px);\r\n        transform: translateY(30px);\r\n        transition: var(--transition);\r\n    }\r\n    .reveal-center.active {\r\n        opacity: 1;\r\n        filter: blur(0);\r\n        transform: translateY(0);\r\n    }\r\n\r\n    @media (max-width: 850px) {\r\n        .ability-dashboard { grid-template-columns: 1fr; }\r\n        .combat-section { padding: 40px 5%; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"combat\" class=\"combat-section\">\r\n    <div class=\"combat-container\">\r\n        \r\n        <div class=\"combat-visual-main reveal-center\">\r\n            <div class=\"video-hud-container\">\r\n                <div class=\"video-inner\">\r\n                    <video autoplay muted loop playsinline>\r\n                        <source src=\"https:\/\/crimsondesert.fun\/wp-content\/uploads\/2026\/04\/CRIMSON-DESERT-2.mp4\" type=\"video\/mp4\">\r\n                    <\/video>\r\n                <\/div>\r\n            <\/div>\r\n            <div style=\"position: absolute; bottom: -20px; right: 2%; color: var(--accent); font-size: 0.55rem; font-family: 'Montserrat'; letter-spacing: 2px; opacity: 0.7;\">\r\n                FRAME_ANALYSIS \/\/ CD_ENGINE_V3\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"combat-content-centered reveal-center\" style=\"transition-delay: 0.2s;\">\r\n            <span class=\"combat-label\">Combat System<\/span>\r\n            <h2 class=\"combat-title-large\">UNRIVALED BRUTALITY<\/h2>\r\n            <p class=\"combat-description\">\r\n                Experience a revolutionary combat system that blends high-speed swordplay with tactical grappling. Utilize the environment and master complex combos to dominate the battlefield of Pywel.\r\n            <\/p>\r\n\r\n            <div class=\"ability-dashboard\">\r\n                <div class=\"dash-item\">\r\n                    <i class=\"fa-solid fa-burst\"><\/i>\r\n                    <h4>Impact Physics<\/h4>\r\n                    <p>Real-time physics for visceral and heavy strikes.<\/p>\r\n                <\/div>\r\n                <div class=\"dash-item\">\r\n                    <i class=\"fa-solid fa-hand-fist\"><\/i>\r\n                    <h4>Grapple Master<\/h4>\r\n                    <p>Throw and pin enemies with fluid wrestling moves.<\/p>\r\n                <\/div>\r\n                <div class=\"dash-item\">\r\n                    <i class=\"fa-solid fa-bolt-lightning\"><\/i>\r\n                    <h4>Combo Flow<\/h4>\r\n                    <p>Seamlessly transition between skills and weapons.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const centerObs = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) entry.target.classList.add('active');\r\n        });\r\n    }, { threshold: 0.1 });\r\n\r\n    document.querySelectorAll('.reveal-center').forEach(el => centerObs.observe(el));\r\n<\/script>\t\t<\/div>\n\t\t\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-cb30c7b e-flex e-con-boxed e-con e-parent\" data-id=\"cb30c7b\" 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<div class=\"elementor-element elementor-element-fb39a5d e-con-full e-flex e-con e-child\" data-id=\"fb39a5d\" data-element_type=\"container\" id=\"token\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b4fe1b elementor-widget elementor-widget-html\" data-id=\"8b4fe1b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --accent: #d4af37;\r\n        --crimson: #9e1a1a;\r\n        --glass: rgba(10, 10, 10, 0.8);\r\n        --transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);\r\n    }\r\n\r\n    .token-section {\r\n        padding: 80px 8%;\r\n        background: transparent;\r\n        position: relative;\r\n    }\r\n\r\n    .token-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- Header --- *\/\r\n    .token-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .token-header h2 {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: clamp(2rem, 5vw, 3rem);\r\n        color: #fff;\r\n        letter-spacing: 4px;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .token-header p {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: var(--accent);\r\n        font-size: 0.7rem;\r\n        letter-spacing: 5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* --- Grid Layout --- *\/\r\n    .token-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 50px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* --- Sisi Kiri: Gambar --- *\/\r\n    .token-visual {\r\n        position: relative;\r\n        overflow: hidden;\r\n        border: 1px solid rgba(212, 175, 55, 0.2);\r\n        clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.6);\r\n    }\r\n\r\n    .token-visual img {\r\n        width: 100%;\r\n        display: block;\r\n        transition: transform 1s ease;\r\n    }\r\n\r\n    .token-visual:hover img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    .token-visual::after {\r\n        content: \"ASSET_IDENTIFIED\";\r\n        position: absolute;\r\n        bottom: 20px;\r\n        left: 20px;\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 0.6rem;\r\n        color: var(--accent);\r\n        letter-spacing: 2px;\r\n        background: rgba(0,0,0,0.7);\r\n        padding: 5px 12px;\r\n    }\r\n\r\n    \/* --- Sisi Kanan: Info Cards --- *\/\r\n    .token-data-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n\r\n    .token-card {\r\n        background: var(--glass);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        padding: 20px 30px;\r\n        backdrop-filter: blur(10px);\r\n        transition: var(--transition);\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Efek Line di Hover *\/\r\n    .token-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        left: 0; top: 0;\r\n        width: 3px; height: 100%;\r\n        background: var(--crimson);\r\n        transition: var(--transition);\r\n    }\r\n\r\n    .token-card:hover {\r\n        background: rgba(158, 26, 26, 0.1);\r\n        border-color: var(--accent);\r\n        transform: translateX(10px);\r\n    }\r\n\r\n    .token-card:hover::before {\r\n        background: var(--accent);\r\n        box-shadow: 0 0 10px var(--accent);\r\n    }\r\n\r\n    .token-label {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.7rem;\r\n        font-weight: 700;\r\n        color: #888;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .token-value {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 1.1rem;\r\n        color: #fff;\r\n        text-align: right;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .gold-text {\r\n        color: var(--accent);\r\n    }\r\n\r\n    \/* Animation Reveal *\/\r\n    .reveal-token {\r\n        opacity: 0;\r\n        filter: blur(15px);\r\n        transform: translateY(30px);\r\n        transition: all 1s ease-out;\r\n    }\r\n\r\n    .reveal-token.active {\r\n        opacity: 1;\r\n        filter: blur(0);\r\n        transform: translateY(0);\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .token-grid { grid-template-columns: 1fr; }\r\n        .token-visual { order: 1; }\r\n        .token-data-wrapper { order: 2; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"token\" class=\"token-section\">\r\n    <div class=\"token-container\">\r\n        \r\n        <div class=\"token-header reveal-token\">\r\n            <h2>TOKENOMICS<\/h2>\r\n            <p>$CRIM ECONOMIC CORE<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"token-grid\">\r\n            \r\n            <div class=\"token-visual reveal-token\">\r\n                <img decoding=\"async\" src=\"https:\/\/crimsondesert.fun\/wp-content\/uploads\/2026\/04\/aset-cd4-scaled.png\" alt=\"Crimson Desert Economy\">\r\n            <\/div>\r\n\r\n            <div class=\"token-data-wrapper reveal-token\" style=\"transition-delay: 0.2s;\">\r\n                \r\n                <div class=\"token-card\">\r\n                    <span class=\"token-label\">Token Name<\/span>\r\n                    <span class=\"token-value\">Crimson Desert<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"token-card\">\r\n                    <span class=\"token-label\">Ticker Symbol<\/span>\r\n                    <span class=\"token-value gold-text\">$CRIMDESERT<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"token-card\">\r\n                    <span class=\"token-label\">Blockchain<\/span>\r\n                    <span class=\"token-value\">Solana Network<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"token-card\">\r\n                    <span class=\"token-label\">Total Supply<\/span>\r\n                    <span class=\"token-value\">1,000,000,000<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"token-card\">\r\n                    <span class=\"token-label\">Buy\/Sell Tax<\/span>\r\n                    <span class=\"token-value gold-text\">0% Tax<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"token-card\" style=\"border-bottom: 1px solid var(--accent);\">\r\n                    <span class=\"token-label\">Liquidity<\/span>\r\n                    <span class=\"token-value\">Burned \/ Locked<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const tokenObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('active');\r\n            }\r\n        });\r\n    }, { threshold: 0.15 });\r\n\r\n    document.querySelectorAll('.reveal-token').forEach(el => tokenObserver.observe(el));\r\n<\/script>\t\t<\/div>\n\t\t\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-ca4ddc9 e-flex e-con-boxed e-con e-parent\" data-id=\"ca4ddc9\" 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<div class=\"elementor-element elementor-element-130be71 e-con-full e-flex e-con e-child\" data-id=\"130be71\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10ce58b elementor-widget elementor-widget-html\" data-id=\"10ce58b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700;900&family=Montserrat:wght@400;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --accent: #d4af37;\r\n        --accent-bright: #fdfc86;\r\n        --crimson: #9e1a1a;\r\n        --glass: rgba(10, 10, 10, 0.85);\r\n        --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .join-section {\r\n        padding: 80px 5%;\r\n        background: transparent;\r\n        position: relative;\r\n        text-align: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .join-container {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n    }\r\n\r\n    \/* --- Background HUD Pules --- *\/\r\n    .join-bg-deco {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 100%;\r\n        height: 100%;\r\n        background: radial-gradient(circle, rgba(158, 26, 26, 0.1) 0%, transparent 70%);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .join-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .join-badge {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.7rem;\r\n        font-weight: 800;\r\n        letter-spacing: 5px;\r\n        color: var(--accent);\r\n        text-transform: uppercase;\r\n        margin-bottom: 20px;\r\n        display: inline-block;\r\n        border-bottom: 1px solid var(--accent);\r\n        padding-bottom: 5px;\r\n    }\r\n\r\n    .join-title {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: clamp(2.5rem, 7vw, 4rem);\r\n        color: #fff;\r\n        line-height: 1;\r\n        margin-bottom: 20px;\r\n        text-shadow: 0 0 30px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .join-title span {\r\n        display: block;\r\n        color: var(--accent);\r\n        font-size: 0.45em;\r\n        letter-spacing: 6px;\r\n        margin-top: 10px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .join-description {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #bbb;\r\n        max-width: 550px;\r\n        margin: 0 auto 50px;\r\n        font-size: 1rem;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- Modern SVG Social Grid --- *\/\r\n    .social-grid {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .social-btn {\r\n        position: relative;\r\n        width: 170px;\r\n        padding: 20px 10px;\r\n        background: var(--glass);\r\n        border: 1px solid rgba(212, 175, 55, 0.2);\r\n        text-decoration: none;\r\n        transition: var(--transition);\r\n        clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 12px;\r\n    }\r\n\r\n    .social-btn svg {\r\n        width: 32px;\r\n        height: 32px;\r\n        fill: var(--accent);\r\n        transition: 0.3s;\r\n    }\r\n\r\n    \/* Tombol Khusus BUY NOW *\/\r\n    .social-btn.buy-btn {\r\n        border-color: var(--crimson);\r\n        background: rgba(158, 26, 26, 0.1);\r\n    }\r\n\r\n    .social-btn:hover {\r\n        transform: translateY(-8px);\r\n        border-color: var(--accent-bright);\r\n        background: rgba(212, 175, 55, 0.1);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    .social-btn.buy-btn:hover {\r\n        background: var(--crimson);\r\n        border-color: #fff;\r\n    }\r\n\r\n    .social-btn:hover svg {\r\n        fill: #fff;\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .social-btn span {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 0.8rem;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    \/* --- Reveal Animation --- *\/\r\n    .reveal-join {\r\n        opacity: 0;\r\n        filter: blur(20px);\r\n        transform: translateY(30px);\r\n        transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n    }\r\n\r\n    .reveal-join.active {\r\n        opacity: 1;\r\n        filter: blur(0);\r\n        transform: translateY(0);\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .social-btn { width: 140px; }\r\n        .join-title { font-size: 2.2rem; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"join\" class=\"join-section\">\r\n    <div class=\"join-bg-deco\"><\/div>\r\n    \r\n    <div class=\"join-container\">\r\n        <div class=\"join-content reveal-join\">\r\n            <span class=\"join-badge\">Command Center<\/span>\r\n            <h2 class=\"join-title\">JOIN THE FACTION<span>SECURE YOUR LEGACY<\/span><\/h2>\r\n            \r\n            <p class=\"join-description\">\r\n                The Greymane brotherhood awaits. Follow our official channels for real-time updates from the continent of Pywel.\r\n            <\/p>\r\n\r\n            <div class=\"social-grid\">\r\n                <a href=\"#\" class=\"social-btn\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z\"\/><\/svg>\r\n                    <span>TWITTER<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"social-btn\" style=\"transition-delay: 0.1s;\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.11.02-1.93 1.23-5.46 3.62-.51.35-.98.52-1.4.51-.46-.01-1.35-.26-2.01-.48-.81-.27-1.45-.42-1.39-.89.03-.24.37-.49 1.02-.73 4-1.74 6.67-2.88 8.01-3.43 3.81-1.56 4.6-1.83 5.12-1.84.11 0 .37.03.54.17.14.12.18.28.2.45-.02.07-.02.13-.03.19z\"\/><\/svg>\r\n                    <span>TELEGRAM<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"social-btn buy-btn\" style=\"transition-delay: 0.2s;\">\r\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/><\/svg>\r\n                    <span>BUY NOW<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const joinObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('active');\r\n            }\r\n        });\r\n    }, { threshold: 0.15 });\r\n\r\n    document.querySelectorAll('.reveal-join').forEach(el => joinObserver.observe(el));\r\n<\/script>\t\t<\/div>\n\t\t\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-74dff20 e-flex e-con-boxed e-con e-parent\" data-id=\"74dff20\" 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<div class=\"elementor-element elementor-element-4a27f17 e-con-full e-flex e-con e-child\" data-id=\"4a27f17\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b000f88 elementor-widget elementor-widget-html\" data-id=\"b000f88\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@700&family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --accent: #d4af37;\r\n        --crimson: #9e1a1a;\r\n        --text-muted: #666666;\r\n    }\r\n\r\n    .footer-section {\r\n        padding: 60px 5% 40px;\r\n        background: transparent;\r\n        position: relative;\r\n        text-align: center;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Garis Pemisah Dashboard *\/\r\n    .footer-divider {\r\n        max-width: 1200px;\r\n        margin: 0 auto 40px;\r\n        height: 1px;\r\n        background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\r\n        position: relative;\r\n    }\r\n\r\n    .footer-divider::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -4px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 8px;\r\n        height: 8px;\r\n        background: var(--accent);\r\n        rotate: 45deg;\r\n        box-shadow: 0 0 10px var(--accent);\r\n    }\r\n\r\n    .footer-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n    }\r\n\r\n    \/* Logo Footer *\/\r\n    .footer-brand {\r\n        font-family: 'Cinzel', serif;\r\n        font-size: 1.2rem;\r\n        letter-spacing: 4px;\r\n        color: #fff;\r\n        text-decoration: none;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .footer-brand span {\r\n        color: var(--accent);\r\n    }\r\n\r\n    .footer-brand:hover {\r\n        text-shadow: 0 0 15px var(--accent);\r\n    }\r\n\r\n    \/* Links & Info *\/\r\n    .footer-legal {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.75rem;\r\n        color: var(--text-muted);\r\n        letter-spacing: 1px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .footer-copyright {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        color: #888;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    \/* Back to Top Button *\/\r\n    .back-to-top {\r\n        margin-bottom: 20px;\r\n        background: transparent;\r\n        border: 1px solid rgba(212, 175, 55, 0.3);\r\n        color: var(--accent);\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .back-to-top:hover {\r\n        background: var(--accent);\r\n        color: #000;\r\n        box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    .back-to-top svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .footer-legal { padding: 0 10px; }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"footer-section\">\r\n    <div class=\"footer-divider\"><\/div>\r\n    \r\n    <div class=\"footer-container\">\r\n        <a href=\"#\" class=\"back-to-top\" title=\"Return to Peak\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"\/>\r\n            <\/svg>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"footer-brand\">CRIMSON <span>DESERT<\/span><\/a>\r\n\r\n        <div class=\"footer-legal\">\r\n            Crimson Desert is a registered trademark of Pearl Abyss. This project is a community-driven tribute.<br>\r\n            All characters, world assets, and lore are property of their respective owners.\r\n        <\/div>\r\n\r\n        <div class=\"footer-copyright\">\r\n            &copy; 2026 THE GREYMANE LEGACY. ALL RIGHTS RESERVED.\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\t\t<\/div>\n\t\t\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CRIMSON DESERT The World Factions Combat $CRIMDESERT ENTER REALM CA : NULL A New EraOf Pywel The Greymane mercenaries are rising. Join the most ambitious open-world journey and forge your own legacy in blood and gold. GET $CRIMDESERT LIVE CHART CONTRACT COPIED TO CLIPBOARD Mercenary Archives The Continent of PYWEL RISING In a land forged [&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:\/\/crimsondesert.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crimsondesert.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crimsondesert.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crimsondesert.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crimsondesert.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":73,"href":"https:\/\/crimsondesert.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/crimsondesert.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/crimsondesert.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}