{"id":8,"date":"2026-03-22T17:32:19","date_gmt":"2026-03-22T17:32:19","guid":{"rendered":"https:\/\/ghiblionsol.fun\/?page_id=8"},"modified":"2026-03-25T01:32:00","modified_gmt":"2026-03-25T01:32:00","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/ghiblionsol.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n Ghibli - Where Magic is Real<\/title>\r\n <meta name=\"description\" content=\"Step beyond the familiar into the world of Ghibli on Solana. A community built on harmony, friendship, and unyielding spirit.\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ===== GHIBLI LANDING PAGE - style.css ===== *\/\r\n\r\n :root {\r\n --bg: #000000;\r\n --bg-alt: #09090b);\r\n --fg: hsl(40 20% 92%);\r\n --fg-muted: hsl(40 10% 55%);\r\n --primary: hsl(152 60% 54%);\r\n --primary-dark: hsl(152 50% 40%);\r\n --accent: hsl(42 80% 65%);\r\n --border: hsl(240 8% 18%);\r\n --glass-bg: hsla(240, 8%, 10%, 0.5);\r\n --glass-border: hsla(240, 8%, 30%, 0.3);\r\n --glass-card-bg: hsla(240, 8%, 8%, 0.6);\r\n --glass-card-border: hsla(240, 8%, 24%, 0.25);\r\n --radius: 0.75rem;\r\n --font-heading: 'Playfair Display', serif;\r\n --font-body: 'Poppins', sans-serif;\r\n }\r\n\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n background: #000000;\r\n color: var(--fg);\r\n font-family: var(--font-body);\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }\r\n\r\n a { text-decoration: none; color: inherit; }\r\n img { max-width: 100%; display: block; }\r\n\r\n \/* ===== UTILITIES ===== *\/\r\n .center { text-align: center; }\r\n .text-primary { color: var(--primary); }\r\n\r\n .glass {\r\n background: var(--glass-bg);\r\n border: 1px solid var(--glass-border);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n }\r\n\r\n .glass-card {\r\n background: var(--glass-card-bg);\r\n border: 1px solid var(--glass-card-border);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n }\r\n\r\n \/* ===== BUTTONS ===== *\/\r\n .btn-ghibli {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--glass-bg);\r\n border: 1px solid var(--glass-border);\r\n backdrop-filter: blur(16px);\r\n color: var(--fg);\r\n padding: 10px 20px;\r\n border-radius: 9999px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n font-family: var(--font-body);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n .btn-ghibli:hover {\r\n background: hsla(152, 60%, 54%, 0.15);\r\n border-color: hsla(152, 60%, 54%, 0.4);\r\n box-shadow: 0 0 20px hsla(152, 60%, 54%, 0.15);\r\n }\r\n\r\n .btn-ghibli-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n color: hsl(240 10% 4%);\r\n padding: 12px 24px;\r\n border-radius: 9999px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n font-family: var(--font-body);\r\n border: 1px solid hsla(152, 60%, 54%, 0.5);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n .btn-ghibli-primary:hover {\r\n box-shadow: 0 0 30px hsla(152, 60%, 54%, 0.3);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .btn-sm { padding: 6px 16px; font-size: 12px; }\r\n\r\n \/* ===== GLOW ORBS ===== *\/\r\n .glow-orb {\r\n position: absolute;\r\n width: 500px;\r\n height: 500px;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n .glow-primary { background: var(--primary); opacity: 0.05; filter: blur(140px); }\r\n .glow-accent { background: var(--accent); opacity: 0.04; filter: blur(120px); }\r\n\r\n \/* ===== FIREFLIES ===== *\/\r\n @keyframes firefly-float {\r\n 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0; }\r\n 10% { opacity: 1; }\r\n 50% { transform: translate(var(--tx), var(--ty)) scale(1.2); opacity: 0.7; }\r\n 90% { opacity: 0.3; }\r\n }\r\n .firefly {\r\n position: fixed;\r\n border-radius: 50%;\r\n background: var(--accent);\r\n box-shadow: 0 0 6px 2px hsla(42, 80%, 65%, 0.5), 0 0 12px 4px hsla(42, 80%, 65%, 0.2);\r\n pointer-events: none;\r\n z-index: 1;\r\n animation: firefly-float var(--duration) var(--delay) infinite ease-in-out;\r\n }\r\n\r\n \/* ===== REVEAL ANIMATION ===== *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);\r\n }\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* ===== FLOAT ANIMATION ===== *\/\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n .float-anim { animation: float 6s ease-in-out infinite; }\r\n\r\n \/* ===== NAVBAR ===== *\/\r\n .navbar {\r\n position: fixed;\r\n top: 16px;\r\n left: 0;\r\n right: 0;\r\n z-index: 50;\r\n display: flex;\r\n justify-content: center;\r\n animation: navSlide 0.8s ease-out;\r\n }\r\n @keyframes navSlide {\r\n from { transform: translateY(-40px); opacity: 0; }\r\n to { transform: translateY(0); opacity: 1; }\r\n }\r\n .navbar-inner {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n padding: 8px 20px;\r\n border-radius: 9999px;\r\n }\r\n .logo {\r\n font-family: var(--font-heading);\r\n font-style: italic;\r\n font-size: 1.25rem;\r\n font-weight: 600;\r\n color: var(--fg);\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n \/* ===== HERO ===== *\/\r\n .hero {\r\n position: relative;\r\n height: 100vh;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n }\r\n .hero-video-wrap {\r\n position: absolute;\r\n inset: 0;\r\n transition: transform 0.1s linear;\r\n }\r\n .hero-video-wrap video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n .hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, hsla(0, 0%, 0%,0.3) 0%, hsla(0, 0%, 0%,0.6) 50%, hsl(0, 0%, 0%) 100%);\r\n }\r\n .hero-content {\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n padding: 0 24px;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n .hero-heading {\r\n font-size: clamp(2.2rem, 6vw, 4.5rem);\r\n font-weight: 700;\r\n line-height: 1.15;\r\n color: var(--fg);\r\n text-shadow: 0 0 40px hsla(152,60%,54%,0.3), 0 0 80px hsla(152,60%,54%,0.1);\r\n margin-bottom: 2rem;\r\n }\r\n .ca-box {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 12px 24px;\r\n border-radius: 9999px;\r\n }\r\n .ca-text {\r\n font-size: 13px;\r\n color: var(--fg-muted);\r\n }\r\n .ca-address {\r\n color: var(--fg);\r\n font-family: monospace;\r\n font-size: 12px;\r\n }\r\n\r\n \/* ===== SECTIONS ===== *\/\r\n .section {\r\n position: relative;\r\n padding: 7rem 1.5rem;\r\n overflow: hidden;\r\n }\r\n .section-inner {\r\n position: relative;\r\n z-index: 5;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n .heading {\r\n font-size: clamp(1.8rem, 4vw, 3.2rem);\r\n font-weight: 700;\r\n color: var(--fg);\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n .heading-lg {\r\n font-size: clamp(2.2rem, 5vw, 3.8rem);\r\n text-shadow: 0 0 30px hsla(42, 80%, 65%, 0.3);\r\n margin-bottom: 2rem;\r\n }\r\n .subtitle {\r\n color: hsla(152, 60%, 54%, 0.7);\r\n font-size: 14px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3em;\r\n font-family: var(--font-body);\r\n margin-bottom: 1rem;\r\n }\r\n .body-text {\r\n color: var(--fg-muted);\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n max-width: 640px;\r\n }\r\n .section-inner.center .body-text { margin: 0 auto; }\r\n\r\n \/* ===== ABOUT ===== *\/\r\n .about-image {\r\n margin-top: 3rem;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n .about-image img {\r\n max-width: 480px;\r\n width: 100%;\r\n border-radius: 1rem;\r\n }\r\n\r\n \/* ===== HOW TO ===== *\/\r\n .steps-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1.5rem;\r\n margin-top: 1rem;\r\n }\r\n @media (max-width: 1024px) { .steps-grid { grid-template-columns: repeat(2, 1fr); } }\r\n @media (max-width: 640px) { .steps-grid { grid-template-columns: 1fr; } }\r\n\r\n .step-card {\r\n border-radius: 1rem;\r\n padding: 1.5rem;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.5s ease, transform 0.3s ease;\r\n }\r\n .step-card:hover {\r\n border-color: hsla(152, 60%, 54%, 0.3);\r\n transform: translateY(-6px);\r\n }\r\n .step-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, transparent, transparent);\r\n transition: background 0.7s ease;\r\n }\r\n .step-card:hover::before {\r\n background: linear-gradient(to bottom, hsla(152,60%,54%,0.03), transparent);\r\n }\r\n .step-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1rem;\r\n color: var(--primary);\r\n transition: border-color 0.5s;\r\n }\r\n .step-card:hover .step-icon { border-color: hsla(152, 60%, 54%, 0.3); }\r\n .step-num {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1.25rem;\r\n font-family: var(--font-heading);\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n color: hsla(152, 60%, 54%, 0.2);\r\n transition: color 0.5s;\r\n }\r\n .step-card:hover .step-num { color: hsla(152, 60%, 54%, 0.4); }\r\n .step-card h3 {\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n color: var(--fg);\r\n margin-bottom: 0.75rem;\r\n }\r\n .step-card p {\r\n font-size: 0.875rem;\r\n color: var(--fg-muted);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== GALLERY ===== *\/\r\n .masonry {\r\n columns: 3;\r\n column-gap: 1rem;\r\n }\r\n @media (max-width: 768px) { .masonry { columns: 2; } }\r\n\r\n .masonry-item {\r\n break-inside: avoid;\r\n margin-bottom: 1rem;\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 1rem;\r\n cursor: pointer;\r\n }\r\n .masonry-item img {\r\n width: 100%;\r\n display: block;\r\n transition: transform 0.7s ease;\r\n }\r\n .masonry-item:hover img { transform: scale(1.05); }\r\n .masonry-item .overlay {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: transparent;\r\n transition: background 0.5s;\r\n }\r\n .masonry-item:hover .overlay { background: hsla(240, 10%, 4%, 0.2); }\r\n .masonry-item .overlay span {\r\n color: var(--fg);\r\n font-family: var(--font-heading);\r\n font-size: 0.875rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.2em;\r\n opacity: 0;\r\n transition: opacity 0.5s;\r\n }\r\n .masonry-item:hover .overlay span { opacity: 1; }\r\n .masonry-item .glow-line {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, hsla(152,60%,54%,0.4), transparent);\r\n opacity: 0;\r\n transition: opacity 0.5s;\r\n }\r\n .masonry-item:hover .glow-line { opacity: 1; }\r\n\r\n \/* Lightbox *\/\r\n .lightbox {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n z-index: 100;\r\n background: hsla(240, 10%, 4%, 0.9);\r\n backdrop-filter: blur(4px);\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n padding: 1.5rem;\r\n }\r\n .lightbox.active { display: flex; }\r\n .lightbox img {\r\n max-width: 100%;\r\n max-height: 85vh;\r\n border-radius: 1rem;\r\n object-fit: contain;\r\n animation: lbIn 0.3s ease;\r\n }\r\n @keyframes lbIn {\r\n from { transform: scale(0.9); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n\r\n \/* ===== CHART ===== *\/\r\n .chart-container {\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n }\r\n .chart-container iframe { display: block; }\r\n\r\n \/* ===== COMMUNITY ===== *\/\r\n .community { padding-top: 8rem; padding-bottom: 2rem; }\r\n .community-fade-top {\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 160px;\r\n background: linear-gradient(to bottom, var(--bg), transparent);\r\n z-index: 2;\r\n }\r\n .community-bg {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n }\r\n .community-bg-img {\r\n width: 100%;\r\n height: 100%;\r\n background: url('http:\/\/ghiblionsol.fun\/wp-content\/uploads\/2026\/03\/Asset-18.png') center\/cover no-repeat;\r\n opacity: 0.12;\r\n transform: scale(1.1);\r\n }\r\n .community-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, var(--bg), hsla(240,10%,4%,0.6), var(--bg));\r\n z-index: 1;\r\n }\r\n .community-overlay-bottom {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to top, var(--bg), transparent);\r\n z-index: 1;\r\n }\r\n .community-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 1rem;\r\n }\r\n\r\n \/* ===== FOOTER ===== *\/\r\n .footer {\r\n margin-top: 7rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid hsla(240, 8%, 18%, 0.3);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.75rem;\r\n }\r\n .footer-copy {\r\n font-size: 0.75rem;\r\n color: var(--fg-muted);\r\n font-family: var(--font-body);\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 640px) {\r\n .section { padding: 4rem 1rem; }\r\n .ca-box { flex-direction: column; gap: 8px; }\r\n .community-buttons { flex-direction: column; align-items: center; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"fireflies\"><\/div>\r\n\r\n <nav class=\"navbar\" id=\"navbar\">\r\n <div class=\"navbar-inner glass\">\r\n <a href=\"https:\/\/x.com\/ghibli_fam\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-ghibli btn-sm\">X (Twitter)<\/a>\r\n <a href=\"Ghibli@mail.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-ghibli btn-sm\">Email<\/a>\r\n <span class=\"logo\">Ghibli<\/span>\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=ENRUcEgbR2DNQa4NjWCcV1RoAq71Cj1cAgT6G7UVpump\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-ghibli-primary btn-sm\">Swap Now<\/a>\r\n <\/div>\r\n <\/nav>\r\n\r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero-video-wrap\" id=\"heroVideoWrap\">\r\n <video autoplay loop muted playsinline>\r\n <source src=\"http:\/\/ghiblionsol.fun\/wp-content\/uploads\/2026\/03\/GHIBLI-BG-HERO.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-content\" id=\"heroContent\">\r\n <h1 class=\"hero-heading reveal\">Step Beyond the Familiar,<br><em>Where Magic is Real.<\/em><\/h1>\r\n <div class=\"ca-box glass reveal\">\r\n <span class=\"ca-text\">CA: <span class=\"ca-address\" id=\"caShort\"><\/span><\/span>\r\n <button class=\"btn-ghibli-primary btn-sm\" id=\"copyBtn\" onclick=\"copyCA()\">Copy CA<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section about\" id=\"about\">\r\n <div class=\"glow-orb glow-primary\"><\/div>\r\n <div class=\"section-inner center\">\r\n <h2 class=\"heading reveal\">Where Dreams Take Flight, <em class=\"text-primary\">Hand-Drawn with Heart.<\/em><\/h2>\r\n <p class=\"body-text reveal\">The World of Ghibli is a sanctuary for the imagination. For decades, these stories touched millions, offering tales of courage and the quiet magic found in everyday life. Now, we bring this timeless wonder into the new digital frontier on Solana. Join a community built on harmony, friendship, and unyielding spirit.<\/p>\r\n <div class=\"about-image reveal\">\r\n <img decoding=\"async\" src=\"http:\/\/ghiblionsol.fun\/wp-content\/uploads\/2026\/03\/Asset-5.png\" alt=\"Ghibli character artwork\" loading=\"lazy\" class=\"float-anim\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section howto\" id=\"howto\">\r\n <div class=\"glow-orb glow-accent\" style=\"top:-80px;right:0;\"><\/div>\r\n <div class=\"section-inner\">\r\n <h2 class=\"heading center reveal\">How to Enter <em class=\"text-primary\">the Valley<\/em><\/h2>\r\n <div class=\"steps-grid\">\r\n <div class=\"step-card glass-card reveal\">\r\n <div class=\"step-icon glass\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12m18 0v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 9m18 0V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v3\"\/><\/svg>\r\n <\/div>\r\n <span class=\"step-num\">01<\/span>\r\n <h3>Create a Wallet<\/h3>\r\n <p>Download Phantom or your wallet of choice from the app store or google play store for free.<\/p>\r\n <\/div>\r\n <div class=\"step-card glass-card reveal\">\r\n <div class=\"step-icon glass\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"step-num\">02<\/span>\r\n <h3>Get Some SOL<\/h3>\r\n <p>Have SOL in your wallet to switch to $GHIBLI.<\/p>\r\n <\/div>\r\n <div class=\"step-card glass-card reveal\">\r\n <div class=\"step-icon glass\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244\"\/><\/svg>\r\n <\/div>\r\n <span class=\"step-num\">03<\/span>\r\n <h3>Go to Raydium\/Jupiter<\/h3>\r\n <p>Connect your wallet. Paste the $GHIBLI token address, select $GHIBLI, and confirm.<\/p>\r\n <\/div>\r\n <div class=\"step-card glass-card reveal\">\r\n <div class=\"step-icon glass\">\r\n <svg width=\"20\" height=\"20\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5\"\/><\/svg>\r\n <\/div>\r\n <span class=\"step-num\">04<\/span>\r\n <h3>Swap for $GHIBLI<\/h3>\r\n <p>Switch SOL for $GHIBLI. We have zero taxes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section gallery\" id=\"gallery\">\r\n <div class=\"glow-orb glow-primary\" style=\"top:33%;left:25%;\"><\/div>\r\n <div class=\"glow-orb glow-accent\" style=\"bottom:25%;right:25%;width:400px;height:400px;\"><\/div>\r\n <div class=\"section-inner\">\r\n <h2 class=\"heading center reveal\">Visions from the <em class=\"text-primary\">Spirit Realm<\/em><\/h2>\r\n <p class=\"body-text center reveal\" style=\"max-width:500px;margin:0 auto 3rem;\">A curated collection of enchanted moments, each frame a portal to another world.<\/p>\r\n <div class=\"masonry\" id=\"masonry\"><\/div>\r\n <\/div>\r\n <div class=\"lightbox\" id=\"lightbox\" onclick=\"closeLightbox()\">\r\n <img decoding=\"async\" id=\"lightboxImg\" src=\"\" alt=\"Ghibli artwork enlarged\">\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section chart\" id=\"chart\">\r\n <div class=\"glow-orb glow-primary\" style=\"top:50%;right:0;\"><\/div>\r\n <div class=\"section-inner\">\r\n <h2 class=\"heading center reveal\">Constellation <em class=\"text-primary\">Chart<\/em><\/h2>\r\n <div class=\"chart-container glass-card reveal\">\r\n <iframe src=\"https:\/\/dexscreener.com\/solana\/ENRUcEgbR2DNQa4NjWCcV1RoAq71Cj1cAgT6G7UVpump\" width=\"100%\" height=\"650\" frameborder=\"0\" title=\"Dexscreener Chart\"><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section community\" id=\"community\">\r\n <div class=\"community-fade-top\"><\/div>\r\n <div class=\"community-bg\" id=\"communityBg\">\r\n <div class=\"community-bg-img\"><\/div>\r\n <\/div>\r\n <div class=\"community-overlay\"><\/div>\r\n <div class=\"community-overlay-bottom\"><\/div>\r\n <div class=\"glow-orb glow-primary\" style=\"top:33%;left:50%;transform:translateX(-50%);width:700px;height:700px;\"><\/div>\r\n <div class=\"glow-orb glow-accent\" style=\"bottom:25%;right:25%;width:300px;height:300px;\"><\/div>\r\n\r\n <div class=\"section-inner center\" style=\"position:relative;z-index:10;\">\r\n <p class=\"subtitle reveal\">Join the Community<\/p>\r\n <h2 class=\"heading heading-lg reveal\">Follow the <em>Wind<\/em><\/h2>\r\n <p class=\"body-text reveal\" style=\"max-width:640px;margin:0 auto 3.5rem;\">Ready to embark on a journey beyond the clouds? The door is open, and the magic is waiting. Join our growing community of dreamers, creators, and believers. Let's cultivate a space rooted in kindness and endless possibilities. Grab your glider, follow the wind, and let's shape the future together.<\/p>\r\n <div class=\"community-buttons reveal\">\r\n <a href=\"https:\/\/x.com\/ghibli_fam\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-ghibli\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><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.084 4.126H5.117z\"\/><\/svg>\r\n Join X (Twitter)\r\n <\/a>\r\n <a href=\"https:\/\/dexscreener.com\/solana\/ENRUcEgbR2DNQa4NjWCcV1RoAq71Cj1cAgT6G7UVpump\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-ghibli\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z\"\/><\/svg>\r\n View Live Chart\r\n \r\n <\/a>\r\n <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=ENRUcEgbR2DNQa4NjWCcV1RoAq71Cj1cAgT6G7UVpump\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-ghibli-primary\">\r\n <svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5\"\/><\/svg>\r\n Swap Now\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer\" style=\"position:relative;z-index:10;\">\r\n <span class=\"logo\" style=\"opacity:0.6;\">Ghibli<\/span>\r\n <p class=\"footer-copy\">\u00a9 2026 Ghibli. All Rights Reserved.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/* ===== GHIBLI LANDING PAGE - script.js ===== *\/\r\n\r\n const CA = \"ENRUcEgbR2DNQa4NjWCcV1RoAq71Cj1cAgT6G7UVpump\";\r\n\r\n \/* === CA Short Display === *\/\r\n document.getElementById(\"caShort\").textContent = CA.slice(0, 16) + \"...\" + CA.slice(-4);\r\n\r\n \/* === Copy CA === *\/\r\n function copyCA() {\r\n navigator.clipboard.writeText(CA);\r\n const btn = document.getElementById(\"copyBtn\");\r\n btn.textContent = \"Copied!\";\r\n setTimeout(() => { btn.textContent = \"Copy CA\"; }, 2000);\r\n }\r\n\r\n \/* === Fireflies === *\/\r\n (function createFireflies() {\r\n const container = document.getElementById(\"fireflies\");\r\n for (let i = 0; i < 25; i++) {\r\n const el = document.createElement(\"div\");\r\n el.className = \"firefly\";\r\n const size = 2 + Math.random() * 2;\r\n el.style.cssText = `\r\n left:${Math.random()*100}%;\r\n top:${Math.random()*100}%;\r\n width:${size}px;\r\n height:${size}px;\r\n --duration:${8+Math.random()*12}s;\r\n --delay:${Math.random()*8}s;\r\n --tx:${(Math.random()-0.5)*200}px;\r\n --ty:${(Math.random()-0.5)*200}px;\r\n `;\r\n container.appendChild(el);\r\n }\r\n })();\r\n\r\n \/* === Gallery Masonry === *\/\r\n (function createGallery() {\r\n const masonry = document.getElementById(\"masonry\");\r\n const images = [];\r\n for (let i = 6; i <= 17; i++) {\r\n images.push(\"http:\/\/ghiblionsol.fun\/wp-content\/uploads\/2026\/03\/Asset-\" + i + \".png\");\r\n }\r\n images.forEach((src, idx) => {\r\n const item = document.createElement(\"div\");\r\n item.className = \"masonry-item reveal\";\r\n item.style.transitionDelay = (idx % 4) * 0.08 + \"s\";\r\n item.innerHTML = `\r\n <img decoding=\"async\" src=\"${src}\" alt=\"Ghibli artwork ${idx+1}\" loading=\"lazy\">\r\n <div class=\"overlay\"><span>View<\/span><\/div>\r\n <div class=\"glow-line\"><\/div>\r\n `;\r\n item.addEventListener(\"click\", () => openLightbox(src));\r\n masonry.appendChild(item);\r\n });\r\n })();\r\n\r\n \/* === Lightbox === *\/\r\n function openLightbox(src) {\r\n const lb = document.getElementById(\"lightbox\");\r\n document.getElementById(\"lightboxImg\").src = src;\r\n lb.classList.add(\"active\");\r\n }\r\n function closeLightbox() {\r\n document.getElementById(\"lightbox\").classList.remove(\"active\");\r\n }\r\n\r\n \/* === Scroll Reveal === *\/\r\n (function initReveal() {\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"visible\");\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: \"-60px\" });\r\n\r\n document.querySelectorAll(\".reveal\").forEach(el => observer.observe(el));\r\n })();\r\n\r\n \/* === Hero Parallax === *\/\r\n (function heroParallax() {\r\n const heroContent = document.getElementById(\"heroContent\");\r\n const heroVideo = document.getElementById(\"heroVideoWrap\");\r\n const hero = document.getElementById(\"hero\");\r\n\r\n window.addEventListener(\"scroll\", () => {\r\n const rect = hero.getBoundingClientRect();\r\n const progress = Math.min(Math.max(-rect.top \/ hero.offsetHeight, 0), 1);\r\n\r\n const ty = progress * 120;\r\n const opacity = Math.max(1 - progress \/ 0.6, 0);\r\n const scale = 1 - progress * 0.08;\r\n heroContent.style.transform = `translateY(${ty}px) scale(${scale})`;\r\n heroContent.style.opacity = opacity;\r\n\r\n const vScale = 1 + progress * 0.15;\r\n heroVideo.style.transform = `scale(${vScale})`;\r\n }, { passive: true });\r\n })();\r\n\r\n \/* === Community BG Parallax === *\/\r\n (function communityParallax() {\r\n const section = document.getElementById(\"community\");\r\n const bg = document.getElementById(\"communityBg\");\r\n if (!section || !bg) return;\r\n\r\n window.addEventListener(\"scroll\", () => {\r\n const rect = section.getBoundingClientRect();\r\n const vh = window.innerHeight;\r\n if (rect.bottom < 0 || rect.top > vh) return;\r\n const progress = (vh - rect.top) \/ (vh + section.offsetHeight);\r\n const ty = (progress - 0.5) * 150;\r\n bg.style.transform = `translateY(${ty}px)`;\r\n }, { passive: true });\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ghibli – Where Magic is Real X (Twitter) Email Ghibli Swap Now Step Beyond the Familiar,Where Magic is Real. CA: Copy CA Where Dreams Take Flight, Hand-Drawn with Heart. The World of Ghibli is a sanctuary for the imagination. For decades, these stories touched millions, offering tales of courage and the quiet magic found in […]<\/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:\/\/ghiblionsol.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghiblionsol.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ghiblionsol.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ghiblionsol.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghiblionsol.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":43,"href":"https:\/\/ghiblionsol.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/ghiblionsol.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/ghiblionsol.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}