{"id":1445,"date":"2025-10-23T11:41:07","date_gmt":"2025-10-23T11:41:07","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=1445"},"modified":"2026-09-16T18:43:43","modified_gmt":"2026-09-16T16:43:43","slug":"ticketing","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/en\/ticketing\/","title":{"rendered":"TICKETING"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1445\" class=\"elementor elementor-1445\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9398f31 e-con e-atomic-element e-flexbox-base e-default-div e-b1be289 \" data-id=\"9398f31\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9398f31\" data-e-type=\"e-flexbox\" data-id=\"9398f31\">\n    \t\t<div class=\"elementor-element elementor-element-9710572 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"9710572\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     ATELIER TH\u00c9\u00c2TRE BURKINAB\u00c8\n     TICKETS \u2014 ENGLISH VERSION\n     PART 01 : HERO + CURRENT EVENTS\n============================================================ -->\n\n<div class=\"atb-ticketing-en\">\n\n<!-- ============================================================\n     01 \u2014 HERO\n============================================================ -->\n\n<section class=\"atb-ticket-hero\" id=\"ticketing\">\n\n    <div class=\"atb-ticket-hero__image\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-ticket-hero__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-ticket-hero__light\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-ticket-hero__container\">\n\n        <div class=\"atb-ticket-hero__content\">\n\n            <div class=\"atb-ticket-hero__eyebrow\">\n                <span><\/span>\n                Official ATB Ticketing\n            <\/div>\n\n            <h1 class=\"atb-ticket-hero__title\">\n                Every performance\n                <span>is a unique encounter.<\/span>\n            <\/h1>\n\n            <p class=\"atb-ticket-hero__intro\">\n                Discover the Atelier Th\u00e9\u00e2tre Burkinab\u00e8 programme\n                and book your seat to experience the stage\n                up close with the artists.\n            <\/p>\n\n            <div class=\"atb-ticket-hero__actions\">\n\n                <a href=\"#events\"\n                   class=\"atb-ticket-btn atb-ticket-btn--gold\">\n\n                    <span>View Events<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n                <a href=\"\/atb-v2\/en\/agenda\/\"\n                   class=\"atb-ticket-btn atb-ticket-btn--glass\">\n\n                    <span>Cultural Calendar<\/span>\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/>\n                        <path d=\"M16 3v4M8 3v4M3 10h18\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n            <div class=\"atb-ticket-hero__meta\">\n\n                <div class=\"atb-ticket-hero__meta-item\">\n\n                    <span class=\"atb-ticket-hero__meta-icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    <span>\n                        Online booking depending on the event\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-ticket-hero__meta-separator\"><\/div>\n\n                <div class=\"atb-ticket-hero__meta-item\">\n\n                    <span class=\"atb-ticket-hero__meta-icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"\/>\n                            <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    <span>\n                        ATB Cultural Centre \u2022 Ouagadougou\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- VISUAL SIGNATURE -->\n\n        <div class=\"atb-ticket-hero__signature\" aria-hidden=\"true\">\n\n            <span class=\"atb-ticket-hero__signature-number\">\n                01\n            <\/span>\n\n            <span class=\"atb-ticket-hero__signature-line\"><\/span>\n\n            <span class=\"atb-ticket-hero__signature-text\">\n                Book<br>\n                <strong>Experience the stage<\/strong>\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- SCROLL -->\n\n    <a href=\"#events\"\n       class=\"atb-ticket-hero__scroll\"\n       aria-label=\"Discover current events\">\n\n        <span>Discover<\/span>\n\n        <span class=\"atb-ticket-hero__scroll-line\"><\/span>\n\n    <\/a>\n\n\n    <!-- TRANSITION -->\n\n    <div class=\"atb-ticket-hero__curve\" aria-hidden=\"true\">\n\n        <svg viewBox=\"0 0 1440 90\"\n             preserveAspectRatio=\"none\">\n\n            <path\n                d=\"M0 56C250 96 474 8 735 42C1008 77 1194 102 1440 46V90H0Z\"\n                fill=\"#F7F1E7\"\n            \/>\n\n        <\/svg>\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ============================================================\n     02 \u2014 CURRENT EVENTS\n============================================================ -->\n\n<section class=\"atb-ticket-events\" id=\"events\">\n\n    <div class=\"atb-ticket-events__circle\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-ticket-events__container\">\n\n\n        <!-- HEADER -->\n\n        <header class=\"atb-ticket-events__header\">\n\n            <div>\n\n                <span class=\"atb-ticket-events__eyebrow\">\n                    Programme\n                <\/span>\n\n                <h2 class=\"atb-ticket-events__title\">\n                    Now <em>Showing<\/em>\n                <\/h2>\n\n                <p class=\"atb-ticket-events__intro\">\n                    Find the performances and events currently\n                    available for booking.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/atb-v2\/en\/agenda\/\"\n               class=\"atb-ticket-events__agenda\">\n\n                <span>View Full Calendar<\/span>\n\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                <\/svg>\n\n            <\/a>\n\n        <\/header>\n\n\n        <!-- ====================================================\n             CURRENT STATUS:\n             NO ACTIVE ONLINE BOOKING\n\n             Keep this block visible until an event with\n             verified booking information is available.\n        ===================================================== -->\n\n        <div class=\"atb-ticket-empty\">\n\n\n            <!-- VISUAL -->\n\n            <div class=\"atb-ticket-empty__visual\">\n\n                <div class=\"atb-ticket-empty__photo\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg\"\n                        alt=\"Artistic activity at Atelier Th\u00e9\u00e2tre Burkinab\u00e8\"\n                        loading=\"lazy\"\n                    >\n\n                    <div class=\"atb-ticket-empty__photo-overlay\"><\/div>\n\n                    <div class=\"atb-ticket-empty__photo-label\">\n\n                        <span>ATB<\/span>\n\n                        <strong>\n                            The stage lives on\n                        <\/strong>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"atb-ticket-empty__ticket\"\n                     aria-hidden=\"true\">\n\n                    <span>\n                        COMING SOON\n                    <\/span>\n\n                    <svg viewBox=\"0 0 24 24\">\n\n                        <path d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- CONTENT -->\n\n            <div class=\"atb-ticket-empty__content\">\n\n                <span class=\"atb-ticket-empty__eyebrow\">\n                    Coming Soon\n                <\/span>\n\n                <h3>\n                    New experiences\n                    <em>are taking shape.<\/em>\n                <\/h3>\n\n                <p>\n                    No event is currently listed as open for\n                    online booking. ATB\u2019s programme evolves\n                    throughout the season, so check our cultural\n                    calendar regularly to discover upcoming\n                    performances and events.\n                <\/p>\n\n                <div class=\"atb-ticket-empty__actions\">\n\n                    <a href=\"\/atb-v2\/en\/agenda\/\"\n                       class=\"atb-ticket-empty__button\">\n\n                        <span>\n                            Explore the Calendar\n                        <\/span>\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n\n                <div class=\"atb-ticket-empty__note\">\n\n                    <span class=\"atb-ticket-empty__note-icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                            <path d=\"M12 8v4M12 16h.01\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    <span>\n                        Booking information will appear here\n                        as soon as ticket sales open for an event.\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- ====================================================\n             EVENT CARD TEMPLATE \u2014 DISABLED\n\n             KEEP THIS TEMPLATE.\n\n             When an event becomes available:\n             1. Move this block outside the HTML comment.\n             2. Enter verified event information.\n             3. Add the official booking URL.\n             4. Hide .atb-ticket-empty.\n        =====================================================\n\n        <div class=\"atb-ticket-events__grid\">\n\n            <article class=\"atb-ticket-card\">\n\n                <div class=\"atb-ticket-card__media\">\n\n                    <img decoding=\"async\"\n                        src=\"IMAGE-URL\"\n                        alt=\"EVENT-NAME\"\n                    >\n\n                    <span class=\"atb-ticket-card__badge\">\n                        New\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-ticket-card__content\">\n\n                    <span class=\"atb-ticket-card__category\">\n                        Theatre\n                    <\/span>\n\n                    <h3>\n                        EVENT NAME\n                    <\/h3>\n\n                    <div class=\"atb-ticket-card__infos\">\n\n                        <span>DATE<\/span>\n\n                        <span>TIME<\/span>\n\n                        <span>VENUE<\/span>\n\n                        <span>PRICE<\/span>\n\n                    <\/div>\n\n                    <a\n                        href=\"OFFICIAL-BOOKING-URL\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        class=\"atb-ticket-card__button\"\n                    >\n                        Book Tickets\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n        ==================================================== -->\n\n\n    <\/div>\n\n<\/section>\n\n<\/div>\n\n\n\n<style>\n\n\/* ============================================================\n   TYPOGRAPHY\n============================================================ *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600&display=swap');\n\n\n\/* ============================================================\n   VARIABLES\n============================================================ *\/\n\n.atb-ticketing-en {\n\n    --atb-bordeaux: #60052D;\n    --atb-bordeaux-dark: #340018;\n    --atb-bordeaux-deep: #1D000D;\n\n    --atb-gold: #CC9933;\n    --atb-gold-light: #E5BF67;\n\n    --atb-cream: #F7F1E7;\n    --atb-cream-light: #FCF9F4;\n\n    --atb-white: #FFFFFF;\n\n    --atb-text: #31282C;\n    --atb-muted: #756B70;\n\n    width: 100%;\n    overflow: hidden;\n\n    font-family: \"Archivo\", sans-serif;\n}\n\n.atb-ticketing-en *,\n.atb-ticketing-en *::before,\n.atb-ticketing-en *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n.atb-ticket-hero {\n\n    position: relative;\n\n    width: 100%;\n    min-height: 820px;\n\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n\n    isolation: isolate;\n\n    background: var(--atb-bordeaux-deep);\n\n    color: var(--atb-white);\n}\n\n\n.atb-ticket-hero__image {\n\n    position: absolute;\n    inset: 0;\n\n    z-index: -5;\n\n    background-image:\n        url(\"https:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg\");\n\n    background-size: cover;\n    background-position: center 38%;\n\n    transform: scale(1.025);\n\n    animation:\n        atbHeroImageEN 16s ease-out forwards;\n}\n\n\n@keyframes atbHeroImageEN {\n\n    from {\n        transform: scale(1.025);\n    }\n\n    to {\n        transform: scale(1.075);\n    }\n\n}\n\n\n.atb-ticket-hero__overlay {\n\n    position: absolute;\n    inset: 0;\n\n    z-index: -4;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            rgba(24,0,11,.96) 0%,\n            rgba(42,0,20,.91) 34%,\n            rgba(67,3,33,.68) 61%,\n            rgba(22,0,11,.27) 100%\n        ),\n\n        linear-gradient(\n            180deg,\n            rgba(20,0,9,.20) 0%,\n            rgba(20,0,9,.18) 52%,\n            rgba(20,0,9,.80) 100%\n        );\n}\n\n\n.atb-ticket-hero__light {\n\n    position: absolute;\n\n    z-index: -3;\n\n    top: 50%;\n    left: 23%;\n\n    width: 550px;\n    height: 550px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(204,153,51,.12);\n\n    filter: blur(125px);\n\n    transform:\n        translate(-50%, -50%);\n\n    pointer-events: none;\n}\n\n\n.atb-ticket-hero__container {\n\n    position: relative;\n\n    width:\n        min(1240px, calc(100% - 80px));\n\n    margin: 0 auto;\n\n    padding:\n        130px 0 155px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 60px;\n}\n\n\n.atb-ticket-hero__content {\n\n    width: min(800px, 73%);\n}\n\n\n.atb-ticket-hero__eyebrow {\n\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n\n    margin-bottom: 22px;\n\n    color:\n        var(--atb-gold-light);\n\n    font-size: 11px;\n    font-weight: 700;\n\n    letter-spacing: .19em;\n\n    text-transform: uppercase;\n\n    animation:\n        atbFadeUpEN .8s ease both;\n}\n\n\n.atb-ticket-hero__eyebrow span {\n\n    width: 38px;\n    height: 1px;\n\n    background:\n        var(--atb-gold);\n}\n\n\n.atb-ticket-hero__title {\n\n    max-width: 860px;\n\n    margin: 0;\n\n    color:\n        var(--atb-white);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(59px, 6vw, 91px);\n\n    font-weight: 600;\n\n    line-height: .98;\n\n    letter-spacing: -.045em;\n\n    animation:\n        atbFadeUpEN .9s .08s ease both;\n}\n\n\n.atb-ticket-hero__title span {\n\n    display: block;\n\n    margin-top: 7px;\n\n    color:\n        var(--atb-gold-light);\n\n    font-style: italic;\n    font-weight: 500;\n}\n\n\n.atb-ticket-hero__intro {\n\n    max-width: 660px;\n\n    margin:\n        30px 0 0;\n\n    color:\n        rgba(255,255,255,.80);\n\n    font-size: 17px;\n\n    line-height: 1.75;\n\n    animation:\n        atbFadeUpEN .9s .16s ease both;\n}\n\n\n.atb-ticket-hero__actions {\n\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 14px;\n\n    margin-top: 36px;\n\n    animation:\n        atbFadeUpEN .9s .24s ease both;\n}\n\n\n.atb-ticket-btn {\n\n    min-height: 58px;\n\n    padding:\n        0 27px;\n\n    border-radius: 100px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    text-decoration: none !important;\n\n    font-size: 13px;\n    font-weight: 700;\n\n    transition:\n        transform .3s ease,\n        background-color .3s ease,\n        border-color .3s ease;\n}\n\n\n.atb-ticket-btn:hover {\n\n    transform:\n        translateY(-3px);\n}\n\n\n.atb-ticket-btn svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition:\n        transform .3s ease;\n}\n\n\n.atb-ticket-btn:hover svg {\n\n    transform:\n        translateX(3px);\n}\n\n\n.atb-ticket-btn--gold {\n\n    border:\n        1px solid var(--atb-gold);\n\n    background:\n        var(--atb-gold);\n\n    color:\n        var(--atb-bordeaux) !important;\n\n    box-shadow:\n        0 16px 40px rgba(204,153,51,.20);\n}\n\n\n.atb-ticket-btn--gold:hover {\n\n    background:\n        var(--atb-gold-light);\n}\n\n\n.atb-ticket-btn--glass {\n\n    border:\n        1px solid rgba(255,255,255,.38);\n\n    background:\n        rgba(255,255,255,.08);\n\n    color:\n        var(--atb-white) !important;\n\n    backdrop-filter:\n        blur(10px);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n}\n\n\n.atb-ticket-btn--glass:hover {\n\n    border-color:\n        rgba(255,255,255,.75);\n\n    background:\n        rgba(255,255,255,.14);\n}\n\n\n\/* META *\/\n\n.atb-ticket-hero__meta {\n\n    display: flex;\n    align-items: center;\n\n    gap: 20px;\n\n    margin-top: 36px;\n\n    animation:\n        atbFadeUpEN .9s .32s ease both;\n}\n\n\n.atb-ticket-hero__meta-item {\n\n    display: flex;\n    align-items: center;\n\n    gap: 9px;\n\n    color:\n        rgba(255,255,255,.64);\n\n    font-size: 11px;\n\n    line-height: 1.4;\n}\n\n\n.atb-ticket-hero__meta-icon {\n\n    color:\n        var(--atb-gold-light);\n}\n\n\n.atb-ticket-hero__meta-icon svg {\n\n    width: 17px;\n    height: 17px;\n\n    display: block;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.7;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n.atb-ticket-hero__meta-separator {\n\n    width: 1px;\n    height: 22px;\n\n    background:\n        rgba(255,255,255,.20);\n}\n\n\n\/* SIGNATURE *\/\n\n.atb-ticket-hero__signature {\n\n    position: relative;\n\n    flex: 0 0 190px;\n\n    display: flex;\n    flex-direction: column;\n\n    align-items: flex-end;\n\n    color:\n        rgba(255,255,255,.62);\n\n    animation:\n        atbFadeLeftEN 1s .35s ease both;\n}\n\n\n.atb-ticket-hero__signature-number {\n\n    color:\n        var(--atb-gold-light);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 76px;\n\n    font-weight: 500;\n\n    line-height: 1;\n}\n\n\n.atb-ticket-hero__signature-line {\n\n    width: 110px;\n    height: 1px;\n\n    margin:\n        17px 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--atb-gold)\n        );\n}\n\n\n.atb-ticket-hero__signature-text {\n\n    font-size: 10px;\n\n    line-height: 1.7;\n\n    letter-spacing: .15em;\n\n    text-align: right;\n\n    text-transform: uppercase;\n}\n\n\n.atb-ticket-hero__signature-text strong {\n\n    color:\n        var(--atb-white);\n\n    font-weight: 600;\n}\n\n\n\/* SCROLL *\/\n\n.atb-ticket-hero__scroll {\n\n    position: absolute;\n\n    z-index: 5;\n\n    left: 50%;\n    bottom: 58px;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    gap: 10px;\n\n    color:\n        rgba(255,255,255,.65) !important;\n\n    text-decoration: none !important;\n\n    transform:\n        translateX(-50%);\n}\n\n\n.atb-ticket-hero__scroll > span:first-child {\n\n    font-size: 8px;\n\n    font-weight: 600;\n\n    letter-spacing: .22em;\n\n    text-transform: uppercase;\n}\n\n\n.atb-ticket-hero__scroll-line {\n\n    position: relative;\n\n    width: 1px;\n    height: 33px;\n\n    overflow: hidden;\n\n    background:\n        rgba(255,255,255,.23);\n}\n\n\n.atb-ticket-hero__scroll-line::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: -100%;\n    left: 0;\n\n    width: 1px;\n    height: 100%;\n\n    background:\n        var(--atb-gold-light);\n\n    animation:\n        atbScrollLineEN 2s infinite;\n}\n\n\n@keyframes atbScrollLineEN {\n\n    0% {\n        top: -100%;\n    }\n\n    50% {\n        top: 100%;\n    }\n\n    100% {\n        top: 100%;\n    }\n\n}\n\n\n\/* CURVE *\/\n\n.atb-ticket-hero__curve {\n\n    position: absolute;\n\n    z-index: 4;\n\n    left: -2px;\n    right: -2px;\n    bottom: -2px;\n\n    height: 75px;\n\n    pointer-events: none;\n}\n\n\n.atb-ticket-hero__curve svg {\n\n    width: 100%;\n    height: 100%;\n\n    display: block;\n}\n\n\n\n\/* ============================================================\n   EVENTS\n============================================================ *\/\n\n.atb-ticket-events {\n\n    position: relative;\n\n    overflow: hidden;\n\n    padding:\n        100px 0 135px;\n\n    background:\n        var(--atb-cream);\n\n    color:\n        var(--atb-text);\n}\n\n\n.atb-ticket-events__container {\n\n    position: relative;\n\n    z-index: 2;\n\n    width:\n        min(1200px, calc(100% - 80px));\n\n    margin: 0 auto;\n}\n\n\n.atb-ticket-events__circle {\n\n    position: absolute;\n\n    top: 30px;\n    right: -190px;\n\n    width: 480px;\n    height: 480px;\n\n    border:\n        1px solid rgba(96,5,45,.07);\n\n    border-radius: 50%;\n}\n\n\n.atb-ticket-events__circle::before,\n.atb-ticket-events__circle::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    border:\n        1px solid rgba(96,5,45,.05);\n\n    border-radius: 50%;\n}\n\n\n.atb-ticket-events__circle::before {\n    inset: 50px;\n}\n\n\n.atb-ticket-events__circle::after {\n    inset: 100px;\n}\n\n\n\/* HEADER *\/\n\n.atb-ticket-events__header {\n\n    display: flex;\n    align-items: flex-end;\n    justify-content: space-between;\n\n    gap: 40px;\n\n    margin-bottom: 55px;\n}\n\n\n.atb-ticket-events__header > div {\n    max-width: 680px;\n}\n\n\n.atb-ticket-events__eyebrow {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 14px;\n\n    color:\n        var(--atb-bordeaux);\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: .18em;\n\n    text-transform: uppercase;\n}\n\n\n.atb-ticket-events__eyebrow::before {\n\n    content: \"\";\n\n    width: 33px;\n    height: 1px;\n\n    background:\n        var(--atb-gold);\n}\n\n\n.atb-ticket-events__title {\n\n    margin: 0;\n\n    color:\n        var(--atb-bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(48px, 5vw, 72px);\n\n    font-weight: 600;\n\n    line-height: 1;\n\n    letter-spacing: -.04em;\n}\n\n\n.atb-ticket-events__title em {\n\n    color:\n        var(--atb-gold);\n\n    font-weight: 500;\n}\n\n\n.atb-ticket-events__intro {\n\n    max-width: 570px;\n\n    margin:\n        18px 0 0;\n\n    color:\n        var(--atb-muted);\n\n    font-size: 15px;\n\n    line-height: 1.75;\n}\n\n\n\/* CALENDAR LINK *\/\n\n.atb-ticket-events__agenda {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    padding-bottom: 6px;\n\n    border-bottom:\n        1px solid rgba(96,5,45,.25);\n\n    color:\n        var(--atb-bordeaux) !important;\n\n    text-decoration: none !important;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    transition:\n        color .3s ease,\n        gap .3s ease,\n        border-color .3s ease;\n}\n\n\n.atb-ticket-events__agenda svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n.atb-ticket-events__agenda:hover {\n\n    gap: 15px;\n\n    color:\n        var(--atb-gold) !important;\n\n    border-color:\n        var(--atb-gold);\n}\n\n\n\n\/* ============================================================\n   EMPTY STATE\n============================================================ *\/\n\n.atb-ticket-empty {\n\n    min-height: 510px;\n\n    overflow: hidden;\n\n    border:\n        1px solid rgba(96,5,45,.09);\n\n    border-radius: 30px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .95fr)\n        minmax(0, 1.05fr);\n\n    background:\n        var(--atb-white);\n\n    box-shadow:\n        0 25px 70px rgba(65,27,43,.09);\n}\n\n\n.atb-ticket-empty__visual {\n\n    position: relative;\n\n    min-height: 510px;\n\n    overflow: hidden;\n}\n\n\n.atb-ticket-empty__photo {\n\n    position: absolute;\n\n    inset: 0;\n\n    overflow: hidden;\n}\n\n\n.atb-ticket-empty__photo img {\n\n    width: 100%;\n    height: 100%;\n\n    display: block;\n\n    object-fit: cover;\n\n    object-position: center;\n\n    transition:\n        transform 1.2s cubic-bezier(.22,1,.36,1);\n}\n\n\n.atb-ticket-empty:hover\n.atb-ticket-empty__photo img {\n\n    transform:\n        scale(1.045);\n}\n\n\n.atb-ticket-empty__photo-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(24,0,11,.08),\n            rgba(24,0,11,.65)\n        );\n}\n\n\n.atb-ticket-empty__photo-label {\n\n    position: absolute;\n\n    left: 30px;\n    bottom: 30px;\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 4px;\n\n    color:\n        var(--atb-white);\n}\n\n\n.atb-ticket-empty__photo-label span {\n\n    color:\n        var(--atb-gold-light);\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: .2em;\n\n    text-transform: uppercase;\n}\n\n\n.atb-ticket-empty__photo-label strong {\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 27px;\n\n    font-weight: 500;\n}\n\n\n.atb-ticket-empty__ticket {\n\n    position: absolute;\n\n    z-index: 4;\n\n    top: 28px;\n    right: 28px;\n\n    min-height: 45px;\n\n    padding:\n        0 16px;\n\n    border:\n        1px solid rgba(255,255,255,.30);\n\n    border-radius: 100px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 9px;\n\n    background:\n        rgba(54,0,25,.68);\n\n    color:\n        var(--atb-white);\n\n    backdrop-filter:\n        blur(10px);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n    box-shadow:\n        0 12px 30px rgba(0,0,0,.18);\n}\n\n\n.atb-ticket-empty__ticket span {\n\n    color:\n        var(--atb-gold-light);\n\n    font-size: 8px;\n\n    font-weight: 700;\n\n    letter-spacing: .15em;\n}\n\n\n.atb-ticket-empty__ticket svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.6;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* CONTENT *\/\n\n.atb-ticket-empty__content {\n\n    padding:\n        65px 62px;\n\n    display: flex;\n    flex-direction: column;\n\n    justify-content: center;\n}\n\n\n.atb-ticket-empty__eyebrow {\n\n    color:\n        var(--atb-gold);\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: .18em;\n\n    text-transform: uppercase;\n}\n\n\n.atb-ticket-empty__content h3 {\n\n    max-width: 530px;\n\n    margin:\n        14px 0 0;\n\n    color:\n        var(--atb-bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(39px, 4vw, 56px);\n\n    font-weight: 600;\n\n    line-height: 1.06;\n\n    letter-spacing: -.035em;\n}\n\n\n.atb-ticket-empty__content h3 em {\n\n    display: block;\n\n    color:\n        var(--atb-gold);\n\n    font-weight: 500;\n}\n\n\n.atb-ticket-empty__content > p {\n\n    max-width: 540px;\n\n    margin:\n        22px 0 0;\n\n    color:\n        var(--atb-muted);\n\n    font-size: 14px;\n\n    line-height: 1.8;\n}\n\n\n.atb-ticket-empty__actions {\n    margin-top: 27px;\n}\n\n\n.atb-ticket-empty__button {\n\n    min-height: 55px;\n\n    padding:\n        0 24px;\n\n    border-radius: 100px;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 12px;\n\n    background:\n        var(--atb-bordeaux);\n\n    color:\n        var(--atb-white) !important;\n\n    text-decoration: none !important;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    box-shadow:\n        0 15px 35px rgba(96,5,45,.19);\n\n    transition:\n        transform .3s ease,\n        background-color .3s ease;\n}\n\n\n.atb-ticket-empty__button:hover {\n\n    transform:\n        translateY(-3px);\n\n    background:\n        var(--atb-bordeaux-dark);\n}\n\n\n.atb-ticket-empty__button svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        var(--atb-gold-light);\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n.atb-ticket-empty__note {\n\n    max-width: 520px;\n\n    margin-top: 30px;\n\n    padding-top: 22px;\n\n    border-top:\n        1px solid rgba(96,5,45,.09);\n\n    display: flex;\n    align-items: flex-start;\n\n    gap: 11px;\n\n    color:\n        #8B8185;\n\n    font-size: 11px;\n\n    line-height: 1.6;\n}\n\n\n.atb-ticket-empty__note-icon {\n\n    color:\n        var(--atb-gold);\n\n    flex: 0 0 auto;\n}\n\n\n.atb-ticket-empty__note svg {\n\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.7;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\n\/* ============================================================\n   FUTURE EVENT CARDS\n============================================================ *\/\n\n.atb-ticket-events__grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0,1fr));\n\n    gap: 28px;\n}\n\n\n.atb-ticket-card {\n\n    overflow: hidden;\n\n    border-radius: 24px;\n\n    background:\n        var(--atb-white);\n\n    box-shadow:\n        0 20px 55px rgba(65,27,43,.09);\n}\n\n\n.atb-ticket-card__media {\n\n    position: relative;\n\n    height: 330px;\n\n    overflow: hidden;\n}\n\n\n.atb-ticket-card__media img {\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n}\n\n\n.atb-ticket-card__badge {\n\n    position: absolute;\n\n    top: 18px;\n    left: 18px;\n\n    padding:\n        8px 13px;\n\n    border-radius: 100px;\n\n    background:\n        var(--atb-bordeaux);\n\n    color:\n        var(--atb-white);\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    text-transform: uppercase;\n}\n\n\n.atb-ticket-card__content {\n\n    padding:\n        27px;\n}\n\n\n.atb-ticket-card__category {\n\n    color:\n        var(--atb-gold);\n\n    font-size: 9px;\n\n    font-weight: 700;\n\n    letter-spacing: .15em;\n\n    text-transform: uppercase;\n}\n\n\n.atb-ticket-card__content h3 {\n\n    margin:\n        10px 0 0;\n\n    color:\n        var(--atb-bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 30px;\n}\n\n\n.atb-ticket-card__infos {\n\n    margin:\n        22px 0;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2,1fr);\n\n    gap: 12px;\n\n    color:\n        var(--atb-muted);\n\n    font-size: 12px;\n}\n\n\n.atb-ticket-card__button {\n\n    min-height: 52px;\n\n    padding:\n        0 20px;\n\n    border-radius: 100px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background:\n        var(--atb-bordeaux);\n\n    color:\n        var(--atb-white) !important;\n\n    text-decoration: none !important;\n\n    font-size: 12px;\n    font-weight: 700;\n}\n\n\n\n\/* ============================================================\n   ANIMATIONS\n============================================================ *\/\n\n@keyframes atbFadeUpEN {\n\n    from {\n        opacity: 0;\n        transform: translateY(25px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n}\n\n\n@keyframes atbFadeLeftEN {\n\n    from {\n        opacity: 0;\n        transform: translateX(25px);\n    }\n\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n\n}\n\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media (max-width: 1024px) {\n\n    .atb-ticket-hero {\n        min-height: 760px;\n    }\n\n\n    .atb-ticket-hero__container {\n\n        width:\n            calc(100% - 56px);\n\n    }\n\n\n    .atb-ticket-hero__content {\n        width: 80%;\n    }\n\n\n    .atb-ticket-hero__signature {\n        flex-basis: 130px;\n    }\n\n\n    .atb-ticket-hero__signature-number {\n        font-size: 60px;\n    }\n\n\n    .atb-ticket-events__container {\n\n        width:\n            calc(100% - 56px);\n\n    }\n\n\n    .atb-ticket-empty__content {\n\n        padding:\n            50px 40px;\n\n    }\n\n}\n\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media (max-width: 767px) {\n\n    .atb-ticket-hero {\n\n        min-height: 780px;\n\n    }\n\n\n    .atb-ticket-hero__image {\n\n        background-position:\n            61% center;\n\n    }\n\n\n    .atb-ticket-hero__overlay {\n\n        background:\n\n            linear-gradient(\n                180deg,\n                rgba(28,0,13,.64) 0%,\n                rgba(35,0,17,.82) 42%,\n                rgba(27,0,13,.97) 100%\n            );\n\n    }\n\n\n    .atb-ticket-hero__container {\n\n        width:\n            calc(100% - 34px);\n\n        padding:\n            115px 0 145px;\n\n    }\n\n\n    .atb-ticket-hero__content {\n        width: 100%;\n    }\n\n\n    .atb-ticket-hero__title {\n\n        font-size:\n            clamp(46px, 13vw, 63px);\n\n    }\n\n\n    .atb-ticket-hero__intro {\n\n        font-size: 15px;\n\n        line-height: 1.7;\n\n    }\n\n\n    .atb-ticket-hero__actions {\n\n        flex-direction: column;\n\n        align-items: stretch;\n\n    }\n\n\n    .atb-ticket-btn {\n        width: 100%;\n    }\n\n\n    .atb-ticket-hero__meta {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 11px;\n\n    }\n\n\n    .atb-ticket-hero__meta-separator {\n        display: none;\n    }\n\n\n    .atb-ticket-hero__signature {\n        display: none;\n    }\n\n\n    .atb-ticket-hero__scroll {\n        bottom: 55px;\n    }\n\n\n    \/* EVENTS *\/\n\n    .atb-ticket-events {\n\n        padding:\n            80px 0 90px;\n\n    }\n\n\n    .atb-ticket-events__container {\n\n        width:\n            calc(100% - 34px);\n\n    }\n\n\n    .atb-ticket-events__header {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 25px;\n\n        margin-bottom: 38px;\n\n    }\n\n\n    .atb-ticket-events__title {\n        font-size: 50px;\n    }\n\n\n    .atb-ticket-empty {\n\n        min-height: 0;\n\n        grid-template-columns: 1fr;\n\n        border-radius: 23px;\n\n    }\n\n\n    .atb-ticket-empty__visual {\n        min-height: 370px;\n    }\n\n\n    .atb-ticket-empty__content {\n\n        padding:\n            38px 25px 42px;\n\n    }\n\n\n    .atb-ticket-empty__content h3 {\n        font-size: 40px;\n    }\n\n\n    .atb-ticket-empty__button {\n\n        width: 100%;\n\n        justify-content: center;\n\n    }\n\n\n    .atb-ticket-events__circle {\n        display: none;\n    }\n\n\n    .atb-ticket-events__grid {\n        grid-template-columns: 1fr;\n    }\n\n}\n\n\n\n\/* ============================================================\n   SMALL MOBILE\n============================================================ *\/\n\n@media (max-width: 390px) {\n\n    .atb-ticket-hero__container,\n    .atb-ticket-events__container {\n\n        width:\n            calc(100% - 26px);\n\n    }\n\n\n    .atb-ticket-hero__title {\n        font-size: 42px;\n    }\n\n\n    .atb-ticket-empty__visual {\n        min-height: 320px;\n    }\n\n\n    .atb-ticket-empty__content h3 {\n        font-size: 36px;\n    }\n\n}\n\n\n\n\/* ============================================================\n   REDUCED MOTION\n============================================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-ticket-hero__image,\n    .atb-ticket-hero__eyebrow,\n    .atb-ticket-hero__title,\n    .atb-ticket-hero__intro,\n    .atb-ticket-hero__actions,\n    .atb-ticket-hero__meta,\n    .atb-ticket-hero__signature,\n    .atb-ticket-hero__scroll-line::after {\n\n        animation: none;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-916e774 e-con e-atomic-element e-flexbox-base e-default-div e-98bc8a5 \" data-id=\"916e774\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"916e774\" data-e-type=\"e-flexbox\" data-id=\"916e774\">\n    \t\t<div class=\"elementor-element elementor-element-9baa584 elementor-widget elementor-widget-html\" data-id=\"9baa584\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     ATELIER TH\u00c9\u00c2TRE BURKINAB\u00c8\n     TICKETING \u2014 ENGLISH VERSION\n     PART 02\n     HOW TO BOOK + FINAL CTA\n============================================================ -->\n\n<div class=\"atb-ticketing-en-part2\">\n\n\n<!-- ============================================================\n     03 \u2014 HOW TO BOOK\n============================================================ -->\n\n<section class=\"atb-booking-en\" id=\"how-to-book\">\n\n    <!-- Decorative elements -->\n    <div class=\"atb-booking-en__decor atb-booking-en__decor--1\"\n         aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-booking-en__decor atb-booking-en__decor--2\"\n         aria-hidden=\"true\"><\/div>\n\n\n    <div class=\"atb-booking-en__container\">\n\n\n        <!-- HEADER -->\n\n        <header class=\"atb-booking-en__header\">\n\n            <span class=\"atb-booking-en__eyebrow\">\n                A Simple Journey\n            <\/span>\n\n            <h2 class=\"atb-booking-en__title\">\n                Booking your seat\n                <em>is simple.<\/em>\n            <\/h2>\n\n            <p class=\"atb-booking-en__intro\">\n                When an event is open for booking, you will find\n                all the information you need on this page.\n                Simply follow the steps below.\n            <\/p>\n\n        <\/header>\n\n\n        <!-- STEPS -->\n\n        <div class=\"atb-booking-en__steps\">\n\n\n            <!-- STEP 01 -->\n\n            <article class=\"atb-booking-en-card\">\n\n                <span class=\"atb-booking-en-card__number\"\n                      aria-hidden=\"true\">\n                    01\n                <\/span>\n\n                <div class=\"atb-booking-en-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n\n                        <rect\n                            x=\"3\"\n                            y=\"5\"\n                            width=\"18\"\n                            height=\"16\"\n                            rx=\"2\"\n                        \/>\n\n                        <path d=\"M16 3v4M8 3v4M3 10h18\"\/>\n\n                        <path d=\"m9 15 2 2 4-4\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"atb-booking-en-card__label\">\n                    Step 01\n                <\/span>\n\n                <h3>\n                    Choose your event\n                <\/h3>\n\n                <p>\n                    Browse the available performances and\n                    select the event you would like to attend.\n                <\/p>\n\n                <div class=\"atb-booking-en-card__line\"\n                     aria-hidden=\"true\"><\/div>\n\n            <\/article>\n\n\n            <!-- ARROW -->\n\n            <div class=\"atb-booking-en__arrow\"\n                 aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 40 20\">\n                    <path d=\"M2 10h34M29 3l7 7-7 7\"\/>\n                <\/svg>\n\n            <\/div>\n\n\n            <!-- STEP 02 -->\n\n            <article class=\"atb-booking-en-card\">\n\n                <span class=\"atb-booking-en-card__number\"\n                      aria-hidden=\"true\">\n                    02\n                <\/span>\n\n                <div class=\"atb-booking-en-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n\n                        <path\n                            d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\n                        \/>\n\n                        <path d=\"M12 8v8\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"atb-booking-en-card__label\">\n                    Step 02\n                <\/span>\n\n                <h3>\n                    Follow the booking link\n                <\/h3>\n\n                <p>\n                    When online booking is available,\n                    use the button provided with the event\n                    to access the designated booking platform.\n                <\/p>\n\n                <div class=\"atb-booking-en-card__line\"\n                     aria-hidden=\"true\"><\/div>\n\n            <\/article>\n\n\n            <!-- ARROW -->\n\n            <div class=\"atb-booking-en__arrow\"\n                 aria-hidden=\"true\">\n\n                <svg viewBox=\"0 0 40 20\">\n                    <path d=\"M2 10h34M29 3l7 7-7 7\"\/>\n                <\/svg>\n\n            <\/div>\n\n\n            <!-- STEP 03 -->\n\n            <article class=\"atb-booking-en-card\">\n\n                <span class=\"atb-booking-en-card__number\"\n                      aria-hidden=\"true\">\n                    03\n                <\/span>\n\n                <div class=\"atb-booking-en-card__icon\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n\n                        <path\n                            d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\n                        \/>\n\n                        <path d=\"m9 12 2 2 4-4\"\/>\n\n                    <\/svg>\n\n                <\/div>\n\n                <span class=\"atb-booking-en-card__label\">\n                    Step 03\n                <\/span>\n\n                <h3>\n                    Present your ticket\n                <\/h3>\n\n                <p>\n                    On the day of the performance,\n                    bring the ticket or confirmation\n                    received when you made your booking.\n                <\/p>\n\n                <div class=\"atb-booking-en-card__line\"\n                     aria-hidden=\"true\"><\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- HELP -->\n\n        <div class=\"atb-booking-en-info\">\n\n            <div class=\"atb-booking-en-info__icon\">\n\n                <svg viewBox=\"0 0 24 24\"\n                     aria-hidden=\"true\">\n\n                    <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n\n                    <path d=\"M12 11v5M12 8h.01\"\/>\n\n                <\/svg>\n\n            <\/div>\n\n            <div class=\"atb-booking-en-info__content\">\n\n                <strong>\n                    Need help with your booking?\n                <\/strong>\n\n                <span>\n                    The ATB team is available to provide information\n                    about upcoming performances and access arrangements.\n                <\/span>\n\n            <\/div>\n\n            <!-- Replace only if the final English Contact URL differs -->\n            <a href=\"\/atb-v2\/en\/contact\/\">\n\n                Contact Us\n\n                <svg viewBox=\"0 0 24 24\"\n                     aria-hidden=\"true\">\n\n                    <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n\n                <\/svg>\n\n            <\/a>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\n\n\n\n<!-- ============================================================\n     04 \u2014 FINAL IMMERSIVE CTA\n============================================================ -->\n\n<section class=\"atb-ticket-final-en\">\n\n    <div class=\"atb-ticket-final-en__image\"\n         aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-ticket-final-en__overlay\"\n         aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-ticket-final-en__light\"\n         aria-hidden=\"true\"><\/div>\n\n\n    <div class=\"atb-ticket-final-en__container\">\n\n\n        <!-- CONTENT -->\n\n        <div class=\"atb-ticket-final-en__content\">\n\n            <span class=\"atb-ticket-final-en__eyebrow\">\n                See You at ATB\n            <\/span>\n\n            <h2 class=\"atb-ticket-final-en__title\">\n\n                Your next performance\n\n                <em>\n                    awaits.\n                <\/em>\n\n            <\/h2>\n\n            <p class=\"atb-ticket-final-en__text\">\n                Theatre, encounters, creativity and discovery:\n                follow the Atelier Th\u00e9\u00e2tre Burkinab\u00e8 programme\n                and stay connected to the next experiences\n                taking place on our stages.\n            <\/p>\n\n\n            <div class=\"atb-ticket-final-en__actions\">\n\n                <a href=\"#events\"\n                   class=\"atb-ticket-final-en__btn\n                          atb-ticket-final-en__btn--gold\">\n\n                    <span>\n                        View Events\n                    <\/span>\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n\n                    <\/svg>\n\n                <\/a>\n\n\n                <!-- Replace only if the final English Contact URL differs -->\n\n                <a href=\"\/atb-v2\/en\/contact\/\"\n                   class=\"atb-ticket-final-en__btn\n                          atb-ticket-final-en__btn--outline\">\n\n                    <span>\n                        Contact Us\n                    <\/span>\n\n                    <svg viewBox=\"0 0 24 24\"\n                         aria-hidden=\"true\">\n\n                        <path d=\"M4 5h16v14H4z\"\/>\n                        <path d=\"m4 6 8 7 8-7\"\/>\n\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n\n        <!-- DECORATIVE TICKET -->\n\n        <div class=\"atb-ticket-final-en__ticket\"\n             aria-hidden=\"true\">\n\n            <div class=\"atb-ticket-final-en__ticket-head\">\n\n                <span>\n                    ATB\n                <\/span>\n\n                <svg viewBox=\"0 0 24 24\">\n\n                    <path\n                        d=\"M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5V9a3 3 0 0 0 0 6v2.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 17.5V15a3 3 0 0 0 0-6V6.5Z\"\n                    \/>\n\n                <\/svg>\n\n            <\/div>\n\n\n            <div class=\"atb-ticket-final-en__ticket-dash\"><\/div>\n\n\n            <span class=\"atb-ticket-final-en__ticket-label\">\n                Your next experience\n            <\/span>\n\n\n            <strong>\n                Theatre<br>\n                Culture<br>\n                Encounters\n            <\/strong>\n\n\n            <div class=\"atb-ticket-final-en__ticket-footer\">\n\n                <span>\n                    ATELIER TH\u00c9\u00c2TRE BURKINAB\u00c8\n                <\/span>\n\n                <span>\n                    04\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n\n    <div class=\"atb-ticket-final-en__goldline\"\n         aria-hidden=\"true\"><\/div>\n\n<\/section>\n\n<\/div>\n\n\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600&display=swap');\n\n\n\/* ============================================================\n   GLOBAL\n============================================================ *\/\n\n.atb-ticketing-en-part2 {\n\n    --bordeaux: #60052D;\n    --bordeaux-dark: #340018;\n    --bordeaux-deep: #1D000D;\n\n    --gold: #CC9933;\n    --gold-light: #E5BF67;\n\n    --cream: #F7F1E7;\n    --cream-light: #FCF9F4;\n\n    --white: #FFFFFF;\n\n    --text: #31282C;\n    --muted: #756B70;\n\n    width: 100%;\n    overflow: hidden;\n\n    font-family:\n        \"Archivo\", sans-serif;\n\n}\n\n\n.atb-ticketing-en-part2 *,\n.atb-ticketing-en-part2 *::before,\n.atb-ticketing-en-part2 *::after {\n\n    box-sizing: border-box;\n\n}\n\n\n\n\/* ============================================================\n   03 \u2014 HOW TO BOOK\n============================================================ *\/\n\n.atb-booking-en {\n\n    position: relative;\n\n    overflow: hidden;\n\n    padding:\n        125px 0 135px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #FFFFFF 0%,\n            #FCF9F4 100%\n        );\n\n    color:\n        var(--text);\n\n}\n\n\n.atb-booking-en__container {\n\n    position: relative;\n\n    z-index: 3;\n\n    width:\n        min(1200px, calc(100% - 80px));\n\n    margin: 0 auto;\n\n}\n\n\n\n\/* DECOR *\/\n\n.atb-booking-en__decor {\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    pointer-events: none;\n\n}\n\n\n.atb-booking-en__decor--1 {\n\n    width: 440px;\n    height: 440px;\n\n    top: -270px;\n    left: -210px;\n\n    border:\n        1px solid rgba(96,5,45,.06);\n\n}\n\n\n.atb-booking-en__decor--1::before,\n.atb-booking-en__decor--1::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    border:\n        1px solid rgba(96,5,45,.045);\n\n}\n\n\n.atb-booking-en__decor--1::before {\n    inset: 55px;\n}\n\n\n.atb-booking-en__decor--1::after {\n    inset: 110px;\n}\n\n\n.atb-booking-en__decor--2 {\n\n    width: 320px;\n    height: 320px;\n\n    right: -170px;\n    bottom: 40px;\n\n    background:\n        rgba(204,153,51,.035);\n\n}\n\n\n\n\/* HEADER *\/\n\n.atb-booking-en__header {\n\n    max-width: 780px;\n\n    margin:\n        0 auto 70px;\n\n    text-align: center;\n\n}\n\n\n.atb-booking-en__eyebrow {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 16px;\n\n    color:\n        var(--bordeaux);\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: .19em;\n\n    text-transform: uppercase;\n\n}\n\n\n.atb-booking-en__eyebrow::before,\n.atb-booking-en__eyebrow::after {\n\n    content: \"\";\n\n    width: 27px;\n    height: 1px;\n\n    background:\n        var(--gold);\n\n}\n\n\n.atb-booking-en__title {\n\n    margin: 0;\n\n    color:\n        var(--bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(48px, 5.2vw, 70px);\n\n    font-weight: 600;\n\n    line-height: 1.03;\n\n    letter-spacing: -.04em;\n\n}\n\n\n.atb-booking-en__title em {\n\n    display: block;\n\n    color:\n        var(--gold);\n\n    font-weight: 500;\n\n}\n\n\n.atb-booking-en__intro {\n\n    max-width: 640px;\n\n    margin:\n        21px auto 0;\n\n    color:\n        var(--muted);\n\n    font-size: 15px;\n\n    line-height: 1.75;\n\n}\n\n\n\n\/* ============================================================\n   STEPS\n============================================================ *\/\n\n.atb-booking-en__steps {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        48px\n        minmax(0,1fr)\n        48px\n        minmax(0,1fr);\n\n    align-items: center;\n\n}\n\n\n.atb-booking-en-card {\n\n    position: relative;\n\n    min-height: 365px;\n\n    overflow: hidden;\n\n    padding:\n        38px 32px 34px;\n\n    border:\n        1px solid rgba(96,5,45,.08);\n\n    border-radius: 25px;\n\n    background:\n        rgba(255,255,255,.92);\n\n    box-shadow:\n        0 20px 55px rgba(64,27,42,.07);\n\n    transition:\n        transform .4s cubic-bezier(.22,1,.36,1),\n        box-shadow .4s ease,\n        border-color .4s ease;\n\n}\n\n\n.atb-booking-en-card:hover {\n\n    transform:\n        translateY(-8px);\n\n    border-color:\n        rgba(204,153,51,.35);\n\n    box-shadow:\n        0 28px 70px rgba(64,27,42,.12);\n\n}\n\n\n.atb-booking-en-card__number {\n\n    position: absolute;\n\n    top: 15px;\n    right: 20px;\n\n    color:\n        rgba(96,5,45,.045);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 88px;\n    font-weight: 600;\n\n    line-height: 1;\n\n}\n\n\n.atb-booking-en-card__icon {\n\n    position: relative;\n    z-index: 2;\n\n    width: 64px;\n    height: 64px;\n\n    margin-bottom: 27px;\n\n    border:\n        1px solid rgba(204,153,51,.35);\n\n    border-radius: 18px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background:\n        rgba(204,153,51,.08);\n\n    color:\n        var(--bordeaux);\n\n}\n\n\n.atb-booking-en-card__icon svg {\n\n    width: 28px;\n    height: 28px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.55;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n}\n\n\n.atb-booking-en-card__label {\n\n    color:\n        var(--gold);\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: .18em;\n\n    text-transform: uppercase;\n\n}\n\n\n.atb-booking-en-card h3 {\n\n    max-width: 270px;\n\n    margin:\n        10px 0 14px;\n\n    color:\n        var(--bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 27px;\n    font-weight: 600;\n\n    line-height: 1.15;\n\n}\n\n\n.atb-booking-en-card p {\n\n    margin: 0;\n\n    color:\n        var(--muted);\n\n    font-size: 13px;\n\n    line-height: 1.72;\n\n}\n\n\n.atb-booking-en-card__line {\n\n    position: absolute;\n\n    left: 32px;\n    right: 32px;\n    bottom: 0;\n\n    height: 3px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--gold),\n            rgba(204,153,51,0)\n        );\n\n    transform:\n        scaleX(.35);\n\n    transform-origin:\n        left;\n\n    transition:\n        transform .5s ease;\n\n}\n\n\n.atb-booking-en-card:hover\n.atb-booking-en-card__line {\n\n    transform:\n        scaleX(1);\n\n}\n\n\n\n\/* ARROWS *\/\n\n.atb-booking-en__arrow {\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color:\n        rgba(96,5,45,.25);\n\n}\n\n\n.atb-booking-en__arrow svg {\n\n    width: 31px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.3;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n}\n\n\n\n\/* ============================================================\n   HELP BLOCK\n============================================================ *\/\n\n.atb-booking-en-info {\n\n    margin-top: 48px;\n\n    padding:\n        23px 27px;\n\n    border:\n        1px solid rgba(96,5,45,.08);\n\n    border-radius: 19px;\n\n    display: grid;\n\n    grid-template-columns:\n        auto 1fr auto;\n\n    align-items: center;\n\n    gap: 17px;\n\n    background:\n        rgba(247,241,231,.65);\n\n}\n\n\n.atb-booking-en-info__icon {\n\n    width: 45px;\n    height: 45px;\n\n    border-radius: 50%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background:\n        var(--bordeaux);\n\n    color:\n        var(--gold-light);\n\n}\n\n\n.atb-booking-en-info__icon svg {\n\n    width: 20px;\n    height: 20px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.7;\n\n    stroke-linecap: round;\n\n}\n\n\n.atb-booking-en-info__content {\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 4px;\n\n}\n\n\n.atb-booking-en-info strong {\n\n    color:\n        var(--bordeaux);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 17px;\n    font-weight: 600;\n\n}\n\n\n.atb-booking-en-info span {\n\n    color:\n        var(--muted);\n\n    font-size: 11px;\n\n    line-height: 1.55;\n\n}\n\n\n.atb-booking-en-info > a {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 9px;\n\n    color:\n        var(--bordeaux) !important;\n\n    text-decoration: none !important;\n\n    font-size: 11px;\n    font-weight: 700;\n\n}\n\n\n.atb-booking-en-info > a svg {\n\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n\n    stroke:\n        var(--gold);\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.atb-booking-en-info > a:hover svg {\n\n    transform:\n        translateX(4px);\n\n}\n\n\n\n\/* ============================================================\n   04 \u2014 FINAL CTA\n============================================================ *\/\n\n.atb-ticket-final-en {\n\n    position: relative;\n\n    min-height: 690px;\n\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n\n    isolation: isolate;\n\n    background:\n        var(--bordeaux-deep);\n\n    color:\n        var(--white);\n\n}\n\n\n\/* IMAGE *\/\n\n.atb-ticket-final-en__image {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -5;\n\n    background-image:\n        url(\"https:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/capo-2026.jpg\");\n\n    background-size: cover;\n\n    background-position:\n        center 45%;\n\n    transform:\n        scale(1.04);\n\n    transition:\n        transform 8s ease;\n\n}\n\n\n.atb-ticket-final-en:hover\n.atb-ticket-final-en__image {\n\n    transform:\n        scale(1.075);\n\n}\n\n\n\/* OVERLAY *\/\n\n.atb-ticket-final-en__overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    z-index: -4;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            rgba(24,0,11,.97) 0%,\n            rgba(52,0,24,.92) 43%,\n            rgba(96,5,45,.69) 72%,\n            rgba(25,0,12,.56) 100%\n        ),\n\n        linear-gradient(\n            180deg,\n            rgba(18,0,8,.18),\n            rgba(18,0,8,.70)\n        );\n\n}\n\n\n\/* LIGHT *\/\n\n.atb-ticket-final-en__light {\n\n    position: absolute;\n\n    z-index: -3;\n\n    top: 50%;\n    left: 20%;\n\n    width: 560px;\n    height: 560px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(204,153,51,.11);\n\n    filter:\n        blur(120px);\n\n    transform:\n        translate(-50%,-50%);\n\n}\n\n\n\/* CONTAINER *\/\n\n.atb-ticket-final-en__container {\n\n    width:\n        min(1200px, calc(100% - 80px));\n\n    margin: 0 auto;\n\n    padding:\n        115px 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 80px;\n\n}\n\n\n\/* CONTENT *\/\n\n.atb-ticket-final-en__content {\n\n    max-width: 750px;\n\n}\n\n\n.atb-ticket-final-en__eyebrow {\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 11px;\n\n    margin-bottom: 20px;\n\n    color:\n        var(--gold-light);\n\n    font-size: 10px;\n    font-weight: 700;\n\n    letter-spacing: .19em;\n\n    text-transform: uppercase;\n\n}\n\n\n.atb-ticket-final-en__eyebrow::before {\n\n    content: \"\";\n\n    width: 36px;\n    height: 1px;\n\n    background:\n        var(--gold);\n\n}\n\n\n.atb-ticket-final-en__title {\n\n    margin: 0;\n\n    color:\n        var(--white);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size:\n        clamp(57px,6vw,88px);\n\n    font-weight: 600;\n\n    line-height: .99;\n\n    letter-spacing: -.045em;\n\n}\n\n\n.atb-ticket-final-en__title em {\n\n    display: block;\n\n    color:\n        var(--gold-light);\n\n    font-weight: 500;\n\n}\n\n\n.atb-ticket-final-en__text {\n\n    max-width: 620px;\n\n    margin:\n        28px 0 0;\n\n    color:\n        rgba(255,255,255,.78);\n\n    font-size: 16px;\n\n    line-height: 1.75;\n\n}\n\n\n\n\/* BUTTONS *\/\n\n.atb-ticket-final-en__actions {\n\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 14px;\n\n    margin-top: 36px;\n\n}\n\n\n.atb-ticket-final-en__btn {\n\n    min-height: 58px;\n\n    padding:\n        0 26px;\n\n    border-radius: 100px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    text-decoration: none !important;\n\n    font-size: 13px;\n    font-weight: 700;\n\n    transition:\n        transform .3s ease,\n        background .3s ease,\n        border-color .3s ease;\n\n}\n\n\n.atb-ticket-final-en__btn:hover {\n\n    transform:\n        translateY(-3px);\n\n}\n\n\n.atb-ticket-final-en__btn svg {\n\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n\n    stroke:\n        currentColor;\n\n    stroke-width: 1.8;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n    transition:\n        transform .3s ease;\n\n}\n\n\n.atb-ticket-final-en__btn:hover svg {\n\n    transform:\n        translateX(3px);\n\n}\n\n\n.atb-ticket-final-en__btn--gold {\n\n    border:\n        1px solid var(--gold);\n\n    background:\n        var(--gold);\n\n    color:\n        var(--bordeaux) !important;\n\n    box-shadow:\n        0 16px 38px rgba(204,153,51,.20);\n\n}\n\n\n.atb-ticket-final-en__btn--gold:hover {\n\n    background:\n        var(--gold-light);\n\n}\n\n\n.atb-ticket-final-en__btn--outline {\n\n    border:\n        1px solid rgba(255,255,255,.40);\n\n    background:\n        rgba(255,255,255,.07);\n\n    color:\n        var(--white) !important;\n\n    backdrop-filter:\n        blur(10px);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n}\n\n\n.atb-ticket-final-en__btn--outline:hover {\n\n    background:\n        rgba(255,255,255,.14);\n\n    border-color:\n        rgba(255,255,255,.75);\n\n}\n\n\n\n\/* ============================================================\n   DECORATIVE TICKET\n============================================================ *\/\n\n.atb-ticket-final-en__ticket {\n\n    position: relative;\n\n    width: 300px;\n\n    flex: 0 0 300px;\n\n    overflow: hidden;\n\n    padding: 28px;\n\n    border:\n        1px solid rgba(255,255,255,.23);\n\n    border-radius: 25px;\n\n    background:\n\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.15),\n            rgba(255,255,255,.055)\n        );\n\n    backdrop-filter:\n        blur(18px);\n\n    -webkit-backdrop-filter:\n        blur(18px);\n\n    box-shadow:\n        0 30px 75px rgba(10,0,5,.30);\n\n    transform:\n        rotate(4deg);\n\n    transition:\n        transform .45s cubic-bezier(.22,1,.36,1);\n\n}\n\n\n.atb-ticket-final-en__ticket:hover {\n\n    transform:\n        rotate(1deg)\n        translateY(-7px);\n\n}\n\n\n\/* TICKET CUTOUTS *\/\n\n.atb-ticket-final-en__ticket::before,\n.atb-ticket-final-en__ticket::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 53%;\n\n    width: 29px;\n    height: 29px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(28,0,13,.97);\n\n    transform:\n        translateY(-50%);\n\n}\n\n\n.atb-ticket-final-en__ticket::before {\n    left: -15px;\n}\n\n\n.atb-ticket-final-en__ticket::after {\n    right: -15px;\n}\n\n\n.atb-ticket-final-en__ticket-head {\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n}\n\n\n.atb-ticket-final-en__ticket-head span {\n\n    color:\n        var(--gold-light);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 36px;\n    font-weight: 600;\n\n}\n\n\n.atb-ticket-final-en__ticket-head svg {\n\n    width: 29px;\n    height: 29px;\n\n    fill: none;\n\n    stroke:\n        var(--gold-light);\n\n    stroke-width: 1.5;\n\n    stroke-linecap: round;\n    stroke-linejoin: round;\n\n}\n\n\n.atb-ticket-final-en__ticket-dash {\n\n    margin:\n        24px 0;\n\n    border-top:\n        1px dashed rgba(255,255,255,.28);\n\n}\n\n\n.atb-ticket-final-en__ticket-label {\n\n    display: block;\n\n    margin-bottom: 10px;\n\n    color:\n        rgba(255,255,255,.48);\n\n    font-size: 8px;\n    font-weight: 700;\n\n    letter-spacing: .17em;\n\n    text-transform: uppercase;\n\n}\n\n\n.atb-ticket-final-en__ticket > strong {\n\n    color:\n        var(--white);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 27px;\n    font-weight: 500;\n\n    line-height: 1.23;\n\n}\n\n\n.atb-ticket-final-en__ticket-footer {\n\n    margin-top: 30px;\n\n    padding-top: 18px;\n\n    border-top:\n        1px solid rgba(255,255,255,.11);\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 15px;\n\n    color:\n        rgba(255,255,255,.40);\n\n    font-size: 7px;\n    font-weight: 700;\n\n    letter-spacing: .14em;\n\n}\n\n\n.atb-ticket-final-en__ticket-footer span:last-child {\n\n    color:\n        var(--gold-light);\n\n    font-family:\n        \"Fraunces\", serif;\n\n    font-size: 20px;\n\n    letter-spacing: 0;\n\n}\n\n\n\/* GOLD LINE *\/\n\n.atb-ticket-final-en__goldline {\n\n    position: absolute;\n\n    left: 0;\n    bottom: 0;\n\n    width: 100%;\n    height: 4px;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--gold) 30%,\n            var(--gold-light) 50%,\n            var(--gold) 70%,\n            transparent\n        );\n\n}\n\n\n\n\/* ============================================================\n   TABLET\n============================================================ *\/\n\n@media (max-width: 1024px) {\n\n    .atb-booking-en__container,\n    .atb-ticket-final-en__container {\n\n        width:\n            calc(100% - 56px);\n\n    }\n\n\n    .atb-booking-en__steps {\n\n        grid-template-columns:\n            repeat(3,minmax(0,1fr));\n\n        gap: 20px;\n\n    }\n\n\n    .atb-booking-en__arrow {\n        display: none;\n    }\n\n\n    .atb-booking-en-card {\n\n        padding:\n            32px 25px;\n\n    }\n\n\n    .atb-ticket-final-en__container {\n\n        gap: 50px;\n\n    }\n\n\n    .atb-ticket-final-en__ticket {\n\n        width: 270px;\n\n        flex-basis: 270px;\n\n    }\n\n}\n\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media (max-width: 767px) {\n\n    .atb-booking-en {\n\n        padding:\n            85px 0 90px;\n\n    }\n\n\n    .atb-booking-en__container,\n    .atb-ticket-final-en__container {\n\n        width:\n            calc(100% - 34px);\n\n    }\n\n\n    .atb-booking-en__header {\n\n        margin-bottom: 45px;\n\n    }\n\n\n    .atb-booking-en__title {\n\n        font-size: 47px;\n\n    }\n\n\n    .atb-booking-en__intro {\n\n        font-size: 14px;\n\n    }\n\n\n    .atb-booking-en__steps {\n\n        grid-template-columns: 1fr;\n\n        gap: 18px;\n\n    }\n\n\n    .atb-booking-en-card {\n\n        min-height: 0;\n\n        padding:\n            31px 27px 34px;\n\n    }\n\n\n    .atb-booking-en-card h3 {\n\n        max-width: none;\n\n    }\n\n\n    .atb-booking-en-info {\n\n        grid-template-columns:\n            auto 1fr;\n\n        padding: 21px;\n\n    }\n\n\n    .atb-booking-en-info > a {\n\n        grid-column:\n            1 \/ -1;\n\n        margin-top: 7px;\n\n        padding-top: 16px;\n\n        border-top:\n            1px solid rgba(96,5,45,.08);\n\n    }\n\n\n\n    \/* FINAL CTA *\/\n\n    .atb-ticket-final-en {\n\n        min-height: auto;\n\n    }\n\n\n    .atb-ticket-final-en__image {\n\n        background-position:\n            60% center;\n\n    }\n\n\n    .atb-ticket-final-en__overlay {\n\n        background:\n\n            linear-gradient(\n                180deg,\n                rgba(34,0,16,.72),\n                rgba(30,0,14,.97)\n            );\n\n    }\n\n\n    .atb-ticket-final-en__container {\n\n        padding:\n            90px 0;\n\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 48px;\n\n    }\n\n\n    .atb-ticket-final-en__title {\n\n        font-size:\n            clamp(48px,13vw,64px);\n\n    }\n\n\n    .atb-ticket-final-en__text {\n\n        font-size: 15px;\n\n    }\n\n\n    .atb-ticket-final-en__actions {\n\n        width: 100%;\n\n        flex-direction: column;\n\n    }\n\n\n    .atb-ticket-final-en__btn {\n\n        width: 100%;\n\n    }\n\n\n    .atb-ticket-final-en__ticket {\n\n        width: 100%;\n\n        flex-basis: auto;\n\n        transform: none;\n\n    }\n\n\n    .atb-ticket-final-en__ticket:hover {\n\n        transform:\n            translateY(-5px);\n\n    }\n\n}\n\n\n\n\/* ============================================================\n   SMALL MOBILE\n============================================================ *\/\n\n@media (max-width: 390px) {\n\n    .atb-booking-en__container,\n    .atb-ticket-final-en__container {\n\n        width:\n            calc(100% - 26px);\n\n    }\n\n\n    .atb-booking-en__title {\n\n        font-size: 42px;\n\n    }\n\n\n    .atb-ticket-final-en__title {\n\n        font-size: 44px;\n\n    }\n\n}\n\n\n\n\/* ============================================================\n   REDUCED MOTION\n============================================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .atb-booking-en-card,\n    .atb-ticket-final-en__image,\n    .atb-ticket-final-en__ticket,\n    .atb-ticket-final-en__btn,\n    .atb-ticket-final-en__btn svg {\n\n        transition: none;\n\n    }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Official ATB Ticketing Every performance is a unique encounter. Discover the Atelier Th\u00e9\u00e2tre Burkinab\u00e8 programme and book your seat to experience the stage up close with the artists. View Events [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"wf_page_folders":[],"class_list":["post-1445","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/comments?post=1445"}],"version-history":[{"count":4,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1445\/revisions"}],"predecessor-version":[{"id":2276,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1445\/revisions\/2276"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=1445"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=1445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}