{"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\/pt\/stories\/","title":{"rendered":"Hist\u00f3rias"},"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\">Hist\u00f3rias<\/h1>\n                <p class=\"page-subtitle\">As hist\u00f3rias reais da cannabis, contadas pelas vozes que mais importam<\/p>\n                \n                <!-- Theme Toggle -->\n                <div class=\"theme-toggle\">\n                    <button onclick=\"toggleThemeAndText()\" id=\"theme-toggle\">\ud83c\udf19<\/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>Que Hist\u00f3rias Estamos a Contar?<\/h3>\n                <p class=\"content-text\">A cannabis tem uma hist\u00f3ria. Na verdade, tem milhares. Hist\u00f3rias de al\u00edvio, descoberta, transforma\u00e7\u00e3o, desafio, esperan\u00e7a e cura. Hist\u00f3rias que desafiam tudo o que pensas saber sobre esta planta e as pessoas que a usam.<\/p>\n                <p class=\"content-text\">\u00c9 aqui que vais encontrar essas hist\u00f3rias, contadas atrav\u00e9s de document\u00e1rios, entrevistas \u00edntimas e conversas honestas que cortam atrav\u00e9s do ru\u00eddo.<\/p>\n                <p class=\"content-text\" style=\"text-align: center;\">Porque a verdadeira hist\u00f3ria da cannabis n\u00e3o \u00e9 sobre a planta em si, \u00e9 sobre pessoas.<\/p>\n            <\/div>\n\n            <!-- The Stories We're After -->\n            <div class=\"content-card\">\n                <h3>As Hist\u00f3rias que Procuramos<\/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 n\u00e3o s\u00e3o \"hist\u00f3rias de cannabis\", s\u00e3o hist\u00f3rias humanas que acontece inclu\u00edrem cannabis. E esse \u00e9 exatamente o ponto. A nossa miss\u00e3o: mostrar ao mundo que os utilizadores de cannabis n\u00e3o s\u00e3o estere\u00f3tipos, s\u00e3o professores, m\u00e9dicos, atletas, artistas, agricultores e l\u00edderes que usam uma planta que foi criminalizada durante demasiado tempo.<\/p>\n            <\/div>\n\n            <!-- Why This Matters -->\n            <div class=\"content-card\">\n                <h3>Porque \u00c9 que Isto Importa<\/h3>\n                <p class=\"content-text\">Durante demasiado tempo, os utilizadores de cannabis foram reduzidos a estere\u00f3tipos: o fumador pregui\u00e7oso, o traficante criminoso, o paciente desesperado. Mas quando te sentas e ouves as pessoas, essas caricaturas desmoronam-se bastante rapidamente.<\/p>\n                <p class=\"content-text\">O que podes perceber \u00e9 que a pessoa que cultiva cannabis no seu quintal, pode ser a mesma pessoa que treina a equipa mista de andebol de duplas sub-14 B do seu condado. Que o paciente que a usa para dor cr\u00f3nica tamb\u00e9m est\u00e1 a gerir um neg\u00f3cio de sucesso. Que o cultivador clandestino que preservou uma variedade durante 20 anos tamb\u00e9m \u00e9 um pai dedicado que simplesmente viu algo que valia a pena proteger.<\/p>\n                <p class=\"content-text\">Estas hist\u00f3rias n\u00e3o existem para converter ningu\u00e9m ou provar qualquer ponto. Existem porque a complexidade \u00e9 mais interessante que a simplicidade, e pessoas reais s\u00e3o mais convincentes do que os mitos que contamos sobre elas.<\/p>\n                <p class=\"content-text\" style=\"text-align: center;\">A hist\u00f3ria sobre os utilizadores de cannabis est\u00e1 desatualizada. Por isso puxa uma cadeira, vamos conversar e arranjar isto juntos.<\/p>\n            <\/div>\n\n            <!-- Want to Be Part of This Story -->\n            <div class=\"content-card\">\n                <h3>Queres Fazer Parte Desta Hist\u00f3ria?<\/h3>\n                <p class=\"content-text\">Como continuo a balar como uma ovelha avariada, todos sabemos que h\u00e1 estere\u00f3tipos desatualizados que n\u00e3o refletem a realidade de quem realmente usa esta planta. E todos temos um papel em consertar isso.<\/p>\n                <p class=\"content-text\">Talvez tenhas encontrado al\u00edvio atrav\u00e9s da cannabis mas mantiveste isso em sil\u00eancio. Talvez tenhas constru\u00eddo algo incr\u00edvel mas preocupaste-te com a forma como o teu uso de cannabis poderia ser percebido. Talvez simplesmente acredites que o mundo precisa de conversas melhores e mais honestas sobre esta planta.<\/p>\n                <p class=\"content-text\">Esta \u00e9 a nossa oportunidade de contar a hist\u00f3ria real. N\u00e3o a minha hist\u00f3ria, n\u00e3o a hist\u00f3ria individual de ningu\u00e9m, mas <strong>a nossa hist\u00f3ria coletiva<\/strong> como uma comunidade que foi mal representada durante demasiado tempo.<\/p>\n                \n                <div class=\"email-invite\">\n                    <p class=\"email-text\">Tens uma hist\u00f3ria que vale a pena contar? Conheces algu\u00e9m que tenha? S\u00f3 queres conversar sobre o que \u00e9 poss\u00edvel?<\/p>\n                    <a href=\"mailto:hello@twobirdsonestoned.co\" class=\"email-btn\">\ud83d\udce7 Vamos Conectar<\/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>A \u00danica Forma de Ficares Atualizado<\/h3>\n                        <p>A cannabis est\u00e1 a evoluir e n\u00f3s cobrimos a ci\u00eancia, a investiga\u00e7\u00e3o e a cultura, tudo gratuito e direto para a tua caixa de entrada. Sem redes sociais. Apenas email. Junta-te se tiveres curiosidade.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Entrevistas e Document\u00e1rios<\/li>\n                            <li>\ud83d\udcda V\u00eddeos e \u00e1udios educativos<\/li>\n                            <li>\ud83d\udd2c Informa\u00e7\u00f5es e insights apoiados pela ci\u00eancia<\/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=\"teu@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Receber Atualiza\u00e7\u00f5es<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Continua curioso \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"pt\"\/><\/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\/pt\/wp-json\/wp\/v2\/pages\/558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/comments?post=558"}],"version-history":[{"count":84,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages\/558\/revisions"}],"predecessor-version":[{"id":8098,"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/pages\/558\/revisions\/8098"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/pt\/wp-json\/wp\/v2\/media?parent=558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}