{"id":8,"date":"2026-06-02T18:55:08","date_gmt":"2026-06-02T18:55:08","guid":{"rendered":"https:\/\/skinnybear.fun\/?page_id=8"},"modified":"2026-06-02T19:38:08","modified_gmt":"2026-06-02T19:38:08","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/skinnybear.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-3408912 e-con-full e-flex e-con e-parent\" data-id=\"3408912\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bba6719 elementor-widget elementor-widget-html\" data-id=\"bba6719\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- IMPORT PREMIUM GOOGLE FONTS -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@500;700&family=Outfit:wght@300;400;600;700&family=Playfair+Display:ital,wght@0,600;0,800;1,600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"skinny-project-wrapper\">\r\n  \r\n  <!-- ==================== HERO SECTION ==================== -->\r\n  <section class=\"sb-section sb-hero\">\r\n    <video autoplay loop muted playsinline class=\"sb-hero-video\">\r\n      <source src=\"https:\/\/skinnybear.fun\/wp-content\/uploads\/2026\/06\/SKN-HEAD1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"sb-overlay\"><\/div>\r\n    \r\n    <div class=\"sb-container sb-hero-content\">\r\n      <h1 class=\"sb-title\">SKINNY<br>BEAR<\/h1>\r\n      <p class=\"sb-tagline\">\"Skinny in a world full of fat cats. Still standing. Still dreaming. Still stacking.\"<\/p>\r\n      \r\n      <div class=\"sb-btn-group\">\r\n        <a href=\"#\" target=\"_blank\" class=\"sb-btn sb-btn-solid\">BUY NOW<\/a>\r\n        <a href=\"#\" target=\"_blank\" class=\"sb-btn sb-btn-outline\">X (Twitter)<\/a>\r\n        <a href=\"#\" target=\"_blank\" class=\"sb-btn sb-btn-outline\">Telegram<\/a>\r\n      <\/div>\r\n      \r\n      <div class=\"sb-ca-wrapper\">\r\n        <button class=\"sb-ca-btn\" onclick=\"copyContractAddress()\">\r\n          <span class=\"sb-ca-label\">CA<\/span>\r\n          <span id=\"ca-text\">Sk1nnyBearxxxxxxxxxxxxxxxxxxxxxxxxxxxxpump<\/span>\r\n          <span class=\"sb-copy-icon\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n        <span id=\"copy-toast\" class=\"sb-toast\">Copied to backpack!<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== ABOUT SECTION ==================== -->\r\n  <section class=\"sb-section sb-about\">\r\n    <div class=\"sb-about-bg\"><\/div>\r\n    <div class=\"sb-container sb-about-layout\">\r\n      \r\n      <!-- Kiri: Gambar -->\r\n      <div class=\"sb-about-left\">\r\n        <img decoding=\"async\" src=\"https:\/\/skinnybear.fun\/wp-content\/uploads\/2026\/06\/Asset-6.png\" alt=\"Skinny Bear Alone\" class=\"sb-organic-img\">\r\n      <\/div>\r\n      \r\n      <!-- Kanan: Card Premium -->\r\n      <div class=\"sb-about-right\">\r\n        <div class=\"sb-glass-card\">\r\n          <h2 class=\"sb-sec-title\">THE QUIET COMEBACK STORY<\/h2>\r\n          <div class=\"sb-divider\"><\/div>\r\n          <p class=\"sb-short-text\">\r\n            High above the noisy city, on the tallest rooftop, a tall skinny bear named Skinny stands alone every sunset.\r\n          <\/p>\r\n          <p class=\"sb-short-text\">\r\n            While fat cats party in luxury penthouses below, Skinny only has his old backpack, worn-out shoes, and an undying dream. He\u2019s not the strongest. He\u2019s not the richest. He even gets mocked for being \"skinny.\"\r\n          <\/p>\r\n          <button class=\"sb-text-btn\" onclick=\"openLetterModal()\">Read His Story <span>\u2192<\/span><\/button>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== HOW TO BUY SECTION ==================== -->\r\n  <section class=\"sb-section sb-how\">\r\n    <div class=\"sb-container sb-how-layout\">\r\n      \r\n      <!-- Kiri: Konten Langkah -->\r\n      <div class=\"sb-how-left\">\r\n        <h2 class=\"sb-sec-title values-light\">PACK YOUR BACKPACK<\/h2>\r\n        <div class=\"sb-divider\"><\/div>\r\n        <p class=\"sb-subtitle\">How to join the quiet journey to the moon:<\/p>\r\n        \r\n        <div class=\"sb-steps\">\r\n          <div class=\"sb-step-item\">\r\n            <div class=\"sb-step-num\">01<\/div>\r\n            <div class=\"sb-step-content\">\r\n              <h3>Get Your Backpack Ready<\/h3>\r\n              <p>Download a Solana-compatible wallet like Phantom or Solflare on your browser or mobile phone.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"sb-step-item\">\r\n            <div class=\"sb-step-num\">02<\/div>\r\n            <div class=\"sb-step-content\">\r\n              <h3>Fill It With Hope<\/h3>\r\n              <p>Buy Solana (SOL) from your preferred exchange and send it directly to your new wallet address.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"sb-step-item\">\r\n            <div class=\"sb-step-num\">03<\/div>\r\n            <div class=\"sb-step-content\">\r\n              <h3>Climb to the Rooftop<\/h3>\r\n              <p>Head over to Pump.fun, connect your wallet, and paste the official $SKINNY contract address.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Kanan: Gambar -->\r\n      <div class=\"sb-how-right\">\r\n        <img decoding=\"async\" src=\"https:\/\/skinnybear.fun\/wp-content\/uploads\/2026\/06\/Asset-5.png\" alt=\"Skinny Stacking\" class=\"sb-organic-img dynamic-float\">\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== JOIN COMMUNITY SECTION ==================== -->\r\n  <section class=\"sb-section sb-join\">\r\n    <div class=\"sb-container sb-join-content\">\r\n      <h2 class=\"sb-sec-title values-light\">CLIMB TO THE TOP<\/h2>\r\n      <div class=\"sb-divider\"><\/div>\r\n      <p class=\"sb-join-p\">The rooftop feels lonely when you're by yourself. Let's gather with other relentless dreamers under the same sunset sky.<\/p>\r\n      <p class=\"sb-quote\">\"Not bulky. Just relentless.\"<\/p>\r\n      \r\n      <div class=\"sb-btn-group\">\r\n        <a href=\"#\" target=\"_blank\" class=\"sb-btn sb-btn-solid\">Join Telegram<\/a>\r\n        <a href=\"#\" target=\"_blank\" class=\"sb-btn sb-btn-dark\">Follow Twitter<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ==================== POPUP MODAL (LETTER) ==================== -->\r\n  <div id=\"letter-modal\" class=\"sb-modal\">\r\n    <div class=\"sb-modal-overlay\" onclick=\"closeLetterModal()\"><\/div>\r\n    <div class=\"sb-letter-paper\">\r\n      <button class=\"sb-close-btn\" onclick=\"closeLetterModal()\">\u00d7<\/button>\r\n      <div class=\"sb-letter-header\">Sunset Skyline, Rooftop #99<\/div>\r\n      <div id=\"typing-area\" class=\"sb-letter-body\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ==================== STYLING SYSTEM (CSS) ==================== -->\r\n<style>\r\n  \/* Base Reset *\/\r\n  #skinny-project-wrapper {\r\n    font-family: 'Outfit', sans-serif;\r\n    color: #1a0f2e;\r\n    overflow-x: hidden;\r\n    position: relative;\r\n    background: transparent;\r\n  }\r\n  \r\n  #skinny-project-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .sb-section {\r\n    position: relative;\r\n    padding: 120px 20px;\r\n    min-height: auto;\r\n  }\r\n  \r\n  .sb-container {\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5;\r\n  }\r\n  \r\n  \/* Typography *\/\r\n  .sb-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 7.5rem;\r\n    font-weight: 800;\r\n    color: #fff;\r\n    text-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n    line-height: 0.8;\r\n    margin: 0 0 20px 0;\r\n    letter-spacing: -1px;\r\n  }\r\n  \r\n  .sb-tagline {\r\n    font-size: 1.25rem;\r\n    font-weight: 300;\r\n    color: #ffdcb5;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px;\r\n    max-width: 600px;\r\n    font-style: italic;\r\n  }\r\n  \r\n  .sb-sec-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 2.8rem;\r\n    font-weight: 800;\r\n    color: #2b1d16;\r\n    margin: 0 0 15px 0;\r\n    line-height: 1.2;\r\n  }\r\n  \r\n  .sb-sec-title.values-light {\r\n    color: #fff3e6;\r\n    text-shadow: 0 4px 15px rgba(0,0,0,0.4); \/* Menjaga agar tetap terbaca jika bg terang\/gelap *\/\r\n  }\r\n\r\n  .sb-divider {\r\n    width: 60px;\r\n    height: 3px;\r\n    background: #e86b35;\r\n    margin-bottom: 25px;\r\n    border-radius: 2px;\r\n  }\r\n  \r\n  \/* Hero Specifics *\/\r\n  .sb-hero {\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    padding: 100px 20px;\r\n  }\r\n  \r\n  .sb-hero-video {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    z-index: 1;\r\n  }\r\n  \r\n  .sb-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background: linear-gradient(90deg, rgba(26,15,46,0.85) 0%, rgba(26,15,46,0.2) 100%);\r\n    z-index: 2;\r\n  }\r\n  \r\n  .sb-hero-content {\r\n    text-align: left;\r\n    width: 100%;\r\n  }\r\n  \r\n  \/* Premium Buttons Architecture *\/\r\n  .sb-btn-group {\r\n    display: flex;\r\n    gap: 15px;\r\n    margin-bottom: 40px;\r\n    flex-wrap: wrap;\r\n  }\r\n  \r\n  .sb-btn {\r\n    font-family: 'Outfit', sans-serif;\r\n    padding: 16px 32px;\r\n    border-radius: 4px;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    display: inline-block;\r\n    border: none;\r\n    cursor: pointer;\r\n  }\r\n  \r\n  .sb-btn-solid {\r\n    background: #e86b35;\r\n    color: #ffffff;\r\n    box-shadow: 0 10px 20px rgba(232, 107, 53, 0.2);\r\n  }\r\n  \r\n  .sb-btn-solid:hover {\r\n    background: #d45d2a;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 15px 25px rgba(232, 107, 53, 0.3);\r\n  }\r\n  \r\n  .sb-btn-outline {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #ffffff;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    backdrop-filter: blur(5px);\r\n  }\r\n  \r\n  .sb-btn-outline:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .sb-btn-dark {\r\n    background: #2b1d16;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .sb-btn-dark:hover {\r\n    background: #1a0f0b;\r\n    transform: translateY(-2px);\r\n  }\r\n  \r\n  \/* Premium CA Copy Button *\/\r\n  .sb-ca-wrapper {\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n  \r\n  .sb-ca-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    background: rgba(0, 0, 0, 0.5);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 4px;\r\n    padding: 10px 15px;\r\n    cursor: pointer;\r\n    backdrop-filter: blur(10px);\r\n    transition: background 0.3s;\r\n  }\r\n  \r\n  .sb-ca-btn:hover {\r\n    background: rgba(0, 0, 0, 0.7);\r\n  }\r\n  \r\n  .sb-ca-label {\r\n    background: #e86b35;\r\n    color: white;\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    padding: 4px 8px;\r\n    border-radius: 2px;\r\n    margin-right: 12px;\r\n  }\r\n  \r\n  #ca-text {\r\n    color: #e2e2e2;\r\n    font-family: monospace;\r\n    font-size: 0.9rem;\r\n    margin-right: 15px;\r\n  }\r\n  \r\n  .sb-copy-icon {\r\n    color: #a8a8a8;\r\n    display: flex;\r\n  }\r\n  \r\n  .sb-toast {\r\n    position: absolute;\r\n    bottom: -40px;\r\n    left: 0;\r\n    background: #e86b35;\r\n    color: white;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    padding: 8px 16px;\r\n    border-radius: 4px;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: all 0.3s ease;\r\n    pointer-events: none;\r\n  }\r\n  \r\n  .sb-toast.show {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* About Section Architecture *\/\r\n  .sb-about {\r\n    margin-top: -50px; \/* Margin top overlap *\/\r\n    z-index: 10;\r\n    background: transparent;\r\n  }\r\n  \r\n  .sb-about-bg {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image: url('https:\/\/skinnybear.fun\/wp-content\/uploads\/2026\/06\/Asset-8.png');\r\n    background-size: cover;\r\n    background-position: top center;\r\n    z-index: 1;\r\n  }\r\n  \r\n  .sb-about-layout {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n  }\r\n  \r\n  .sb-about-left, .sb-about-right {\r\n    width: 50%;\r\n    flex: 1;\r\n  }\r\n  \r\n  .sb-organic-img {\r\n    width: 60%;\r\n    max-width: 380px;\r\n    height: auto;\r\n    display: block;\r\n    margin: 0 auto;\r\n    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.3));\r\n  }\r\n  \r\n  \/* Premium Glassmorphism Card *\/\r\n  .sb-glass-card {\r\n    background: rgba(255, 252, 248, 0.85);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255, 255, 255, 0.6);\r\n    border-radius: 8px;\r\n    padding: 50px;\r\n    box-shadow: 0 30px 60px rgba(0,0,0,0.08);\r\n  }\r\n  \r\n  .sb-short-text {\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n    color: #4a3a31;\r\n    margin-bottom: 20px;\r\n    font-weight: 300;\r\n  }\r\n  \r\n  .sb-text-btn {\r\n    background: none;\r\n    border: none;\r\n    color: #e86b35;\r\n    font-family: 'Outfit', sans-serif;\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    padding: 0;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-top: 25px;\r\n    transition: opacity 0.3s;\r\n  }\r\n  \r\n  .sb-text-btn:hover {\r\n    opacity: 0.7;\r\n  }\r\n  \r\n  .sb-text-btn span {\r\n    transition: transform 0.3s;\r\n  }\r\n  \r\n  .sb-text-btn:hover span {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  \/* How To Buy Architecture *\/\r\n  .sb-how {\r\n    background-color: #26162E;\r\n  }\r\n  \r\n  .sb-how-layout {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n  }\r\n  \r\n  .sb-how-left, .sb-how-right {\r\n    width: 50%;\r\n    flex: 1;\r\n  }\r\n  \r\n  .sb-subtitle {\r\n    color: #a89bb8;\r\n    margin-bottom: 40px;\r\n    font-size: 1.2rem;\r\n    font-weight: 300;\r\n  }\r\n  \r\n  .sb-steps {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 35px;\r\n  }\r\n  \r\n  .sb-step-item {\r\n    display: flex;\r\n    gap: 25px;\r\n  }\r\n  \r\n  .sb-step-num {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px #e86b35;\r\n    line-height: 1;\r\n    opacity: 0.8;\r\n  }\r\n  \r\n  .sb-step-content h3 {\r\n    margin: 0 0 10px 0;\r\n    color: #ffffff;\r\n    font-size: 1.3rem;\r\n    font-weight: 600;\r\n  }\r\n  \r\n  .sb-step-content p {\r\n    margin: 0;\r\n    color: #a89bb8;\r\n    line-height: 1.6;\r\n    font-size: 1rem;\r\n    font-weight: 300;\r\n  }\r\n  \r\n  .dynamic-float {\r\n    animation: floatingObj 5s ease-in-out infinite;\r\n  }\r\n  \r\n  @keyframes floatingObj {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-15px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* Join Community Architecture - RAW BACKGROUND *\/\r\n  .sb-join {\r\n    background-image: url('https:\/\/skinnybear.fun\/wp-content\/uploads\/2026\/06\/Asset-9.png');\r\n    margin-top: -60px;\r\n    background-position: top center;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    text-align: left;\r\n    padding: 150px 20px;\r\n  }\r\n  \r\n  .sb-join-content {\r\n    max-width: 600px;\r\n    margin: 0;\r\n    z-index: 2;\r\n  }\r\n  \r\n  .sb-join-p {\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n    color: #ffffff;\r\n    font-weight: 300;\r\n    margin-bottom: 20px;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.6);\r\n  }\r\n  \r\n  .sb-quote {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 1.8rem;\r\n    font-style: italic;\r\n    font-weight: 800;\r\n    color: #e86b35;\r\n    margin: 30px 0 40px 0;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.6);\r\n  }\r\n\r\n  \/* Modal Letter System *\/\r\n  .sb-modal {\r\n    position: fixed;\r\n    top: 0; left: 0; width: 100vw; height: 100vh;\r\n    z-index: 99999;\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  .sb-modal.show {\r\n    opacity: 1;\r\n  }\r\n  \r\n  .sb-modal-overlay {\r\n    position: absolute;\r\n    width: 100%; height: 100%;\r\n    background: rgba(15, 10, 20, 0.8);\r\n    backdrop-filter: blur(8px);\r\n  }\r\n  \r\n  .sb-letter-paper {\r\n    position: relative;\r\n    background: #fffcf8;\r\n    width: 90%;\r\n    max-width: 600px;\r\n    max-height: 80vh;\r\n    overflow-y: auto;\r\n    border-radius: 4px;\r\n    padding: 60px 50px;\r\n    box-shadow: 0 40px 100px rgba(0,0,0,0.5);\r\n    z-index: 10;\r\n  }\r\n\r\n  .sb-letter-paper::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; bottom: 0; width: 6px;\r\n    background: #e86b35;\r\n  }\r\n  \r\n  .sb-close-btn {\r\n    position: absolute;\r\n    top: 20px; right: 25px;\r\n    background: none; border: none;\r\n    font-size: 2.5rem; color: #a89bb8;\r\n    cursor: pointer; line-height: 1;\r\n  }\r\n  \r\n  .sb-letter-header {\r\n    font-size: 0.8rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: #a89bb8;\r\n    border-bottom: 1px solid #eee;\r\n    padding-bottom: 15px;\r\n    margin-bottom: 30px;\r\n    text-align: right;\r\n  }\r\n  \r\n  .sb-letter-body {\r\n    font-family: 'Caveat', cursive;\r\n    font-size: 1.8rem;\r\n    line-height: 1.5;\r\n    color: #2b1d16;\r\n    white-space: pre-line;\r\n  }\r\n\r\n  \/* Responsive Adjustments *\/\r\n  @media (max-width: 992px) {\r\n    .sb-about-layout, .sb-how-layout {\r\n      flex-direction: column;\r\n      gap: 50px;\r\n    }\r\n    .sb-about-left, .sb-about-right, .sb-how-left, .sb-how-right {\r\n      width: 100%;\r\n    }\r\n    .sb-title { font-size: 3.5rem; }\r\n    .sb-glass-card { padding: 40px 30px; }\r\n  }\r\n\r\n  @media (max-width: 576px) {\r\n    .sb-title { font-size: 2.5rem; }\r\n    .sb-sec-title { font-size: 2rem; }\r\n    .sb-section { padding: 80px 20px; }\r\n    .sb-btn-group { flex-direction: column; width: 100%; }\r\n    .sb-btn { width: 100%; text-align: center; }\r\n    .sb-ca-wrapper { width: 100%; }\r\n    .sb-ca-btn { width: 100%; justify-content: space-between; }\r\n    #ca-text { max-width: 150px; overflow: hidden; text-overflow: ellipsis; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ==================== LOGIC CONTROLLER (JS) ==================== -->\r\n<script>\r\n  \/\/ Copy Contract Address Logic\r\n  function copyContractAddress() {\r\n    const caText = document.getElementById('ca-text').innerText;\r\n    navigator.clipboard.writeText(caText).then(() => {\r\n      const toast = document.getElementById('copy-toast');\r\n      toast.classList.add('show');\r\n      setTimeout(() => {\r\n        toast.classList.remove('show');\r\n      }, 2000);\r\n    }).catch(err => {\r\n      console.error('Failed to copy: ', err);\r\n    });\r\n  }\r\n\r\n  \/\/ Pure Narrative Text\r\n  const fullStoryText = `High above the noisy city, on the tallest rooftop, a tall skinny bear named Skinny stands alone every sunset.\r\n\r\nWhile fat cats party in luxury penthouses below, Skinny only has his old backpack, worn-out shoes, and an undying dream. \r\n\r\nHe\u2019s not the strongest. \r\nHe\u2019s not the richest. \r\nHe even gets mocked for being \"skinny.\"\r\n\r\nBut every single day, he climbs to the same rooftop, watches the sun disappear behind the skyline, and whispers:\r\n\"Someday\u2026 this city will be mine.\"\r\n\r\nThen one day, he discovered Solana \u2014 a world where even the skinniest bear can reach the moon if he keeps standing and keeps stacking. \r\n\r\nNow Skinny is no longer just surviving. He has become the symbol for everyone quietly grinding through the darkness of the bear market. \r\n\r\nSkinny Bear is the embodiment of every holder who has ever felt \"skinny\" in this market \u2014 bullied by bear markets, laughed at by fat cats, but still climbing to the rooftop every day to watch the sunset and believe that tomorrow will be better.\r\n\r\nWith nothing but an old backpack full of hope and eyes fixed on the horizon, Skinny invites us all to keep standing, even when the crypto world feels lonely and dark.\r\n\r\nNot bulky. Not loud. Just relentlessly stacking under the sunset.`;\r\n\r\n  let typingTimer;\r\n\r\n  function openLetterModal() {\r\n    const modal = document.getElementById('letter-modal');\r\n    const typingArea = document.getElementById('typing-area');\r\n    \r\n    modal.style.display = 'flex';\r\n    setTimeout(() => {\r\n      modal.classList.add('show');\r\n    }, 10);\r\n    \r\n    typingArea.innerHTML = '';\r\n    clearInterval(typingTimer);\r\n    \r\n    let i = 0;\r\n    typingTimer = setInterval(() => {\r\n      if (i < fullStoryText.length) {\r\n        if (fullStoryText.charAt(i) === '\\n') {\r\n          typingArea.innerHTML += '<br>';\r\n        } else {\r\n          typingArea.innerHTML += fullStoryText.charAt(i);\r\n        }\r\n        i++;\r\n        const container = document.querySelector('.sb-letter-paper');\r\n        container.scrollTop = container.scrollHeight;\r\n      } else {\r\n        clearInterval(typingTimer);\r\n      }\r\n    }, 20); \r\n  }\r\n\r\n  function closeLetterModal() {\r\n    const modal = document.getElementById('letter-modal');\r\n    modal.classList.remove('show');\r\n    setTimeout(() => {\r\n      modal.style.display = 'none';\r\n    }, 400);\r\n    clearInterval(typingTimer);\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3dc106f e-flex e-con-boxed e-con e-parent\" data-id=\"3dc106f\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bfeb01 elementor-widget elementor-widget-heading\" data-id=\"3bfeb01\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Skinny Bear &copy 2026<\/h2>\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>SKINNYBEAR &#8220;Skinny in a world full of fat cats. Still standing. Still dreaming. Still stacking.&#8221; BUY NOW X (Twitter) Telegram CA Sk1nnyBearxxxxxxxxxxxxxxxxxxxxxxxxxxxxpump Copied to backpack! THE QUIET COMEBACK STORY High above the noisy city, on the tallest rooftop, a tall skinny bear named Skinny stands alone every sunset. While fat cats party in luxury penthouses [&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:\/\/skinnybear.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skinnybear.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skinnybear.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skinnybear.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skinnybear.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/skinnybear.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/skinnybear.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/skinnybear.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}