{"id":240,"date":"2025-04-09T09:25:00","date_gmt":"2025-04-09T09:25:00","guid":{"rendered":"https:\/\/twobirdsonestoned.co\/?page_id=240"},"modified":"2025-11-18T05:57:59","modified_gmt":"2025-11-18T05:57:59","slug":"about","status":"publish","type":"page","link":"https:\/\/twobirdsonestoned.co\/fr\/about\/","title":{"rendered":"\u00c0 propos"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"240\" class=\"elementor elementor-240\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a324fd e-flex e-con-boxed e-con e-parent\" data-id=\"9a324fd\" 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-67deb09 elementor-widget elementor-widget-html\" data-id=\"67deb09\" 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>\u00c0 propos de Two Birds One Stoned - \u00c9ducation sur le Cannabis Sans le Battage | Contenu Bas\u00e9 sur des Preuves<\/title>\n    <meta name=\"title\" content=\"About Two Birds One Stoned - Cannabis Education Without the Hype | Evidence-Based Content\">\n    <meta name=\"description\" content=\"D\u00e9couvre la mission de Two Birds One Stoned de fournir une \u00e9ducation sur le cannabis bas\u00e9e sur des preuves, d\u00e9fier la stigmatisation et fournir des informations soutenues par la science sans le battage des r\u00e9seaux sociaux.\">\n    <meta name=\"keywords\" content=\"cannabis education, evidence-based cannabis, cannabis science, endocannabinoid system, cannabis research, medical cannabis education, cannabis stigma, substance education, cannabis knowledge, 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\/about\/\">\n    \n    <!-- Open Graph \/ Facebook -->\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:url\" content=\"https:\/\/twobirdsonestoned.co\/about\/\">\n    <meta property=\"og:title\" content=\"\u00c0 propos de Two Birds One Stoned - \u00c9ducation sur le Cannabis Sans le Battage\">\n    <meta property=\"og:description\" content=\"D\u00e9couvre la mission de Two Birds One Stoned de fournir une \u00e9ducation sur le cannabis bas\u00e9e sur des preuves, d\u00e9fier la stigmatisation et fournir des informations soutenues par la science sans le battage des r\u00e9seaux sociaux.\">\n    <meta property=\"og:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.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\/about\/\">\n    <meta name=\"twitter:title\" content=\"\u00c0 propos de Two Birds One Stoned - \u00c9ducation sur le Cannabis Sans le Battage\">\n    <meta name=\"twitter:description\" content=\"D\u00e9couvre la mission de Two Birds One Stoned de fournir une \u00e9ducation sur le cannabis bas\u00e9e sur des preuves, d\u00e9fier la stigmatisation et fournir des informations soutenues par la science sans le battage des r\u00e9seaux sociaux.\">\n    <meta name=\"twitter:image\" content=\"https:\/\/twobirdsonestoned.co\/wp-content\/uploads\/2025\/09\/Logo-4-1.png\">\n    <meta name=\"twitter:creator\" content=\"@TwoBirds1Stoned\">\n    \n    <!-- Additional Meta Tags for Cannabis Content -->\n    <meta name=\"topic\" content=\"Cannabis Education\">\n    <meta name=\"subject\" content=\"Educational content about cannabis science, research, and evidence-based information\">\n    <meta name=\"classification\" content=\"Educational\">\n    <meta name=\"category\" content=\"Health Education\">\n    \n    <!-- Structured Data (JSON-LD) -->\n    <script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"AboutPage\",\n    \"mainEntity\": {\n        \"@type\": \"Organization\",\n        \"name\": \"Two Birds One Stoned\",\n        \"description\": \"Cannabis education platform delivering evidence-based content, challenging stigma, and providing science-backed information without social media hype\",\n        \"url\": \"https:\\\/\\\/twobirdsonestoned.co\",\n        \"logo\": \"https:\\\/\\\/twobirdsonestoned.co\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Logo-4-1.png\",\n        \"founder\": {\n            \"@type\": \"Person\",\n            \"name\": \"James Gallagher\"\n        },\n        \"sameAs\": [\n            \"https:\\\/\\\/www.youtube.com\\\/@TwoBirds1Stoned\",\n            \"https:\\\/\\\/open.spotify.com\\\/show\\\/7D7FmCLeLaUlMNrQUUkZLH?si=RCRQ1qo4SS2jwcDr5F_mPw\"\n        ],\n        \"knowsAbout\": [\n            \"Cannabis Education\",\n            \"Endocannabinoid System\",\n            \"Cannabis Science\",\n            \"Medical Cannabis\",\n            \"Cannabis Research\"\n        ],\n        \"mission\": \"To educate people about cannabis through evidence-based content, challenge outdated stigma, and create substance-first educational materials\",\n        \"areaServed\": \"Global\",\n        \"audience\": {\n            \"@type\": \"Audience\",\n            \"audienceType\": \"People seeking evidence-based cannabis education\"\n        }\n    },\n    \"about\": {\n        \"@type\": \"Thing\",\n        \"name\": \"Cannabis Education\",\n        \"description\": \"Evidence-based educational content about cannabis science, the endocannabinoid system, and responsible use\"\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\": \"About\",\n                \"item\": \"https:\\\/\\\/twobirdsonestoned.co\\\/about\\\/\"\n            }\n        ]\n    }\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=\"AU\">\n    <meta name=\"geo.placename\" content=\"Australia\">\n    <meta name=\"dcterms.subject\" content=\"Cannabis Education, Health Education, Science Communication\">\n    <meta name=\"dcterms.type\" content=\"Text\">\n    <meta name=\"dcterms.audience\" content=\"General Public, Students, Healthcare Professionals\">\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:\/\/www.youtube.com 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:\/\/www.youtube.com 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=\"\/\/www.youtube.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\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        \/* VIDEO MODAL STYLES *\/\n        .video-modal {\n            display: none;\n            position: fixed;\n            z-index: 10000;\n            left: 0;\n            top: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.9);\n            backdrop-filter: blur(5px);\n        }\n\n        .video-modal-content {\n            position: relative;\n            margin: 2% auto;\n            width: 90%;\n            max-width: 800px;\n            height: 80vh;\n            max-height: 600px;\n            background: #1d1d1d;\n            border-radius: 15px;\n            border: 2px solid rgba(156,175,136,0.3);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n        }\n\n        .video-modal-header {\n            padding: 1rem 1.5rem;\n            background: rgba(244, 197, 66, 0.1);\n            border-bottom: 1px solid rgba(156,175,136,0.3);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .video-modal-title {\n            color: #F4C542;\n            font-size: 1.2rem;\n            font-weight: 600;\n            margin: 0;\n        }\n\n        .video-modal-close {\n            background: none;\n            border: none;\n            color: #fff;\n            font-size: 2rem;\n            cursor: pointer;\n            padding: 0;\n            width: 40px;\n            height: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 50%;\n            transition: all 0.3s ease;\n        }\n\n        .video-modal-close:hover {\n            background: rgba(255, 255, 255, 0.1);\n            transform: rotate(90deg);\n        }\n\n        .video-container {\n            flex: 1;\n            position: relative;\n            background: #000;\n        }\n\n        .video-container iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n        }\n\n        \/* Light theme styles for modal *\/\n        .light-theme .video-modal-content {\n            background: #ffffff;\n            border: 2px solid #000000;\n        }\n\n        .light-theme .video-modal-header {\n            background: rgba(184, 134, 11, 0.1);\n            border-bottom: 1px solid #000000;\n        }\n\n        .light-theme .video-modal-title {\n            color: #B8860B;\n        }\n\n        .light-theme .video-modal-close {\n            color: #2A2A2A;\n        }\n\n        .light-theme .video-modal-close:hover {\n            background: rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Video link styling *\/\n        .video-link {\n            color: #4CAF50;\n            text-decoration: underline;\n            cursor: pointer;\n            transition: color 0.3s ease;\n            font-weight: 500;\n        }\n\n        .video-link:hover {\n            color: #45a049;\n        }\n\n        .light-theme .video-link {\n            color: #B8860B;\n        }\n\n        .light-theme .video-link:hover {\n            color: #A0750A;\n        }\n\n        \/* Mobile responsive for modal *\/\n        @media (max-width: 768px) {\n            .video-modal-content {\n                margin: 5% auto;\n                width: 95%;\n                height: 70vh;\n                max-height: 500px;\n            }\n\n            .video-modal-header {\n                padding: 0.75rem 1rem;\n            }\n\n            .video-modal-title {\n                font-size: 1rem;\n            }\n\n            .video-modal-close {\n                font-size: 1.5rem;\n                width: 35px;\n                height: 35px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .video-modal-content {\n                margin: 10% auto;\n                width: 98%;\n                height: 60vh;\n                max-height: 400px;\n            }\n        }\n\n        \/* ABOUT PAGE SECTION - MATCHING OTHER PAGES *\/\n        .about-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 OTHER PAGES EXACTLY *\/\n        .title-container {\n            margin-bottom: 6rem;\n            text-align: center;\n            opacity: 0;\n            transform: translateY(-20px);\n            transition: all 0.8s ease;\n        }\n\n        .about-page .tbos-section-title {\n            font-family: 'Montserrat', sans-serif;\n            color: #ffffff;\n            word-break: break-word;\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        \/* 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        \/* 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        \/* 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        \/* 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 Signup Form *\/\n        .email-signup-form {\n            margin: 25px 0 0 0;\n            text-align: center;\n        }\n\n        .email-input-group {\n            display: flex;\n            gap: 0.5rem;\n            margin: 0 auto;\n            max-width: 500px;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .email-input {\n            flex: 1;\n            padding: 12px 18px;\n            border: 2px solid rgba(156,175,136,0.4);\n            border-radius: 25px;\n            background: rgba(29,29,29,0.9);\n            color: #F5EBD6;\n            font-size: clamp(11px, 2.5vw, 16px);\n            text-align: center;\n            outline: none;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .email-input:focus {\n            border-color: #4CAF50;\n            box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);\n        }\n\n        .email-input::placeholder {\n            color: #888;\n        }\n\n        \/* Placeholder styling for light theme *\/\n        .light-theme .email-input::placeholder {\n            color: rgba(42, 42, 42, 0.7) !important;\n        }\n\n        .email-submit {\n            padding: 12px 25px;\n            background: #4CAF50;\n            color: #000;\n            border: none;\n            border-radius: 25px;\n            font-weight: bold;\n            font-size: clamp(11px, 2.5vw, 16px);\n            cursor: pointer;\n            transition: all 0.3s ease;\n            white-space: nowrap;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .email-submit:hover {\n            background: #45a049;\n            transform: translateY(-2px);\n        }\n\n        \/* Benefits List Styling - FROM TERMS OF SERVICE *\/\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 - FROM TERMS OF SERVICE *\/\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        \/* Theme Toggle - MATCHING OTHER PAGES WITH EMOJI *\/\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 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        \/* CTA Button Styles - UPDATED TO BE BIGGER *\/\n        .cta-button {\n            display: inline-block;\n            background: linear-gradient(135deg, #4CAF50, #45a049);\n            color: #ffffff;\n            padding: 1.2rem 3.5rem;\n            border-radius: 50px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 1.3rem;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);\n            border: none;\n            cursor: pointer;\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px) !important;\n            box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4) !important;\n            background: linear-gradient(135deg, #45a049, #3d8b40) !important;\n        }\n\n        \/* Contact Button Styles *\/\n        .btn {\n            display: inline-block;\n            background: #4CAF50;\n            color: #000;\n            padding: 12px 25px;\n            border-radius: 8px;\n            text-decoration: none;\n            font-weight: bold;\n            transition: all 0.3s ease;\n            margin: 0;\n            font-size: clamp(12px, 2.5vw, 16px);\n        }\n\n        .btn:hover {\n            background: #45a049;\n            transform: translateY(-2px);\n        }\n\n        \/* CTA Section Styles *\/\n        .cta-section {\n            text-align: center;\n            margin: 4rem auto;\n            max-width: 950px;\n            padding: 2rem;\n        }\n\n        \/* Enhanced Typography *\/\n        .content-text strong {\n            color: #F4C542;\n            font-weight: 600;\n        }\n\n        \/* Section Breaks - MATCHING TERMS OF SERVICE *\/\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        .section-break::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 1px;\n            background: linear-gradient(90deg, \n                transparent 0%, \n                rgba(244,197,66,0.2) 20%, \n                rgba(244,197,66,0.4) 40%, \n                rgba(244,197,66,0.6) 50%, \n                rgba(244,197,66,0.4) 60%, \n                rgba(244,197,66,0.2) 80%, \n                transparent 100%);\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            .about-page {\n                padding-top: 150px;\n            }\n\n            .email-input-group {\n                flex-direction: column;\n                gap: 1rem;\n                width: 100%;\n            }\n\n            .email-input, .email-submit {\n                width: 100%;\n                max-width: 350px;\n            }\n\n            \/* Mobile responsive for split layout *\/\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            \/* Mobile responsive for CTA button *\/\n            .cta-button {\n                padding: 1rem 2.5rem;\n                font-size: 1.2rem;\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    <!-- VIDEO MODAL -->\n    <div id=\"videoModal\" class=\"video-modal\">\n        <div class=\"video-modal-content\">\n            <div class=\"video-modal-header\">\n                <h3 id=\"videoModalTitle\" class=\"video-modal-title\">Chargement...<\/h3>\n                <button class=\"video-modal-close\" onclick=\"closeVideoModal()\">\u00d7<\/button>\n            <\/div>\n            <div class=\"video-container\">\n                <iframe id=\"videoIframe\" src=\"\" allowfullscreen><\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <section class=\"about-page\">\n        <div class=\"tbos-container\">\n            <!-- Title Section -->\n            <div class=\"title-container\">\n                <h1 class=\"tbos-section-title\" style=\"font-size: clamp(28px, 8vw, 48px); font-weight: bold; margin: 0 0 25px 0; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); line-height: 1.1; text-align: center; padding: 0; display: block; width: 100%; clear: both; background: none; border-radius: 0; box-shadow: none; max-width: none; margin-left: auto; margin-right: auto;\">\n                    <span style=\"color: #F4C542; display: inline;\">\u00c0 PROPOS<\/span> <span style=\"color: #F5EBD6; display: inline;\">TWO BIRDS<\/span> <span style=\"color: #F4C542; display: inline;\">ONE STONED<\/span>\n                <\/h1>\n                <p class=\"page-subtitle\">L'histoire derri\u00e8re notre mission d'\u00e9duquer et de briser le stigmate<\/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            <!-- What We're About -->\n            <div class=\"content-card\">\n                <h3>Ce qu'on fait<\/h3>\n                <p class=\"content-text\">Bienvenue chez Two Birds One Stoned, o\u00f9 on se consacre \u00e0 \u00e9duquer, briser le stigmate et d\u00e9clencher de vraies conversations sur le cannabis.<\/p>\n                <p class=\"content-text\">C'est un endroit o\u00f9 on coupe \u00e0 travers les conneries, on d\u00e9fie les r\u00e9cits d\u00e9pass\u00e9s, et on plonge dans ce qui compte vraiment : comprendre la plante, son potentiel, ses pi\u00e8ges, et comment elle interagit avec nous en tant qu'\u00eatres humains.<\/p>\n                <p class=\"content-text\">Que tu sois ici pour apprendre, partager ton histoire, ou juste rigoler, tu es au bon endroit.<\/p>\n            <\/div>\n\n            <!-- Why We Exist -->\n            <div class=\"content-card\">\n                <h3>Pourquoi on existe<\/h3>\n                <p class=\"content-text translation-block\">Pour une histoire plus personnelle et d\u00e9taill\u00e9e sur pourquoi j'ai cr\u00e9\u00e9 ce site, <a href=\"https:\/\/twobirdsonestoned.co\/fr\/why-two-birds-one-stoned-exists\/\" target=\"_self\">d\u00e9couvre pourquoi j'ai cr\u00e9\u00e9 Two Birds One Stoned<\/a>.<\/p>\n                <p class=\"content-text\">Tout a commenc\u00e9 avec quelques moments qui m'ont fait prendre du recul et me dire, \"Attends... pourquoi le cannabis est trait\u00e9 comme \u00e7a ?\"<\/p>\n                <p class=\"content-text\">De voir des amis perdre leur logement, d'autres \u00eatre tra\u00een\u00e9s au tribunal pour avoir poss\u00e9d\u00e9 0,50\u20ac d'herbe, jusqu'\u00e0 ma propre exp\u00e9rience d'\u00eatre fouill\u00e9 \u00e0 nu dans un festival pour avoir port\u00e9 quelques joints.<\/p>\n                <p class=\"content-text\">L'incoh\u00e9rence et la duret\u00e9 de ces interactions m'ont fait questionner pourquoi le cannabis porte autant de stigmatisation. La fa\u00e7on dont la soci\u00e9t\u00e9 g\u00e8re le cannabis aujourd'hui semble compl\u00e8tement d\u00e9connect\u00e9e, surtout quand tu consid\u00e8res \u00e0 quel point cette stigmatisation a \u00e9t\u00e9 fa\u00e7onn\u00e9e par les r\u00e9cits des m\u00e9dias mainstream, les politiques gouvernementales et les industries puissantes ayant des int\u00e9r\u00eats financiers \u00e0 garder le cannabis hors du tableau. (Viens d\u00e9battre)<\/p>\n                <p class=\"content-text\">La prise de conscience ? Le cannabis en lui-m\u00eame n'est pas toujours le probl\u00e8me. C'est comment on en parle, comment on le r\u00e9gule et comment on le comprend qui cause souvent le tort.<\/p>\n                <p class=\"content-text\">C'est pourquoi j'ai cr\u00e9\u00e9 Two Birds One Stoned :<\/p>\n                <ul>\n                    <li>Pour \u00e9duquer les gens sur le cannabis, pour que tu puisses interagir avec lui en toute s\u00e9curit\u00e9 et en connaissance de cause.<\/li>\n                    <li>Pour d\u00e9fier la stigmatisation d\u00e9pass\u00e9e et ouvrir la voie \u00e0 des conversations ouvertes et honn\u00eates.<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- What You'll Find Here -->\n            <div class=\"content-card\">\n                <h3>Ce que tu trouveras ici<\/h3>\n                <p class=\"content-text\">J'ai rassembl\u00e9 six articles principaux pour lancer le truc :<\/p>\n                <ul>\n                    <li>L'Anatomie de la Plante de Cannabis \ud83c\udf3f<\/li>\n                    <li>Le Syst\u00e8me Endocannabino\u00efde Expliqu\u00e9 \ud83e\udde0<\/li>\n                    <li>L'Histoire du Cannabis sur Terre \ud83c\udf0d<\/li>\n                    <li>Compos\u00e9s du Cannabis: Au-del\u00e0 du THC \ud83e\uddec<\/li>\n                    <li>M\u00e9thodes de Consommation du Cannabis \ud83c\udf2c\ufe0f<\/li>\n                    <li>Utilisations M\u00e9dicales du Cannabis \ud83c\udfe5<\/li>\n                <\/ul>\n                <p class=\"content-text\">Chaque article inclut :<\/p>\n                <ul>\n                    <li>Une courte vid\u00e9o r\u00e9cap (si tu cherches juste les points cl\u00e9s)<\/li>\n                    <li>Un fichier audio (pour quand tu es en d\u00e9placement)<\/li>\n                    <li>Contenu \u00e9crit (si tu veux approfondir)<\/li>\n                <\/ul>\n            <\/div>\n\n            <!-- Why This Matters -->\n            <div class=\"content-card\">\n                <h3>Pourquoi C'est Important<\/h3>\n                <p class=\"content-text\">On consomme du cannabis depuis des milliers d'ann\u00e9es, pourtant la plupart des gens ne comprennent toujours pas comment \u00e7a fonctionne vraiment. C'est ce que je suis l\u00e0 pour changer. Plus on en sait, mieux on peut prendre des d\u00e9cisions pour nous-m\u00eames et pour la soci\u00e9t\u00e9 qu'on construit.<\/p>\n            <\/div>\n\n            <!-- Contact Section -->\n            <div class=\"content-card\">\n                <h3>Changeons \u00e7a ensemble<\/h3>\n                <p class=\"content-text\">\n                    Contacte-moi x J'adorerais avoir de tes nouvelles. Que ce soit une histoire, une id\u00e9e de collaboration ou juste quelques r\u00e9flexions sur la culture du cannabis, ma bo\u00eete de r\u00e9ception est ouverte. Changeons ce r\u00e9cit ensemble \ud83d\ude24 \ud83c\udf3f\n                <\/p>\n                <div style=\"text-align: center;\">\n                    <a href=\"mailto:hello@twobirdsonestoned.co\" class=\"btn\">Envoyez-moi un courriel<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Join The Conversation -->\n            <div class=\"content-card\">\n                <h3>Participez \u00e0 la conversation<\/h3>\n                <p class=\"content-text\">Que vous soyez ici pour apprendre, collaborer ou simplement parler de cannabis, Two Birds One Stoned peut \u00eatre votre lieu de rencontre.<\/p>\n                <p class=\"content-text\">Vous \u00eates arriv\u00e9 jusqu'ici, alors peut-\u00eatre \u00eates-vous curieux. Poursuivons la conversation. Consultez les articles, partagez vos r\u00e9flexions, faites-moi savoir ce que je peux faire et comment je peux mieux \u00e9duquer.<\/p>\n                <p class=\"content-text\">Paix. \u270c\ufe0f<\/p>\n            <\/div>\n\n            <!-- WHO'S TYPING DA WORDS Section -->\n            <div class=\"content-card\">\n                <h3 class=\"translation-block\"><span>C'EST QUI<\/span> <span>QUI<\/span> <span>\u00c9CRIT?<\/span><\/h3>\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 Seule Fa\u00e7on de Rester \u00e0 Jour<\/h3>\n                        <p>Le cannabis \u00e9volue et on couvre la science, la recherche et la culture, tout gratuit et directement dans ta bo\u00eete mail. Pas de r\u00e9seaux sociaux. Email uniquement. Rejoins-nous si tu es curieux.<\/p>\n                        <ul class=\"benefits-list\">\n                            <li>\ud83c\udfac Interviews &amp; Documentaires<\/li>\n                            <li>\ud83d\udcda Vid\u00e9os et audios \u00e9ducatifs<\/li>\n                            <li>\ud83d\udd2c Informations et perspectives scientifiques<\/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=\"ton@email.com\" required id=\"emailInput\">\n                            <button type=\"submit\" id=\"emailSubmitBtn\">Recevoir les Mises \u00e0 Jour<\/button>\n                            <p class=\"form-note\">\u27a1\ufe0f Reste curieux \u2b05\ufe0f<\/p>\n                        <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/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\n            <!-- Go Exploring CTA -->\n            <div class=\"cta-section\">\n                <a href=\"https:\/\/twobirdsonestoned.co\/fr\" class=\"cta-button\">\n                    \ud83c\udf3f Va explorer\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Track theme state\n        let isDarkTheme = true;\n\n        \/\/ VIDEO MODAL FUNCTIONS\n        function openVideoModal(videoId, title) {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('videoIframe');\n            const modalTitle = document.getElementById('videoModalTitle');\n            \n            modalTitle.textContent = title;\n            iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0&modestbranding=1`;\n            modal.style.display = 'block';\n            document.body.style.overflow = 'hidden';\n        }\n\n        function closeVideoModal() {\n            const modal = document.getElementById('videoModal');\n            const iframe = document.getElementById('videoIframe');\n            \n            iframe.src = '';\n            modal.style.display = 'none';\n            document.body.style.overflow = '';\n        }\n\n        window.onclick = function(event) {\n            const modal = document.getElementById('videoModal');\n            if (event.target === modal) {\n                closeVideoModal();\n            }\n        }\n\n        document.addEventListener('keydown', function(event) {\n            if (event.key === 'Escape') {\n                closeVideoModal();\n            }\n        });\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        function toggleTheme() {\n            const body = document.body;\n            const html = document.documentElement;\n            const contentCards = document.querySelectorAll('.content-card');\n            const title = document.querySelector('.tbos-section-title');\n            const subtitle = document.querySelector('.page-subtitle');\n            const buttons = document.querySelectorAll('.email-submit, .btn');\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 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 videoLinks = card.querySelectorAll('.video-link');\n                    videoLinks.forEach(link => {\n                        link.style.setProperty('color', '#B8860B', 'important');\n                    });\n                    \n                    const emailInputs = card.querySelectorAll('.email-input');\n                    emailInputs.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                    });\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('text-shadow', 'none', 'important');\n                    \n                    const spans = title.querySelectorAll('span');\n                    spans.forEach((span, index) => {\n                        if (index === 1) {\n                            span.style.setProperty('color', '#2A2A2A', 'important');\n                        } else {\n                            span.style.setProperty('color', '#B8860B', 'important');\n                        }\n                    });\n                }\n\n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#000000', 'important');\n                    subtitle.style.setProperty('opacity', '1', 'important');\n                }\n\n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#B8860B', 'important');\n                    button.style.setProperty('color', '#fff', 'important');\n                });\n\n                const ctaButtons = document.querySelectorAll('.cta-button');\n                ctaButtons.forEach(button => {\n                    button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                    button.style.setProperty('color', '#FFFFFF', 'important');\n                    button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', '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 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 emailInputs = card.querySelectorAll('.email-input');\n                    emailInputs.forEach(input => {\n                        input.style.setProperty('background', 'rgba(29,29,29,0.9)', 'important');\n                        input.style.setProperty('color', '#F5EBD6', 'important');\n                        input.style.setProperty('border', '2px solid rgba(156,175,136,0.4)', '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                    const links = card.querySelectorAll('a');\n                    links.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n\n                    const videoLinks = card.querySelectorAll('.video-link');\n                    videoLinks.forEach(link => {\n                        link.style.setProperty('color', '#4CAF50', 'important');\n                    });\n                });\n                \n                if (title) {\n                    title.style.setProperty('text-shadow', '2px 2px 8px rgba(0,0,0,0.8)', 'important');\n                    \n                    const spans = title.querySelectorAll('span');\n                    spans.forEach((span, index) => {\n                        if (index === 1) {\n                            span.style.setProperty('color', '#F5EBD6', 'important');\n                        } else {\n                            span.style.setProperty('color', '#F4C542', 'important');\n                        }\n                    });\n                }\n\n                if (subtitle) {\n                    subtitle.style.setProperty('color', '#E3E3DC', 'important');\n                    subtitle.style.setProperty('opacity', '0.9', 'important');\n                }\n\n                buttons.forEach(button => {\n                    button.style.setProperty('background-color', '#4CAF50', 'important');\n                    button.style.setProperty('color', '#000', 'important');\n                });\n\n                const ctaButtons = document.querySelectorAll('.cta-button');\n                ctaButtons.forEach(button => {\n                    button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                    button.style.setProperty('color', '#FFFFFF', 'important');\n                    button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n                });\n                \n                console.log('Applied dark theme CTA styling');\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                    \n                    emailInput.value = '';\n                    \n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 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                    \n                    setTimeout(() => {\n                        messageDiv.style.display = 'none';\n                    }, 5000);\n                })\n                .finally(() => {\n                    submitBtn.textContent = originalText;\n                    submitBtn.disabled = false;\n                });\n            });\n        }\n\n        \/\/ Initialize page\n        document.addEventListener('DOMContentLoaded', function() {\n            initializeAnimations();\n            setupEmailSignup();\n            toggleTheme();\n            \n            setTimeout(() => {\n                const ctaButtons = document.querySelectorAll('.cta-button');\n                ctaButtons.forEach(button => {\n                    button.style.setProperty('background', 'linear-gradient(135deg, #4CAF50, #45a049)', 'important');\n                    button.style.setProperty('color', '#FFFFFF', 'important');\n                    button.style.setProperty('box-shadow', '0 4px 15px rgba(76, 175, 80, 0.3)', 'important');\n                });\n            }, 100);\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    <\/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>About Two Birds One Stoned &#8211; Cannabis Education Without the Hype | Evidence-Based Content Loading&#8230; &times; ABOUT TWO BIRDS ONE STONED The story behind our mission to educate and break stigma \ud83c\udf19 What We&#8217;re About Welcome to Two Birds One Stoned, where we&#8217;re all about educating, breaking stigma, and sparking real conversations about cannabis. It&#8217;s [&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-240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/comments?post=240"}],"version-history":[{"count":117,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/240\/revisions"}],"predecessor-version":[{"id":8060,"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/pages\/240\/revisions\/8060"}],"wp:attachment":[{"href":"https:\/\/twobirdsonestoned.co\/fr\/wp-json\/wp\/v2\/media?parent=240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}