{"id":558,"date":"2025-04-15T04:47:56","date_gmt":"2025-04-15T04:47:56","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=558"},"modified":"2026-05-19T15:18:00","modified_gmt":"2026-05-19T15:18:00","slug":"stories","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/es\/stories\/","title":{"rendered":"Historias"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"558\" class=\"elementor elementor-558\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b16b603 e-flex e-con-boxed e-con e-parent\" data-id=\"b16b603\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac72b0c elementor-widget elementor-widget-html\" data-id=\"ac72b0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- Primary Meta Tags -->\n    <title>Humans of Cannabis: Pakistan - Documentary Trailer | Two Birds One Stoned<\/title>\n    <meta name=\"title\" content=\"Humans of Cannabis: Pakistan - Documentary Trailer | Two Birds One Stoned\">\n    <meta name=\"description\" content=\"A country that grew cannabis for ten thousand years, banned it for fifty, and is now deciding what comes next. Watch the trailer for Humans of Cannabis: Pakistan.\">\n    <meta name=\"keywords\" content=\"cannabis documentary, Pakistan cannabis, Hindu Kush, cannabis stories, charas, Pakistani farmers, cannabis history, prohibition, Humans of Cannabis, James Gallagher\">\n    <meta name=\"author\" content=\"James Gallagher\">\n    <meta name=\"robots\" content=\"index, follow\">\n    <meta name=\"language\" content=\"English\">\n    \n    <!-- Canonical URL -->\n    <link rel=\"canonical\" href=\"https:\/\/twobirdsonestoned.co\/stories\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/stories\/\">\n    <meta property=\"og:title\" content=\"Humans of Cannabis: Pakistan - Documentary Trailer | Two Birds One Stoned\">\n    <meta property=\"og:description\" content=\"A country that grew cannabis for ten thousand years, banned it for fifty, and is now deciding what comes next. Watch the trailer for Humans of Cannabis: Pakistan.\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2026\/05\/HUMANS-3.png\">\n    <meta property=\"og:image:width\" content=\"1200\">\n    <meta property=\"og:image:height\" content=\"630\">\n    <meta property=\"og:site_name\" content=\"Two Birds One Stoned\">\n    <meta property=\"og:locale\" content=\"en_US\">\n    \n    <!-- Twitter -->\n    <meta name=\"twitter:card\" content=\"summary_large_image\">\n    <meta name=\"twitter:url\" content=\"https:\/\/twobirdsonestoned.co\/stories\/\">\n    <meta name=\"twitter:title\" content=\"Humans of Cannabis: Pakistan - Documentary Trailer | Two Birds One Stoned\">\n    <meta name=\"twitter:description\" content=\"A country that grew cannabis for ten thousand years, banned it for fifty, and is now deciding what comes next.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2026\/05\/HUMANS-3.png\">\n    <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags for Cannabis Content -->\n    <meta name=\"topic\" content=\"Cannabis Documentary - Pakistan\">\n    <meta name=\"subject\" content=\"Documentary trailer for Humans of Cannabis: Pakistan, exploring the country that grew cannabis for ten thousand years.\">\n    <meta name=\"classification\" content=\"Documentary, Educational\">\n    <meta name=\"category\" content=\"Documentary, Social Documentation, Human Stories\">\n    \n    <!-- Structured Data (JSON-LD) for Stories Collection -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"CollectionPage\",\n    \"name\": \"Humans of Cannabis: Pakistan - Documentary Trailer\",\n    \"description\": \"Documentary trailer and stories collection from Two Birds One Stoned. First documentary: Pakistan.\",\n    \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/stories\\\/\",\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n        },\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n        \"sameAs\": [\n            \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n            \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH?si=RCRQ1qo4SS2jwcDr5F_mPw\"\n        ],\n        \"mission\": \"To challenge cannabis stereotypes through authentic storytelling and evidence-based education\"\n    },\n    \"breadcrumb\": {\n        \"@type\": \"BreadcrumbList\",\n        \"itemListElement\": [\n            {\n                \"@type\": \"ListItem\",\n                \"position\": 1,\n                \"name\": \"Home\",\n                \"item\": \"https:\\\/\\\/twobirdsonestoned.co\"\n            },\n            {\n                \"@type\": \"ListItem\",\n                \"position\": 2,\n                \"name\": \"Stories\",\n                \"item\": \"https:\\\/\\\/twobirdsonestoned.co\\\/stories\\\/\"\n            }\n        ]\n    }\n}<\/script>\n    \n    <!-- Creative Work Schema for Pakistan Documentary -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"VideoObject\",\n    \"name\": \"Humans of Cannabis: Pakistan - Official Trailer\",\n    \"description\": \"A country that grew cannabis for ten thousand years, banned it for fifty, and is now deciding what comes next. Pakistan and cannabis.\",\n    \"thumbnailUrl\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/HUMANS-3.png\",\n    \"uploadDate\": \"2026-05-19\",\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\"\n        }\n    },\n    \"creator\": {\n        \"@type\": \"Person\",\n        \"name\": \"James Gallagher\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\\\/about\\\/\"\n    },\n    \"inLanguage\": \"en-US\"\n}<\/script>\n    \n    <!-- Favicon and Icons -->\n    <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/favicon.ico\">\n    <link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"\/apple-touch-icon.png\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"32x32\" href=\"\/favicon-32x32.png\">\n    <link rel=\"icon\" type=\"image\/png\" sizes=\"16x16\" href=\"\/favicon-16x16.png\">\n    \n    <!-- Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Additional SEO Meta Tags -->\n    <meta name=\"geo.region\" content=\"Global\">\n    <meta name=\"dcterms.subject\" content=\"Cannabis Documentary, Pakistan, Hindu Kush, Stereotype Reduction\">\n    <meta name=\"dcterms.type\" content=\"Interactive Resource\">\n    <meta name=\"dcterms.audience\" content=\"General Public, Cannabis Users, Media Professionals, Researchers\">\n    \n    <!-- Content Security and Trust Signals -->\n    <meta name=\"referrer\" content=\"origin-when-cross-origin\">\n    <meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'self'; script-src 'self' 'unsafe-inline' https:\/\/docs.google.com; style-src 'self' 'unsafe-inline' https:\/\/fonts.googleapis.com; font-src 'self' https:\/\/fonts.gstatic.com; img-src 'self' data: https:; media-src 'self' https:; frame-src https:\/\/docs.google.com https:\/\/www.youtube.com https:\/\/www.youtube-nocookie.com; connect-src 'self' https:\/\/docs.google.com;\">\n    \n    <!-- Performance and Loading -->\n    <link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/fonts.gstatic.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/docs.google.com\">\n    <link rel=\"dns-prefetch\" href=\"\/\/www.youtube.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link rel=\"preconnect\" href=\"https:\/\/www.youtube.com\" crossorigin>\n    \n    <!-- Social Media and News Validation -->\n    <meta name=\"news_keywords\" content=\"cannabis documentary, Pakistan, Hindu Kush, charas, cannabis history, prohibition\">\n    \n    <!-- Theme Color for Mobile Browsers -->\n    <meta name=\"theme-color\" content=\"#F4C542\">\n    <meta name=\"msapplication-TileColor\" content=\"#F4C542\">\n    \n    <!-- Hreflang for International Content -->\n    <link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/twobirdsonestoned.co\/stories\/\">\n    <link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/twobirdsonestoned.co\/stories\/\">\n    \n    <style>\n        \/* Reset and base styles *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%);\n            color: #fff;\n            width: 100%;\n            min-height: 100vh;\n            margin: 0;\n            padding: 0;\n            line-height: 1.6;\n        }\n\n        \/* STORIES PAGE SECTION - MATCHING ABOUT PAGE SPACING *\/\n        .stories-page {\n            background: transparent;\n            margin: 0;\n            min-height: 100vh;\n            width: 100%;\n            padding: 0;\n            position: relative;\n            padding-top: 150px;\n            padding-bottom: 4rem;\n        }\n\n        \/* Container *\/\n        .tbos-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 2rem;\n            width: 100%;\n        }\n\n        \/* Title Section - MATCHING ABOUT PAGE SPACING *\/\n        .title-container {\n            margin-bottom: 2rem;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-20px);\n            transition: all 0.8s ease;\n        }\n\n        .page-title {\n            font-size: clamp(28px, 8vw, 48px);\n            font-weight: bold;\n            margin: 0 0 25px 0;\n            text-shadow: 2px 2px 8px rgba(0,0,0,0.8);\n            line-height: 1.1;\n            text-align: center;\n            color: #F4C542;\n        }\n\n        .page-subtitle {\n            font-size: clamp(12px, 2.5vw, 18px);\n            line-height: 1.4;\n            margin-bottom: 0;\n            margin-top: clamp(20px, 5vw, 30px);\n            text-align: center;\n            color: #E3E3DC;\n            opacity: 0.9;\n        }\n\n        \/* Theme Toggle - EMOJI VERSION *\/\n        .theme-toggle {\n            text-align: center;\n            margin-top: 20px;\n        }\n\n        .theme-toggle button {\n            background: rgba(0,0,0,0.8);\n            border: 2px solid #4CAF50;\n            color: #4CAF50;\n            padding: clamp(8px, 2vw, 12px) clamp(15px, 4vw, 25px);\n            border-radius: 25px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-size: clamp(16px, 3vw, 20px);\n            font-weight: bold;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .theme-toggle button:hover {\n            background: rgba(76, 175, 80, 0.1);\n            transform: translateY(-2px);\n        }\n\n        \/* Content Cards *\/\n        .content-card {\n            background-color: #1d1d1d;\n            color: #fff;\n            padding: 2rem;\n            border-radius: 1rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            margin: 2rem auto;\n            max-width: 800px;\n            transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.6s ease;\n            overflow: hidden;\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        \/* Trailer card - wider for video *\/\n        .trailer-card {\n            max-width: 950px;\n            padding: 2.5rem;\n            overflow: visible;\n        }\n\n        \/* Cards animate in when visible *\/\n        .content-card.animate-in {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Content Card Hover *\/\n        .content-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n        }\n\n        \/* Trailer video container *\/\n        .trailer-video-container {\n            position: relative;\n            padding-bottom: 56.25%;\n            height: 0;\n            overflow: hidden;\n            width: 100%;\n            margin: 1.5rem auto 2.5rem auto;\n            border-radius: 16px;\n            box-shadow: 0 4px 16px rgba(0,0,0,0.3);\n            display: block;\n            clear: both;\n        }\n\n        .trailer-video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n            border-radius: 16px;\n        }\n\n        .trailer-logline {\n            font-size: 1.1rem;\n            line-height: 1.6;\n            color: #EDE9E3;\n            font-style: italic;\n            text-align: center;\n            margin: 1.5rem auto 2rem auto;\n            max-width: 700px;\n            display: block;\n            clear: both;\n        }\n\n        .trailer-meta {\n            font-size: 0.95rem;\n            line-height: 1.6;\n            color: #E3E3DC;\n            text-align: center;\n            margin: 2rem auto 0 auto;\n            padding-top: 1rem;\n            opacity: 0.85;\n            display: block;\n            clear: both;\n            position: relative;\n        }\n\n        \/* Content Text *\/\n        .content-text {\n            font-size: 1rem;\n            line-height: 1.6;\n            color: #E3E3DC;\n            margin-bottom: 1.5rem;\n        }\n\n        .content-text:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* Italic text styling *\/\n        .intro-text {\n            font-style: italic;\n            font-size: 1rem;\n            color: #EDE9E3;\n            margin-bottom: 1.5rem;\n            line-height: 1.6;\n        }\n\n        \/* Lists *\/\n        .content-card ul {\n            list-style-type: disc;\n            padding-left: 2rem;\n            margin: 1.5rem 0 2rem 0;\n        }\n\n        .content-card li {\n            font-size: 1rem;\n            color: #E3E3DC;\n            line-height: 1.6;\n            margin-bottom: 0.8rem;\n        }\n\n        \/* Section Headings *\/\n        .content-card h3 {\n            font-size: clamp(16px, 4vw, 28px);\n            color: #F4C542;\n            margin-bottom: 1rem;\n            line-height: 1.3;\n            text-align: center;\n        }\n\n        \/* Links *\/\n        .content-card a {\n            color: #4CAF50;\n            text-decoration: underline;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .content-card a:hover {\n            color: #45a049;\n        }\n\n        \/* Email button styling - override link styling *\/\n        .content-card .email-btn {\n            display: inline-block;\n            background: #4CAF50 !important;\n            color: #000 !important;\n            padding: 16px 32px;\n            border-radius: 25px;\n            text-decoration: none !important;\n            font-weight: bold;\n            font-size: 16px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            white-space: nowrap;\n            font-family: 'Montserrat', sans-serif;\n            min-width: 180px;\n            text-align: center;\n            line-height: 1.2;\n            margin-top: 10px;\n        }\n\n        .content-card .email-btn:hover {\n            background: #45a049 !important;\n            transform: translateY(-2px);\n            color: #000 !important;\n            text-decoration: none !important;\n        }\n\n        \/* Email invite section styling *\/\n        .email-invite {\n            margin-top: 2rem;\n            text-align: center;\n            padding: 0 1rem;\n        }\n\n        .email-text {\n            margin-bottom: 1.5rem;\n            font-style: italic;\n            font-size: 16px;\n            color: #EDE9E3;\n            line-height: 1.5;\n            max-width: 500px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* Benefits List Styling *\/\n        .benefits-list {\n            list-style: none !important;\n            padding: 0 !important;\n            margin: 1.5rem 0;\n            padding-left: 0 !important;\n        }\n\n        .benefits-list li {\n            color: #E3E3DC;\n            margin-bottom: 1rem;\n            font-size: 1rem;\n            line-height: 1.6;\n            padding-left: 0 !important;\n            list-style: none !important;\n            position: relative;\n        }\n\n        .benefits-list li:last-child {\n            margin-bottom: 0;\n        }\n\n        .benefits-list li::before {\n            content: none !important;\n        }\n\n        \/* Split Layout for Keep Learning Section *\/\n        .signup-split {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n            align-items: center;\n        }\n\n        .signup-text h3 {\n            color: #F4C542;\n            font-size: clamp(18px, 4vw, 24px);\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n            line-height: 1.3;\n            text-align: left;\n        }\n\n        .signup-text p {\n            color: #E3E3DC;\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            text-align: left;\n        }\n\n        .signup-form-container {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .signup-form-container input {\n            width: 100%;\n            padding: 1rem 1.5rem;\n            border: 1px solid rgba(156,175,136,0.3);\n            border-radius: 8px;\n            background: rgba(255,255,255,0.05);\n            color: #fff;\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            font-family: 'Montserrat', sans-serif;\n            box-sizing: border-box;\n        }\n\n        .signup-form-container input:focus {\n            outline: none;\n            border-color: #4CAF50;\n        }\n\n        .signup-form-container input::placeholder {\n            color: rgba(255,255,255,0.6);\n        }\n\n        \/* Placeholder styling for light theme *\/\n        .light-theme .signup-form-container input::placeholder {\n            color: rgba(42, 42, 42, 0.7) !important;\n        }\n\n        .signup-form-container button {\n            width: 100%;\n            padding: 1rem;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            border: none;\n            border-radius: 8px;\n            color: #fff;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .signup-form-container button:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);\n        }\n\n        .signup-form-container button:disabled {\n            opacity: 0.7;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        .form-note {\n            color: #E3E3DC;\n            font-size: 0.9rem;\n            opacity: 0.8;\n            margin: 0.5rem 0 0 0;\n            text-align: center;\n        }\n\n        \/* Content Break *\/\n        .content-break {\n            height: 3rem;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .content-break::before {\n            content: '';\n            width: 200px;\n            height: 2px;\n            background: linear-gradient(90deg, transparent, #F4C542, transparent);\n            border-radius: 1px;\n        }\n\n        \/* Section Breaks *\/\n        .section-break {\n            margin: 6rem auto;\n            position: relative;\n            height: 3px;\n            max-width: 500px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(156,175,136,0.1) 10%, \n                rgba(156,175,136,0.3) 25%, \n                rgba(156,175,136,0.6) 40%, \n                rgba(156,175,136,0.8) 50%, \n                rgba(156,175,136,0.6) 60%, \n                rgba(156,175,136,0.3) 75%, \n                rgba(156,175,136,0.1) 90%, \n                transparent 100%);\n            border-radius: 3px;\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .tbos-container {\n                padding: 0 1rem;\n            }\n\n            .content-card {\n                padding: 1.5rem;\n                margin: 2rem auto;\n            }\n\n            .trailer-card {\n                padding: 1.5rem;\n            }\n\n            .trailer-logline {\n                font-size: 1rem;\n            }\n\n            .stories-page {\n                padding-top: 150px;\n            }\n\n            .signup-split {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                text-align: center;\n            }\n\n            .signup-text h3,\n            .signup-text p {\n                text-align: center;\n            }\n\n            .signup-form-container input,\n            .signup-form-container button {\n                width: 100%;\n            }\n\n            .email-text {\n                font-size: 14px;\n                padding: 0 10px;\n                line-height: 1.6;\n            }\n            \n            .content-card .email-btn {\n                font-size: 14px;\n                padding: 14px 28px;\n                min-width: 160px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .email-text {\n                font-size: 13px;\n                margin-bottom: 2rem;\n            }\n            \n            .content-card .email-btn {\n                font-size: 13px;\n                padding: 12px 24px;\n                min-width: 140px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Audio Elements (Hidden) -->\n    <div style=\"display: none;\">\n        <audio id=\"nightTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Nighttime-Bird.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n        \n        <audio id=\"dayTimeAudio\" preload=\"auto\">\n            <source src=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/06\/Daytime-Bird-.mp3\" type=\"audio\/mpeg\">\n        <\/audio>\n    <\/div>\n\n    <section class=\"stories-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-container\">\n                <h1 class=\"page-title\">Historias<\/h1>\n                <p class=\"page-subtitle\">Las historias reales del cannabis, contadas por las voces que m\u00e1s importan<\/p>\n                \n                <!-- Theme Toggle -->\n                <div class=\"theme-toggle\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">Luna<\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Content Break -->\n            <div class=\"content-break\"><\/div>\n\n            <!-- TRAILER CARD - PAKISTAN -->\n            <div class=\"content-card trailer-card\">\n                <h3>Humans of Cannabis: Pakistan \u2014 Official Trailer<\/h3>\n                <p class=\"trailer-logline\">A country that grew cannabis for ten thousand years, banned it for fifty, and is now deciding what comes next.<\/p>\n                \n                <div class=\"trailer-video-container\">\n                    <iframe \n                        src=\"https:\/\/www.youtube.com\/embed\/YkCsFyXIhus\" \n                        title=\"Humans of Cannabis: Pakistan - Official Trailer\" \n                        frameborder=\"0\" \n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \n                        referrerpolicy=\"strict-origin-when-cross-origin\" \n                        allowfullscreen>\n                    <\/iframe>\n                <\/div>\n\n                <p class=\"trailer-meta\">Filmed across Lahore, Peshawar, Chitral, Hunza, and Karachi over two months in early 2026. Episode 1 releases late July 2026, with episodes fortnightly through the summer and autumn.<\/p>\n            <\/div>\n\n            <!-- What Stories Are We Telling -->\n            <div class=\"content-card\">\n                <h3>\u00bfQu\u00e9 Historias Estamos Contando?<\/h3>\n                <p class=\"content-text\">El cannabis tiene una historia. De hecho, tiene miles. Historias de alivio, descubrimiento, transformaci\u00f3n, desaf\u00edo, esperanza y sanaci\u00f3n. Historias que desaf\u00edan todo lo que crees saber sobre esta planta y las personas que la usan.<\/p>\n                <p class=\"content-text\">Aqu\u00ed encontrar\u00e1s esas historias, contadas a trav\u00e9s de documentales, entrevistas \u00edntimas y conversaciones honestas que atraviesan el ruido.<\/p>\n                <p class=\"content-text\" style=\"text-align: center;\">Porque la verdadera historia del cannabis no va sobre la planta en s\u00ed, va sobre personas.<\/p>\n            <\/div>\n\n            <!-- The Stories We're After -->\n            <div class=\"content-card\">\n                <h3>Las Historias que Buscamos<\/h3>\n                <p class=\"content-text\">We started with Pakistan. The country that grew cannabis for ten thousand years and gave the world the genetics behind most of what's smoked today. The farmers in the Hindu Kush who've preserved landrace strains for centuries, the Sufi traditions that ran parallel to it, the modern legalization push, and the people locked out of an industry built on their seeds.<\/p>\n\n                <p class=\"content-text\">From there we're going where the cannabis stories remain untold. The hash farmers in Morocco's mountains, who've cultivated for centuries. The traditional growers in Colombia's valleys. The coffee shop culture of Amsterdam. The legal pioneers in Canada. Each place has its own relationship with this plant, shaped by history, law, culture, and necessity.<\/p>\n\n                <p class=\"content-text\">And we're sitting down with the surgeon who uses cannabis to decompress after 14 hour shifts. The Olympic gold medalist who credits cannabis with their recovery routine. The university professor researching psychedelics who also grows their own plants. The traditional farmer whose family has been cultivating hash for 400 years. How many combos we got you reckon?<\/p>\n                <p class=\"content-text\">Estas no son \"historias de cannabis\", son historias humanas que incluyen cannabis. Y ese es exactamente el punto. Nuestra misi\u00f3n: mostrar al mundo que los usuarios de cannabis no son estereotipos, son profesores, m\u00e9dicos, atletas, artistas, agricultores y l\u00edderes que usan una planta que ha sido criminalizada durante demasiado tiempo.<\/p>\n            <\/div>\n\n            <!-- Why This Matters -->\n            <div class=\"content-card\">\n                <h3>Por Qu\u00e9 Esto Importa<\/h3>\n                <p class=\"content-text\">Durante demasiado tiempo, los usuarios de cannabis han sido reducidos a estereotipos: el fumeta perezoso, el traficante criminal, el paciente desesperado. Pero cuando realmente te sientas y escuchas a la gente, esas caricaturas se desmoronan bastante r\u00e1pido.<\/p>\n                <p class=\"content-text\">Lo que podr\u00edas darte cuenta es que la persona que cultiva cannabis en su patio, puede ser la misma persona que entrena al equipo mixto de balonmano dobles sub-14 B de su condado. Que el paciente que lo usa para el dolor cr\u00f3nico tambi\u00e9n est\u00e1 dirigiendo un negocio exitoso. Que el cultivador clandestino que preserv\u00f3 una variedad durante 20 a\u00f1os tambi\u00e9n es un padre devoto que simplemente vio algo que val\u00eda la pena proteger.<\/p>\n                <p class=\"content-text\">Estas historias no existen para convertir a nadie o probar ning\u00fan punto. Existen porque la complejidad es m\u00e1s interesante que la simplicidad, y las personas reales son m\u00e1s convincentes que los mitos que contamos sobre ellas.<\/p>\n                <p class=\"content-text\" style=\"text-align: center;\">La historia sobre los usuarios de cannabis est\u00e1 desactualizada. As\u00ed que acerca una silla, charlemos y arreglemos esto juntos.<\/p>\n            <\/div>\n\n            <!-- Want to Be Part of This Story -->\n            <div class=\"content-card\">\n                <h3>\u00bfQuieres Ser Parte de Esta Historia?<\/h3>\n                <p class=\"content-text\">Como sigo balando como una oveja rota, todos sabemos que hay estereotipos anticuados que no reflejan la realidad de qui\u00e9n usa realmente esta planta. Y todos tenemos un papel en arreglarlo.<\/p>\n                <p class=\"content-text\">Quiz\u00e1s encontraste alivio a trav\u00e9s del cannabis pero lo mantuviste en silencio. Quiz\u00e1s construiste algo incre\u00edble pero te preocupaba c\u00f3mo podr\u00eda percibirse tu uso de cannabis. Quiz\u00e1s simplemente crees que el mundo necesita conversaciones mejores y m\u00e1s honestas sobre esta planta.<\/p>\n                <p class=\"content-text\">Esta es nuestra oportunidad de contar la historia real. No mi historia, no la historia individual de nadie, sino <strong>nuestra historia colectiva<\/strong> como una comunidad que ha sido mal representada durante demasiado tiempo.<\/p>\n                \n                <div class=\"email-invite\">\n                    <p class=\"email-text\">\u00bfTienes una historia que vale la pena contar? \u00bfConoces a alguien que la tenga? \u00bfSolo quieres charlar sobre lo que es posible?<\/p>\n                    <a href=\"mailto:hello@twobirdsonestoned.co\" class=\"email-btn\">\ud83d\udce7 Conectemos<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Section Break -->\n            <div class=\"section-break\"><\/div>\n\n            <!-- Keep Learning Section -->\n            <div class=\"content-card\">\n                <div class=\"signup-split\">\n                    <div class=\"signup-text\">\n                        <h3>La \u00danica Forma de Mantenerte Actualizado<\/h3>\n                        <p>T\u00e1 an canabas ag forbairt agus cl\u00fada\u00edmid an eola\u00edocht, an taighde agus an cult\u00far, gach rud saor in aisce agus d\u00edreach chuig do bhosca isteach. Gan me\u00e1in sh\u00f3isialta. R\u00edomhphost amh\u00e1in. B\u00ed linn m\u00e1 t\u00e1 fiosracht ort.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Entrevistas y Documentales<\/li>\n                            <li>\ud83d\udcda Videos y audios educativos<\/li>\n                            <li>\ud83d\udd2c Informaci\u00f3n e ideas respaldadas por la ciencia<\/li>\n                        <\/ul>\n                    <\/div>\n                    <div class=\"signup-form\">\n                        <form class=\"signup-form-container\" id=\"emailForm\" action=\"\">\n                            <input type=\"email\" name=\"entry.690743589\" placeholder=\"tu@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Recibir Actualizaciones<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Sigue curioso \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n                    <\/div>\n                <\/div>\n                <div id=\"formMessage\" style=\"margin-top: 1rem; text-align: center; font-weight: 600; display: none;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Track theme state\n        let isDarkTheme = true;\n\n        function toggleThemeAndText() {\n            const button = document.getElementById('theme-toggle');\n            const currentEmoji = button.textContent.trim();\n            \n            if (currentEmoji === '\ud83c\udf19') {\n                button.textContent = '\u2600\ufe0f';\n                playAudio('dayTimeAudio');\n                isDarkTheme = false;\n            } else {\n                button.textContent = '\ud83c\udf19';\n                playAudio('nightTimeAudio');\n                isDarkTheme = true;\n            }\n            \n            toggleTheme();\n        }\n\n        function playAudio(audioId) {\n            const audio = document.getElementById(audioId);\n            \n            if (audio) {\n                audio.currentTime = 0;\n                const playPromise = audio.play();\n                \n                if (playPromise !== undefined) {\n                    playPromise.then(() => {\n                        console.log(`${audioId} played successfully`);\n                    }).catch(error => {\n                        console.log(`Audio play failed for ${audioId}:`, error);\n                        showVisualFeedback(audioId);\n                    });\n                }\n            }\n        }\n\n        function showVisualFeedback(audioId) {\n            const button = document.getElementById('theme-toggle');\n            const originalTransform = button.style.transform;\n            \n            button.style.transform = 'scale(1.1)';\n            button.style.transition = 'transform 0.1s ease';\n            \n            setTimeout(() => {\n                button.style.transform = originalTransform;\n                button.style.transition = 'all 0.3s ease';\n            }, 100);\n        }\n\n        \/\/ COMPLETE THEME TOGGLE FUNCTION\n        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card');\n            const title = document.querySelector('.page-title');\n            const subtitle = document.querySelector('.page-subtitle');\n            const toggleButton = document.getElementById('theme-toggle');\n            \n            const header = document.querySelector('.tbos-header');\n            const headerNavLinks = document.querySelectorAll('.tbos-nav a');\n            const headerSocialLinks = document.querySelectorAll('.tbos-socials a');\n            const dropdownContent = document.querySelectorAll('.dropdown-content');\n            const hamburgerLines = document.querySelectorAll('.hamburger-line');\n            \n            const mobileMenu = document.querySelector('.mobile-menu');\n            const mobileMenuLinks = document.querySelectorAll('.mobile-menu a');\n            const mobileSocialLinks = document.querySelectorAll('.mobile-socials a');\n            \n            const footerCardWrapper = document.querySelector('.footer-card-wrapper');\n            const footerTitle = document.querySelector('.footer-card h4');\n            const footerText = document.querySelectorAll('.footer-card p');\n            const footerLinks = document.querySelectorAll('.footer-bottom-row a');\n            const footerSocialLinks = document.querySelectorAll('.footer-social-group a');\n            \n            if (!isDarkTheme) {\n                \/\/ LIGHT THEME\n                console.log('Applying LIGHT theme');\n                \n                body.classList.add('light-theme');\n                \n                html.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #f8f6f0 0%, #ede8d8 25%, #e5dcc9 50%, #ede8d8 75%, #f8f6f0 100%)', 'important');\n                \n                html.style.setProperty('margin', '0', 'important');\n                html.style.setProperty('padding', '0', 'important');\n                body.style.setProperty('margin', '0', 'important');\n                body.style.setProperty('padding', '0', 'important');\n                html.style.setProperty('min-height', '100vh', 'important');\n                body.style.setProperty('min-height', '100vh', 'important');\n                \n                if (header) {\n                    header.style.setProperty('background', '#ffffff', 'important');\n                    header.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#ffffff', 'important');\n                    dropdown.style.setProperty('border', '2px solid #000000', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#2A2A2A', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#2A2A2A', 'important');\n                });\n                \n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', '#ffffff', 'important');\n                    mobileMenu.style.setProperty('border-left', '2px solid #000000', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(0, 0, 0, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#2A2A2A', 'important');\n                    link.style.setProperty('background', 'rgba(0, 0, 0, 0.05)', 'important');\n                });\n                \n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#ffffff', 'important');\n                    footerCardWrapper.style.setProperty('border', '2px solid #000000', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#1a1a1a', 'important');\n                    text.style.setProperty('font-weight', '500', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#000000', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#ffffff', 'important');\n                    card.style.setProperty('border', '2px solid #000000', 'important');\n                    card.style.setProperty('color', '#2A2A2A', 'important');\n                    \n                    const headings = card.querySelectorAll('h3');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#1a1a1a', 'important');\n                        text.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const italicTexts = card.querySelectorAll('.intro-text, .email-text, .trailer-logline, .trailer-meta');\n                    italicTexts.forEach(text => {\n                        text.style.setProperty('color', '#1a1a1a', 'important');\n                        text.style.setProperty('font-weight', '500', 'important');\n                    });\n                    \n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#000000', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n\n                    const emailBtns = card.querySelectorAll('.email-btn');\n                    emailBtns.forEach(btn => {\n                        btn.style.setProperty('background', '#4CAF50', 'important');\n                        btn.style.setProperty('color', '#000', 'important');\n                    });\n\n                    const formInputs = card.querySelectorAll('.signup-form-container input');\n                    formInputs.forEach(input => {\n                        input.style.setProperty('background', '#ffffff', 'important');\n                        input.style.setProperty('color', '#2A2A2A', 'important');\n                        input.style.setProperty('border', '2px solid #B8860B', 'important');\n                        input.style.setProperty('border-radius', '8px', 'important');\n                    });\n\n                    const formButtons = card.querySelectorAll('.signup-form-container button');\n                    formButtons.forEach(button => {\n                        button.style.setProperty('background', 'linear-gradient(135deg, #B8860B, #A0750A)', 'important');\n                        button.style.setProperty('color', '#fff', 'important');\n                    });\n\n                    const formNotes = card.querySelectorAll('.form-note');\n                    formNotes.forEach(note => {\n                        note.style.setProperty('color', '#1a1a1a', 'important');\n                        note.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const benefitsItems = card.querySelectorAll('.benefits-list li');\n                    benefitsItems.forEach(item => {\n                        item.style.setProperty('color', '#1a1a1a', 'important');\n                        item.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const signupTexts = card.querySelectorAll('.signup-text p');\n                    signupTexts.forEach(text => {\n                        text.style.setProperty('color', '#1a1a1a', 'important');\n                        text.style.setProperty('font-weight', '500', 'important');\n                    });\n\n                    const signupTitles = card.querySelectorAll('.signup-text h3');\n                    signupTitles.forEach(title => {\n                        title.style.setProperty('color', '#B8860B', 'important');\n                    });\n                });\n                \n                if (title) {\n                    title.style.setProperty('color', '#B8860B', 'important');\n                    title.style.setProperty('text-shadow', 'none', 'important');\n                }\n\n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n                \n                if (toggleButton) {\n                    toggleButton.style.setProperty('background', '#ffffff', 'important');\n                    toggleButton.style.setProperty('border', '2px solid #B8860B', 'important');\n                    toggleButton.style.setProperty('color', '#B8860B', 'important');\n                }\n                \n            } else {\n                \/\/ DARK THEME\n                console.log('Applying DARK theme');\n                \n                body.classList.remove('light-theme');\n                \n                html.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                body.style.setProperty('background', 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%, #0a0a0a 100%)', 'important');\n                \n                html.style.setProperty('margin', '0', 'important');\n                html.style.setProperty('padding', '0', 'important');\n                body.style.setProperty('margin', '0', 'important');\n                body.style.setProperty('padding', '0', 'important');\n                html.style.setProperty('min-height', '100vh', 'important');\n                body.style.setProperty('min-height', '100vh', 'important');\n                \n                if (header) {\n                    header.style.setProperty('background', '#1d1d1d', 'important');\n                    header.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                headerNavLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                headerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                });\n                \n                dropdownContent.forEach(dropdown => {\n                    dropdown.style.setProperty('background', '#1d1d1d', 'important');\n                    dropdown.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    \n                    const dropdownLinks = dropdown.querySelectorAll('a');\n                    dropdownLinks.forEach(link => {\n                        link.style.setProperty('color', '#f5ebd6', 'important');\n                    });\n                });\n                \n                hamburgerLines.forEach(line => {\n                    line.style.setProperty('background', '#f5ebd6', 'important');\n                });\n                \n                if (mobileMenu) {\n                    mobileMenu.style.setProperty('background', 'rgba(29, 29, 29, 0.98)', 'important');\n                    mobileMenu.style.setProperty('border-left', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                mobileMenuLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('border-bottom', '1px solid rgba(255, 255, 255, 0.1)', 'important');\n                });\n                \n                mobileSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#f5ebd6', 'important');\n                    link.style.setProperty('background', 'rgba(255, 255, 255, 0.05)', 'important');\n                });\n                \n                if (footerCardWrapper) {\n                    footerCardWrapper.style.setProperty('background', '#1d1d1d', 'important');\n                    footerCardWrapper.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                }\n                \n                if (footerTitle) {\n                    footerTitle.style.setProperty('color', '#F4C542', 'important');\n                }\n                \n                footerText.forEach(text => {\n                    text.style.setProperty('color', '#f5ebd6', 'important');\n                    text.style.setProperty('font-weight', '400', 'important');\n                });\n                \n                footerLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                footerSocialLinks.forEach(link => {\n                    link.style.setProperty('color', '#4CAF50', 'important');\n                });\n                \n                contentCards.forEach(card => {\n                    card.style.setProperty('background-color', '#1d1d1d', 'important');\n                    card.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                    card.style.setProperty('color', '#fff', 'important');\n                    \n                    const headings = card.querySelectorAll('h3');\n                    headings.forEach(heading => {\n                        heading.style.setProperty('color', '#F4C542', 'important');\n                    });\n                    \n                    const texts = card.querySelectorAll('p, li, .content-text');\n                    texts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                        text.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const italicTexts = card.querySelectorAll('.intro-text, .email-text, .trailer-logline, .trailer-meta');\n                    italicTexts.forEach(text => {\n                        text.style.setProperty('color', '#EDE9E3', 'important');\n                        text.style.setProperty('font-weight', '400', 'important');\n                    });\n                    \n                    const strongTexts = card.querySelectorAll('strong');\n                    strongTexts.forEach(strong => {\n                        strong.style.setProperty('color', '#F4C542', 'important');\n                        strong.style.setProperty('font-weight', '600', 'important');\n                    });\n                    \n                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n\n                    const emailBtns = card.querySelectorAll('.email-btn');\n                    emailBtns.forEach(btn => {\n                        btn.style.setProperty('background', '#4CAF50', 'important');\n                        btn.style.setProperty('color', '#000', 'important');\n                    });\n\n                    const formInputs = card.querySelectorAll('.signup-form-container input');\n                    formInputs.forEach(input => {\n                        input.style.setProperty('background', 'rgba(255,255,255,0.05)', 'important');\n                        input.style.setProperty('color', '#F5EBD6', 'important');\n                        input.style.setProperty('border', '1px solid rgba(156,175,136,0.3)', 'important');\n                        input.style.setProperty('border-radius', '8px', 'important');\n                    });\n\n                    const formButtons = card.querySelectorAll('.signup-form-container button');\n                    formButtons.forEach(button => {\n                        button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                        button.style.setProperty('color', '#fff', 'important');\n                    });\n\n                    const formNotes = card.querySelectorAll('.form-note');\n                    formNotes.forEach(note => {\n                        note.style.setProperty('color', '#E3E3DC', 'important');\n                        note.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const benefitsItems = card.querySelectorAll('.benefits-list li');\n                    benefitsItems.forEach(item => {\n                        item.style.setProperty('color', '#E3E3DC', 'important');\n                        item.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const signupTexts = card.querySelectorAll('.signup-text p');\n                    signupTexts.forEach(text => {\n                        text.style.setProperty('color', '#E3E3DC', 'important');\n                        text.style.setProperty('font-weight', '400', 'important');\n                    });\n\n                    const signupTitles = card.querySelectorAll('.signup-text h3');\n                    signupTitles.forEach(title => {\n                        title.style.setProperty('color', '#F4C542', 'important');\n                    });\n                });\n                \n                if (title) {\n                    title.style.setProperty('color', '#F4C542', 'important');\n                    title.style.setProperty('text-shadow', '2px 2px 8px rgba(0,0,0,0.8)', 'important');\n                }\n\n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n                \n                if (toggleButton) {\n                    toggleButton.style.setProperty('background', 'rgba(0,0,0,0.8)', 'important');\n                    toggleButton.style.setProperty('border', '2px solid #4CAF50', 'important');\n                    toggleButton.style.setProperty('color', '#4CAF50', 'important');\n                }\n            }\n        }\n\n        \/\/ Email signup functionality\n        function setupEmailSignup() {\n            const form = document.getElementById('emailForm');\n            const emailInput = document.getElementById('emailInput');\n            const submitBtn = document.getElementById('emailSubmitBtn');\n            const messageDiv = document.getElementById('formMessage');\n            \n            if (!form) return;\n            \n            form.addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const email = emailInput.value.trim();\n                if (!email) return;\n                \n                const originalText = submitBtn.textContent;\n                submitBtn.textContent = 'Joining...';\n                submitBtn.disabled = true;\n                \n                const formData = new FormData();\n                formData.append('entry.690743589', email);\n                \n                fetch('https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScW8HjmPphzsshGW4S1qe1wHtQTkEcJhDhvl0u34o9ep-wepQ\/formResponse', {\n                    method: 'POST',\n                    body: formData,\n                    mode: 'no-cors'\n                })\n                .then(() => {\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#4CAF50';\n                    messageDiv.textContent = '\ud83c\udf89 Thanks! You\\'re on the list.';\n                    emailInput.value = '';\n                    setTimeout(() => messageDiv.style.display = 'none', 5000);\n                })\n                .catch(() => {\n                    messageDiv.style.display = 'block';\n                    messageDiv.style.color = '#ff6b6b';\n                    messageDiv.textContent = 'Oops! Something went wrong. Please try again.';\n                    setTimeout(() => messageDiv.style.display = 'none', 5000);\n                })\n                .finally(() => {\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        function initializeAnimations() {\n            setTimeout(() => {\n                const titleContainer = document.querySelector('.title-container');\n                if (titleContainer) {\n                    titleContainer.style.opacity = '1';\n                    titleContainer.style.transform = 'translateY(0)';\n                }\n            }, 200);\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach((entry, index) => {\n                    if (entry.isIntersecting) {\n                        setTimeout(() => {\n                            entry.target.classList.add('animate-in');\n                        }, index * 50);\n                        observer.unobserve(entry.target);\n                    }\n                });\n            }, {\n                threshold: 0.05,\n                rootMargin: '0px 0px -20px 0px'\n            });\n\n            const cards = document.querySelectorAll('.content-card');\n            cards.forEach(card => {\n                observer.observe(card);\n            });\n        }\n\n        \/\/ Initialize page\n        document.addEventListener('DOMContentLoaded', function() {\n            initializeAnimations();\n            setupEmailSignup();\n            toggleTheme();\n        });\n    <\/script>\n<\/body>\n<\/html>\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>","protected":false},"excerpt":{"rendered":"<p>Humans of Cannabis: Pakistan &#8211; Documentary Trailer | Two Birds One Stoned Stories The real stories of cannabis, told through the voices that matter most \ud83c\udf19 Humans of Cannabis: Pakistan \u2014 Official Trailer A country that grew cannabis for ten thousand years, banned it for fifty, and is now deciding what comes next. Filmed across [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-558","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/comments?post=558"}],"version-history":[{"count":84,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/558\/revisions"}],"predecessor-version":[{"id":8098,"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/pages\/558\/revisions\/8098"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/es\/wp-json\/wp\/v2\/media?parent=558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}