{"id":1489,"date":"2025-10-23T11:58:12","date_gmt":"2025-10-23T11:58:12","guid":{"rendered":"https:\/\/atb.bf\/atb-v2\/?page_id=1489"},"modified":"2026-09-16T18:16:18","modified_gmt":"2026-09-16T16:16:18","slug":"tele-theatre-atb","status":"publish","type":"page","link":"https:\/\/atb.bf\/atb-v2\/en\/tele-theatre-atb\/","title":{"rendered":"TELE THEATRE ATB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1489\" class=\"elementor elementor-1489\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53a24ce e-con e-atomic-element e-flexbox-base e-default-div e-5c18215 \" data-id=\"53a24ce\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"53a24ce\" data-e-type=\"e-flexbox\" data-id=\"53a24ce\">\n    \t\t<div class=\"elementor-element elementor-element-6b2df7b elementor-widget elementor-widget-html\" data-id=\"6b2df7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     T\u00c9L\u00c9-TH\u00c9\u00c2TRE ATB \u2014 ENGLISH VERSION\n     PART 1 \/ 2\n\n     01. Hero\n     02. Featured\n     03. Productions\n     04. A Production That Makes an Impact\n\n     WordPress + Elementor\n========================================================= -->\n\n<div class=\"atb-tv-en\" id=\"tele-theatre-atb\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');\n\n.atb-tv-en{\n    --wine:#60052D;\n    --wine-2:#76083B;\n    --wine-dark:#300016;\n    --gold:#CC9933;\n    --gold-light:#E5BA60;\n    --cream:#F7F0E7;\n    --cream-light:#FCF8F2;\n    --white:#FFFFFF;\n    --ink:#291A21;\n    --text:#6C5D63;\n\n    width:100%;\n    overflow:hidden;\n    background:var(--cream);\n    color:var(--ink);\n    font-family:\"Archivo\",sans-serif;\n}\n\n.atb-tv-en *,\n.atb-tv-en *::before,\n.atb-tv-en *::after{\n    box-sizing:border-box;\n}\n\n.atb-tv-en h1,\n.atb-tv-en h2,\n.atb-tv-en h3,\n.atb-tv-en p{\n    margin-top:0;\n}\n\n.atb-tve-container{\n    width:min(1240px,calc(100% - 80px));\n    margin:0 auto;\n}\n\n.atb-tve-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n    color:var(--gold);\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.17em;\n    text-transform:uppercase;\n}\n\n.atb-tve-kicker::before{\n    content:\"\";\n    width:38px;\n    height:1px;\n    background:currentColor;\n}\n\n.atb-tve-btn{\n    min-height:58px;\n    padding:0 23px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:11px;\n    border-radius:999px;\n    text-decoration:none !important;\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.035em;\n    transition:.3s ease;\n}\n\n.atb-tve-btn:hover{\n    transform:translateY(-3px);\n}\n\n.atb-tve-btn svg{\n    width:18px;\n    height:18px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tve-btn--gold{\n    background:var(--gold);\n    color:#2C1705 !important;\n    box-shadow:0 16px 38px rgba(204,153,51,.25);\n}\n\n.atb-tve-btn--gold:hover{\n    background:var(--gold-light);\n    color:#2C1705 !important;\n}\n\n.atb-tve-btn--glass{\n    border:1px solid rgba(255,255,255,.25);\n    background:rgba(255,255,255,.07);\n    color:#fff !important;\n    backdrop-filter:blur(12px);\n}\n\n.atb-tve-btn--wine{\n    background:var(--wine);\n    color:#fff !important;\n    box-shadow:0 14px 34px rgba(96,5,45,.20);\n}\n\n.atb-tve-btn--wine:hover{\n    background:var(--wine-2);\n    color:#fff !important;\n}\n\n.atb-tve-btn--outline{\n    border:1px solid rgba(96,5,45,.17);\n    color:var(--wine) !important;\n    background:transparent;\n}\n\n.atb-tve-btn--outline:hover{\n    border-color:var(--gold);\n    background:rgba(204,153,51,.08);\n}\n\n\n\/* =========================================================\n   01 \u2014 HERO\n========================================================= *\/\n\n.atb-tve-hero{\n    position:relative;\n    isolation:isolate;\n    min-height:820px;\n    display:flex;\n    align-items:center;\n    padding:125px 0 115px;\n    background:#260011;\n    color:#fff;\n}\n\n.atb-tve-hero__bg{\n    position:absolute;\n    inset:0;\n    z-index:-6;\n    background:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/01\/67779851_1247256172117565_5487029657914048512_n.jpg\")\n        center\/cover no-repeat;\n    transform:scale(1.03);\n    animation:tveHeroZoom 20s ease-in-out infinite alternate;\n}\n\n.atb-tve-hero__overlay{\n    position:absolute;\n    inset:0;\n    z-index:-5;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(25,0,12,.97) 0%,\n            rgba(40,0,19,.90) 43%,\n            rgba(46,0,22,.66) 72%,\n            rgba(28,0,13,.58) 100%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(20,0,9,.10),\n            rgba(20,0,9,.76)\n        );\n}\n\n.atb-tve-hero__light{\n    position:absolute;\n    z-index:-4;\n    width:680px;\n    height:680px;\n    top:-270px;\n    right:-180px;\n    border-radius:50%;\n    background:\n        radial-gradient(\n            circle,\n            rgba(204,153,51,.27),\n            rgba(204,153,51,.07) 38%,\n            transparent 70%\n        );\n}\n\n.atb-tve-hero__layout{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) 310px;\n    align-items:end;\n    gap:80px;\n}\n\n.atb-tve-hero__content{\n    max-width:900px;\n}\n\n.atb-tve-hero__kicker{\n    margin-bottom:24px;\n}\n\n.atb-tve-hero h1{\n    margin:0;\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(68px,8.2vw,118px);\n    font-weight:600;\n    line-height:.87;\n    letter-spacing:-.06em;\n}\n\n.atb-tve-hero h1 span{\n    display:block;\n    color:var(--gold);\n}\n\n.atb-tve-hero__statement{\n    max-width:790px;\n    margin:33px 0 0;\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(25px,2.7vw,39px);\n    line-height:1.24;\n    font-weight:500;\n}\n\n.atb-tve-hero__text{\n    max-width:700px;\n    margin:19px 0 0;\n    color:rgba(255,255,255,.72);\n    font-size:15px;\n    line-height:1.82;\n}\n\n.atb-tve-hero__actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:13px;\n    margin-top:34px;\n}\n\n.atb-tve-hero__card{\n    position:relative;\n    overflow:hidden;\n    padding:28px;\n    border:1px solid rgba(255,255,255,.17);\n    border-radius:22px;\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.13),\n            rgba(255,255,255,.045)\n        );\n    backdrop-filter:blur(16px);\n    box-shadow:0 25px 60px rgba(0,0,0,.22);\n}\n\n.atb-tve-hero__card::before{\n    content:\"\";\n    position:absolute;\n    width:150px;\n    height:150px;\n    top:-90px;\n    right:-60px;\n    border-radius:50%;\n    background:rgba(204,153,51,.15);\n}\n\n.atb-tve-hero__card-icon{\n    width:52px;\n    height:52px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin-bottom:23px;\n    border-radius:50%;\n    background:var(--gold);\n    color:#2C1705;\n}\n\n.atb-tve-hero__card-icon svg{\n    width:23px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n}\n\n.atb-tve-hero__card small{\n    display:block;\n    margin-bottom:9px;\n    color:var(--gold);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.atb-tve-hero__card strong{\n    display:block;\n    font-family:\"Fraunces\",serif;\n    font-size:25px;\n    line-height:1.2;\n}\n\n.atb-tve-hero__card p{\n    margin:12px 0 0;\n    color:rgba(255,255,255,.63);\n    font-size:11px;\n    line-height:1.65;\n}\n\n.atb-tve-hero__ticker{\n    position:absolute;\n    left:0;\n    right:0;\n    bottom:0;\n    min-height:69px;\n    display:flex;\n    align-items:center;\n    overflow:hidden;\n    border-top:1px solid rgba(255,255,255,.12);\n    background:rgba(27,0,12,.65);\n    backdrop-filter:blur(12px);\n}\n\n.atb-tve-hero__ticker-track{\n    width:max-content;\n    display:flex;\n    align-items:center;\n    gap:25px;\n    white-space:nowrap;\n    animation:tveTicker 28s linear infinite;\n}\n\n.atb-tve-hero__ticker span{\n    color:rgba(255,255,255,.68);\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tve-hero__ticker i{\n    width:5px;\n    height:5px;\n    display:block;\n    border-radius:50%;\n    background:var(--gold);\n}\n\n@keyframes tveHeroZoom{\n    from{transform:scale(1.03)}\n    to{transform:scale(1.10)}\n}\n\n@keyframes tveTicker{\n    from{transform:translateX(0)}\n    to{transform:translateX(-50%)}\n}\n\n\n\/* =========================================================\n   GLOBAL SECTION HEAD\n========================================================= *\/\n\n.atb-tve-section-head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);\n    align-items:end;\n    gap:70px;\n    margin-bottom:52px;\n}\n\n.atb-tve-section-head h2{\n    margin:16px 0 0;\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(50px,5.7vw,80px);\n    line-height:.98;\n    letter-spacing:-.045em;\n    font-weight:600;\n}\n\n.atb-tve-section-head h2 em{\n    color:var(--gold);\n    font-weight:500;\n}\n\n.atb-tve-section-head__text{\n    margin:0;\n    color:var(--text);\n    font-size:14px;\n    line-height:1.82;\n}\n\n\n\/* =========================================================\n   02 \u2014 FEATURED\n========================================================= *\/\n\n.atb-tve-featured{\n    position:relative;\n    padding:125px 0 115px;\n    background:\n        radial-gradient(\n            circle at 90% 5%,\n            rgba(204,153,51,.12),\n            transparent 27%\n        ),\n        var(--cream-light);\n}\n\n.atb-tve-feature{\n    display:grid;\n    grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);\n    min-height:570px;\n    overflow:hidden;\n    border-radius:27px;\n    background:#fff;\n    border:1px solid rgba(96,5,45,.09);\n    box-shadow:0 30px 75px rgba(70,24,44,.10);\n}\n\n.atb-tve-feature__media{\n    position:relative;\n    overflow:hidden;\n    min-height:570px;\n    background:#2B0014;\n}\n\n.atb-tve-feature__media img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:cover;\n    transition:transform .8s ease;\n}\n\n.atb-tve-feature:hover .atb-tve-feature__media img{\n    transform:scale(1.045);\n}\n\n.atb-tve-feature__shade{\n    position:absolute;\n    inset:0;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(20,0,9,.08),\n            rgba(20,0,9,.60)\n        );\n}\n\n.atb-tve-feature__label{\n    position:absolute;\n    top:28px;\n    left:28px;\n    padding:10px 14px;\n    border:1px solid rgba(255,255,255,.24);\n    border-radius:999px;\n    background:rgba(35,0,16,.48);\n    color:#fff;\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    backdrop-filter:blur(10px);\n}\n\n.atb-tve-feature__play{\n    position:absolute;\n    left:50%;\n    top:50%;\n    width:82px;\n    height:82px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    transform:translate(-50%,-50%);\n    border-radius:50%;\n    background:var(--gold);\n    color:#2C1705 !important;\n    box-shadow:\n        0 18px 45px rgba(0,0,0,.25),\n        0 0 0 11px rgba(255,255,255,.12);\n    text-decoration:none !important;\n    transition:transform .3s ease;\n}\n\n.atb-tve-feature__play:hover{\n    transform:translate(-50%,-50%) scale(1.08);\n}\n\n.atb-tve-feature__play svg{\n    width:27px;\n    margin-left:4px;\n    fill:currentColor;\n}\n\n.atb-tve-feature__content{\n    padding:48px 42px;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n}\n\n.atb-tve-feature__status{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n    margin-bottom:23px;\n}\n\n.atb-tve-feature__status span{\n    padding:8px 11px;\n    border-radius:999px;\n    background:rgba(96,5,45,.07);\n    color:var(--wine);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.atb-tve-feature__status span:first-child{\n    background:rgba(204,153,51,.16);\n}\n\n.atb-tve-feature__category{\n    margin:0 0 12px;\n    color:var(--gold);\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tve-feature__content h3{\n    margin:0;\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(36px,3.5vw,52px);\n    line-height:1.06;\n    letter-spacing:-.035em;\n    font-weight:600;\n}\n\n.atb-tve-feature__description{\n    margin:19px 0 0;\n    color:var(--text);\n    font-size:13px;\n    line-height:1.78;\n}\n\n.atb-tve-feature__themes{\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n    margin-top:22px;\n}\n\n.atb-tve-feature__themes span{\n    padding:8px 10px;\n    border:1px solid rgba(96,5,45,.11);\n    border-radius:999px;\n    color:#75656B;\n    font-size:8px;\n    font-weight:600;\n}\n\n.atb-tve-feature__actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:10px;\n    margin-top:28px;\n}\n\n\n\/* =========================================================\n   03 \u2014 PRODUCTIONS\n========================================================= *\/\n\n.atb-tve-library{\n    position:relative;\n    isolation:isolate;\n    padding:125px 0 120px;\n    background:\n        radial-gradient(\n            circle at 12% 5%,\n            rgba(204,153,51,.14),\n            transparent 25%\n        ),\n        linear-gradient(\n            145deg,\n            #300016,\n            #60052D 58%,\n            #460021\n        );\n    color:#fff;\n}\n\n.atb-tve-library::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:-1;\n    opacity:.08;\n    background-image:\n        linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);\n    background-size:80px 80px;\n}\n\n.atb-tve-library .atb-tve-section-head h2{\n    color:#fff;\n}\n\n.atb-tve-library .atb-tve-section-head__text{\n    color:rgba(255,255,255,.67);\n}\n\n.atb-tve-filters{\n    display:flex;\n    flex-wrap:wrap;\n    gap:9px;\n    margin-bottom:37px;\n}\n\n.atb-tve-filter{\n    min-height:42px;\n    padding:0 16px;\n    display:inline-flex;\n    align-items:center;\n    border:1px solid rgba(255,255,255,.14);\n    border-radius:999px;\n    background:rgba(255,255,255,.055);\n    color:rgba(255,255,255,.72);\n    font-family:\"Archivo\",sans-serif;\n    font-size:9px;\n    font-weight:700;\n    cursor:pointer;\n    transition:.3s ease;\n}\n\n.atb-tve-filter:hover,\n.atb-tve-filter.is-active{\n    border-color:var(--gold);\n    background:var(--gold);\n    color:#2C1705;\n}\n\n.atb-tve-grid{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:20px;\n}\n\n.atb-tve-production{\n    overflow:hidden;\n    border:1px solid rgba(255,255,255,.11);\n    border-radius:20px;\n    background:rgba(255,255,255,.065);\n    backdrop-filter:blur(10px);\n    transition:.4s ease;\n}\n\n.atb-tve-production:hover{\n    transform:translateY(-7px);\n    border-color:rgba(204,153,51,.42);\n    background:rgba(255,255,255,.095);\n}\n\n.atb-tve-production[hidden]{\n    display:none !important;\n}\n\n.atb-tve-production__media{\n    position:relative;\n    aspect-ratio:16\/10;\n    overflow:hidden;\n    background:#21000F;\n}\n\n.atb-tve-production__media img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:cover;\n    transition:transform .65s ease;\n}\n\n.atb-tve-production:hover .atb-tve-production__media img{\n    transform:scale(1.06);\n}\n\n.atb-tve-production__media::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n        linear-gradient(\n            180deg,\n            transparent 42%,\n            rgba(25,0,12,.72)\n        );\n}\n\n.atb-tve-production__badge{\n    position:absolute;\n    z-index:2;\n    top:16px;\n    left:16px;\n    padding:8px 10px;\n    border-radius:999px;\n    background:rgba(35,0,16,.62);\n    color:#fff;\n    font-size:7px;\n    font-weight:700;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n    backdrop-filter:blur(8px);\n}\n\n.atb-tve-production__content{\n    padding:24px 22px 23px;\n}\n\n.atb-tve-production__type{\n    margin:0 0 10px;\n    color:var(--gold);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tve-production h3{\n    margin:0;\n    color:#fff;\n    font-family:\"Fraunces\",serif;\n    font-size:27px;\n    font-weight:600;\n    line-height:1.12;\n}\n\n.atb-tve-production__text{\n    min-height:64px;\n    margin:13px 0 0;\n    color:rgba(255,255,255,.63);\n    font-size:11px;\n    line-height:1.68;\n}\n\n.atb-tve-production__meta{\n    display:flex;\n    flex-wrap:wrap;\n    gap:6px;\n    margin-top:18px;\n}\n\n.atb-tve-production__meta span{\n    padding:7px 9px;\n    border:1px solid rgba(255,255,255,.10);\n    border-radius:999px;\n    color:rgba(255,255,255,.61);\n    font-size:7px;\n    font-weight:600;\n}\n\n.atb-tve-production__link{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:15px;\n    margin-top:21px;\n    padding-top:17px;\n    border-top:1px solid rgba(255,255,255,.10);\n    color:#fff !important;\n    text-decoration:none !important;\n    font-size:9px;\n    font-weight:700;\n}\n\n.atb-tve-production__link svg{\n    width:17px;\n    fill:none;\n    stroke:var(--gold);\n    stroke-width:1.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n    transition:transform .3s ease;\n}\n\n.atb-tve-production__link:hover svg{\n    transform:translateX(4px);\n}\n\n.atb-tve-library__note{\n    display:grid;\n    grid-template-columns:auto 1fr auto;\n    align-items:center;\n    gap:20px;\n    margin-top:34px;\n    padding:23px 25px;\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:17px;\n    background:rgba(255,255,255,.055);\n}\n\n.atb-tve-library__note-icon{\n    width:45px;\n    height:45px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:rgba(204,153,51,.14);\n    color:var(--gold);\n}\n\n.atb-tve-library__note-icon svg{\n    width:21px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n}\n\n.atb-tve-library__note strong{\n    display:block;\n    font-size:11px;\n}\n\n.atb-tve-library__note p{\n    margin:5px 0 0;\n    color:rgba(255,255,255,.60);\n    font-size:10px;\n    line-height:1.55;\n}\n\n.atb-tve-library__note a{\n    color:var(--gold) !important;\n    text-decoration:none !important;\n    font-size:9px;\n    font-weight:700;\n}\n\n\n\/* =========================================================\n   04 \u2014 IMPACT\n========================================================= *\/\n\n.atb-tve-impact{\n    position:relative;\n    padding:125px 0 120px;\n    background:\n        radial-gradient(\n            circle at 5% 95%,\n            rgba(204,153,51,.12),\n            transparent 26%\n        ),\n        var(--cream-light);\n}\n\n.atb-tve-impact__main{\n    display:grid;\n    grid-template-columns:minmax(380px,.78fr) minmax(0,1fr);\n    align-items:center;\n    gap:75px;\n}\n\n.atb-tve-impact__visual{\n    position:relative;\n    min-height:620px;\n    overflow:hidden;\n    border-radius:25px;\n    background:var(--wine-dark);\n    box-shadow:0 30px 70px rgba(60,20,38,.13);\n}\n\n.atb-tve-impact__visual img{\n    width:100%;\n    height:100%;\n    position:absolute;\n    inset:0;\n    object-fit:cover;\n}\n\n.atb-tve-impact__visual::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(30,0,14,.05),\n            rgba(30,0,14,.68)\n        );\n}\n\n.atb-tve-impact__visual-label{\n    position:absolute;\n    z-index:3;\n    top:28px;\n    left:28px;\n    padding:9px 12px;\n    border:1px solid rgba(255,255,255,.24);\n    border-radius:999px;\n    background:rgba(32,0,15,.45);\n    color:#fff;\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.13em;\n    text-transform:uppercase;\n    backdrop-filter:blur(10px);\n}\n\n.atb-tve-impact__quote{\n    position:absolute;\n    z-index:3;\n    left:28px;\n    right:28px;\n    bottom:28px;\n    padding:25px;\n    border:1px solid rgba(255,255,255,.18);\n    border-radius:18px;\n    background:rgba(38,0,18,.63);\n    color:#fff;\n    backdrop-filter:blur(14px);\n}\n\n.atb-tve-impact__quote small{\n    display:block;\n    margin-bottom:9px;\n    color:var(--gold);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tve-impact__quote p{\n    margin:0;\n    font-family:\"Fraunces\",serif;\n    font-size:20px;\n    line-height:1.4;\n}\n\n.atb-tve-impact__content h2{\n    margin:16px 0 0;\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(47px,5vw,72px);\n    font-weight:600;\n    line-height:1;\n    letter-spacing:-.045em;\n}\n\n.atb-tve-impact__lead{\n    margin:26px 0 0;\n    color:var(--ink);\n    font-family:\"Fraunces\",serif;\n    font-size:22px;\n    line-height:1.5;\n}\n\n.atb-tve-impact__body{\n    margin:18px 0 0;\n    color:var(--text);\n    font-size:14px;\n    line-height:1.82;\n}\n\n.atb-tve-impact__link{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n    margin-top:25px;\n    color:var(--wine) !important;\n    text-decoration:none !important;\n    font-size:9px;\n    font-weight:700;\n}\n\n.atb-tve-impact__link svg{\n    width:18px;\n    fill:none;\n    stroke:var(--gold);\n    stroke-width:1.8;\n}\n\n.atb-tve-impact__pillars{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:15px;\n    margin-top:70px;\n}\n\n.atb-tve-pillar{\n    min-height:245px;\n    padding:25px 22px;\n    border:1px solid rgba(96,5,45,.09);\n    border-radius:18px;\n    background:#fff;\n    box-shadow:0 15px 38px rgba(61,21,39,.055);\n    transition:.35s ease;\n}\n\n.atb-tve-pillar:hover{\n    transform:translateY(-7px);\n    border-color:rgba(204,153,51,.38);\n    box-shadow:0 24px 50px rgba(61,21,39,.10);\n}\n\n.atb-tve-pillar__icon{\n    width:49px;\n    height:49px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin-bottom:24px;\n    border-radius:14px;\n    background:rgba(96,5,45,.07);\n    color:var(--wine);\n}\n\n.atb-tve-pillar__icon svg{\n    width:22px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tve-pillar h3{\n    margin:0;\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:27px;\n    font-weight:600;\n}\n\n.atb-tve-pillar p{\n    margin:12px 0 0;\n    color:var(--text);\n    font-size:11px;\n    line-height:1.7;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n    .atb-tve-container{\n        width:min(930px,calc(100% - 48px));\n    }\n\n    .atb-tve-hero__layout{\n        grid-template-columns:1fr;\n        gap:45px;\n    }\n\n    .atb-tve-hero__card{\n        max-width:450px;\n    }\n\n    .atb-tve-section-head{\n        grid-template-columns:1fr;\n        gap:22px;\n    }\n\n    .atb-tve-section-head__text{\n        max-width:700px;\n    }\n\n    .atb-tve-feature{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve-feature__media{\n        min-height:480px;\n    }\n\n    .atb-tve-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .atb-tve-impact__main{\n        grid-template-columns:1fr;\n        gap:45px;\n    }\n\n    .atb-tve-impact__visual{\n        min-height:600px;\n    }\n\n    .atb-tve-impact__pillars{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n}\n\n@media(max-width:767px){\n\n    .atb-tve-container{\n        width:calc(100% - 32px);\n    }\n\n    .atb-tve-hero{\n        min-height:760px;\n        padding:90px 0 125px;\n    }\n\n    .atb-tve-hero__bg{\n        background-position:60% center;\n    }\n\n    .atb-tve-hero h1{\n        font-size:58px;\n    }\n\n    .atb-tve-hero__statement{\n        font-size:24px;\n    }\n\n    .atb-tve-hero__text{\n        font-size:14px;\n    }\n\n    .atb-tve-hero__actions,\n    .atb-tve-feature__actions{\n        flex-direction:column;\n    }\n\n    .atb-tve-hero__actions .atb-tve-btn,\n    .atb-tve-feature__actions .atb-tve-btn{\n        width:100%;\n    }\n\n    .atb-tve-featured,\n    .atb-tve-library,\n    .atb-tve-impact{\n        padding:82px 0;\n    }\n\n    .atb-tve-section-head h2,\n    .atb-tve-impact__content h2{\n        font-size:47px;\n    }\n\n    .atb-tve-feature{\n        border-radius:21px;\n    }\n\n    .atb-tve-feature__media{\n        min-height:340px;\n    }\n\n    .atb-tve-feature__content{\n        padding:32px 22px;\n    }\n\n    .atb-tve-feature__content h3{\n        font-size:37px;\n    }\n\n    .atb-tve-grid{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve-production__text{\n        min-height:auto;\n    }\n\n    .atb-tve-library__note{\n        grid-template-columns:auto 1fr;\n    }\n\n    .atb-tve-library__note a{\n        grid-column:1\/-1;\n    }\n\n    .atb-tve-impact__visual{\n        min-height:510px;\n    }\n\n    .atb-tve-impact__pillars{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve-pillar{\n        min-height:auto;\n    }\n}\n\n@media(max-width:400px){\n\n    .atb-tve-hero h1{\n        font-size:51px;\n    }\n\n    .atb-tve-section-head h2,\n    .atb-tve-impact__content h2{\n        font-size:42px;\n    }\n\n    .atb-tve-impact__visual{\n        min-height:460px;\n    }\n}\n\n@media(prefers-reduced-motion:reduce){\n\n    .atb-tve-hero__bg,\n    .atb-tve-hero__ticker-track{\n        animation:none;\n    }\n}\n<\/style>\n\n\n<!-- =========================================================\n     01 \u2014 HERO\n========================================================= -->\n\n<section class=\"atb-tve-hero\">\n\n    <div class=\"atb-tve-hero__bg\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-tve-hero__overlay\" aria-hidden=\"true\"><\/div>\n    <div class=\"atb-tve-hero__light\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"atb-tve-container\">\n\n        <div class=\"atb-tve-hero__layout\">\n\n            <div class=\"atb-tve-hero__content\">\n\n                <span class=\"atb-tve-kicker atb-tve-hero__kicker\">\n                    ATB's audiovisual stage\n                <\/span>\n\n                <h1>\n                    T\u00e9l\u00e9-Th\u00e9\u00e2tre\n                    <span>ATB<\/span>\n                <\/h1>\n\n                <p class=\"atb-tve-hero__statement\">\n                    The curtain falls. The story lives on.\n                <\/p>\n\n                <p class=\"atb-tve-hero__text\">\n                    Discover performances, recordings, audiovisual\n                    creations and content that extend the mission\n                    of Atelier Th\u00e9\u00e2tre Burkinab\u00e8 beyond the stage:\n                    using theatre as a tool for development.\n                <\/p>\n\n                <div class=\"atb-tve-hero__actions\">\n\n                    <a href=\"#atb-productions-en\"\n                       class=\"atb-tve-btn atb-tve-btn--gold\">\n\n                        <span>Watch our productions<\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                    <a href=\"#atb-impact-en\"\n                       class=\"atb-tve-btn atb-tve-btn--glass\">\n\n                        Discover our approach\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <aside class=\"atb-tve-hero__card\">\n\n                <span class=\"atb-tve-hero__card-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                        <path d=\"m10 9 5 3-5 3z\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <small>\n                    Audiovisual memory\n                <\/small>\n\n                <strong>\n                    Works that continue to live on.\n                <\/strong>\n\n                <p>\n                    Filming, preserving and sharing productions\n                    allows theatre to travel far beyond the original\n                    performance.\n                <\/p>\n\n            <\/aside>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"atb-tve-hero__ticker\" aria-hidden=\"true\">\n\n        <div class=\"atb-tve-hero__ticker-track\">\n\n            <span>Forum Theatre<\/span><i><\/i>\n            <span>Performance Recordings<\/span><i><\/i>\n            <span>Audiovisual Creations<\/span><i><\/i>\n            <span>Knowledge Sharing<\/span><i><\/i>\n            <span>Archives<\/span><i><\/i>\n\n            <span>Forum Theatre<\/span><i><\/i>\n            <span>Performance Recordings<\/span><i><\/i>\n            <span>Audiovisual Creations<\/span><i><\/i>\n            <span>Knowledge Sharing<\/span><i><\/i>\n            <span>Archives<\/span><i><\/i>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     02 \u2014 FEATURED\n========================================================= -->\n\n<section class=\"atb-tve-featured\" id=\"atb-productions-en\">\n\n    <div class=\"atb-tve-container\">\n\n        <header class=\"atb-tve-section-head\">\n\n            <div>\n\n                <span class=\"atb-tve-kicker\">\n                    In the spotlight\n                <\/span>\n\n                <h2>\n                    Featured <em>production<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <p class=\"atb-tve-section-head__text\">\n                Step into ATB's audiovisual world and discover\n                how theatre, moving images and knowledge sharing\n                come together.\n            <\/p>\n\n        <\/header>\n\n\n        <article class=\"atb-tve-feature\">\n\n            <div class=\"atb-tve-feature__media\">\n\n                <img decoding=\"async\"\n                    src=\"https:\/\/img.youtube.com\/vi\/7R-m1JzKoKM\/maxresdefault.jpg\"\n                    alt=\"Atelier Th\u00e9\u00e2tre Burkinab\u00e8 video\"\n                    loading=\"lazy\"\n                >\n\n                <span class=\"atb-tve-feature__shade\"><\/span>\n\n                <span class=\"atb-tve-feature__label\">\n                    ATB selection\n                <\/span>\n\n                <a href=\"https:\/\/youtu.be\/7R-m1JzKoKM?si=2DEWyaplyddyzmRr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tve-feature__play\" aria-label=\"Watch the video\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M8 5v14l11-7z\"\/>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n\n            <div class=\"atb-tve-feature__content\">\n\n                <div class=\"atb-tve-feature__status\">\n                    <span>Free access<\/span>\n                    <span>ATB video<\/span>\n                <\/div>\n\n                <p class=\"atb-tve-feature__category\">\n                    Audiovisual creation\n                <\/p>\n\n                <h3>\n                    Discover the world of Atelier Th\u00e9\u00e2tre Burkinab\u00e8\n                <\/h3>\n\n                <p class=\"atb-tve-feature__description\">\n                    Step into a theatre practice that goes beyond\n                    entertainment to become a space for dialogue,\n                    awareness, creativity and knowledge sharing.\n                <\/p>\n\n                <div class=\"atb-tve-feature__themes\">\n                    <span>Theatre<\/span>\n                    <span>Culture<\/span>\n                    <span>Development<\/span>\n                    <span>Knowledge sharing<\/span>\n                <\/div>\n\n                <div class=\"atb-tve-feature__actions\">\n\n                    <a href=\"https:\/\/youtu.be\/7R-m1JzKoKM?si=2DEWyaplyddyzmRr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tve-btn atb-tve-btn--wine\">\n                        Watch the video\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n                    <\/a>\n\n                    <a href=\"#atb-videotheque-en\"\n                       class=\"atb-tve-btn atb-tve-btn--outline\">\n                        Explore the collection\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/article>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     03 \u2014 PRODUCTIONS\n========================================================= -->\n\n<section class=\"atb-tve-library\" id=\"atb-videotheque-en\">\n\n    <div class=\"atb-tve-container\">\n\n        <header class=\"atb-tve-section-head\">\n\n            <div>\n\n                <span class=\"atb-tve-kicker\">\n                    ATB's audiovisual memory\n                <\/span>\n\n                <h2>\n                    Explore our <em>productions<\/em>\n                <\/h2>\n\n            <\/div>\n\n            <p class=\"atb-tve-section-head__text\">\n                Performances, Forum Theatre, audiovisual works,\n                archives and educational content: this collection\n                will continue to grow as new productions are created\n                and ATB's archives are progressively digitised.\n            <\/p>\n\n        <\/header>\n\n\n        <div class=\"atb-tve-filters\"\n             role=\"group\"\n             aria-label=\"Filter productions\">\n\n            <button class=\"atb-tve-filter is-active\"\n                    data-filter=\"all\">\n                All\n            <\/button>\n\n            <button class=\"atb-tve-filter\"\n                    data-filter=\"theatre\">\n                Forum Theatre\n            <\/button>\n\n            <button class=\"atb-tve-filter\"\n                    data-filter=\"captation\">\n                Recordings\n            <\/button>\n\n            <button class=\"atb-tve-filter\"\n                    data-filter=\"pedagogy\">\n                Knowledge Sharing\n            <\/button>\n\n            <button class=\"atb-tve-filter\"\n                    data-filter=\"archives\">\n                Archives\n            <\/button>\n\n        <\/div>\n\n\n        <div class=\"atb-tve-grid\">\n\n\n            <!-- 01 -->\n\n            <article class=\"atb-tve-production\"\n                     data-category=\"theatre\">\n\n                <div class=\"atb-tve-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"https:\/\/img.youtube.com\/vi\/7R-m1JzKoKM\/maxresdefault.jpg\"\n                        alt=\"ATB audiovisual production\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tve-production__badge\">\n                        Available online\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tve-production__content\">\n\n                    <p class=\"atb-tve-production__type\">\n                        Theatre & Development\n                    <\/p>\n\n                    <h3>\n                        Theatre for Development\n                    <\/h3>\n\n                    <p class=\"atb-tve-production__text\">\n                        Discover the artistic and social approach\n                        developed by Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n                    <\/p>\n\n                    <div class=\"atb-tve-production__meta\">\n                        <span>Culture<\/span>\n                        <span>Citizenship<\/span>\n                        <span>Free access<\/span>\n                    <\/div>\n\n                    <a href=\"https:\/\/youtu.be\/7R-m1JzKoKM?si=2DEWyaplyddyzmRr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tve-production__link\">\n                        <span>Watch<\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 02 -->\n\n            <article class=\"atb-tve-production\"\n                     data-category=\"theatre\">\n\n                <div class=\"atb-tve-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/01\/67779851_1247256172117565_5487029657914048512_n.jpg\"\n                        alt=\"ATB Forum Theatre\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tve-production__badge\">\n                        Forum Theatre\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tve-production__content\">\n\n                    <p class=\"atb-tve-production__type\">\n                        Theatre for social engagement\n                    <\/p>\n\n                    <h3>\n                        Forum Theatre\n                    <\/h3>\n\n                    <p class=\"atb-tve-production__text\">\n                        Productions inspired by social realities\n                        invite audiences to become active\n                        \u201cspect-actors\u201d in the search for solutions.\n                    <\/p>\n\n                    <div class=\"atb-tve-production__meta\">\n                        <span>Dialogue<\/span>\n                        <span>Awareness<\/span>\n                    <\/div>\n\n                    <a href=\"#atb-impact-en\"\n                       class=\"atb-tve-production__link\">\n\n                        <span>Discover the approach<\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 03 -->\n\n            <article class=\"atb-tve-production\"\n                     data-category=\"captation\">\n\n                <div class=\"atb-tve-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/695178219_10236705458229575_281678318670507282_n.jpg\"\n                        alt=\"ATB performance recording\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tve-production__badge\">\n                        Performance recordings\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tve-production__content\">\n\n                    <p class=\"atb-tve-production__type\">\n                        Recorded performances\n                    <\/p>\n\n                    <h3>\n                        The stage on screen\n                    <\/h3>\n\n                    <p class=\"atb-tve-production__text\">\n                        Recordings extend the life of performances\n                        while progressively building the institution's\n                        audiovisual memory.\n                    <\/p>\n\n                    <div class=\"atb-tve-production__meta\">\n                        <span>Performances<\/span>\n                        <span>Memory<\/span>\n                    <\/div>\n\n                    <a href=\"https:\/\/web.facebook.com\/teletheatreatb\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tve-production__link\">\n                        <span>Visit T\u00e9l\u00e9-Th\u00e9\u00e2tre<\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 04 -->\n\n            <article class=\"atb-tve-production\"\n                     data-category=\"pedagogy\">\n\n                <div class=\"atb-tve-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/01\/496254009_2894000690776430_5070873447038579215_n.jpg\"\n                        alt=\"Training and knowledge sharing at ATB\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tve-production__badge\">\n                        Knowledge sharing\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tve-production__content\">\n\n                    <p class=\"atb-tve-production__type\">\n                        Resources & Education\n                    <\/p>\n\n                    <h3>\n                        Learning through theatre\n                    <\/h3>\n\n                    <p class=\"atb-tve-production__text\">\n                        Content designed to pass on ATB's practices,\n                        methods and experience to new generations.\n                    <\/p>\n\n                    <div class=\"atb-tve-production__meta\">\n                        <span>Training<\/span>\n                        <span>Methodology<\/span>\n                    <\/div>\n\n                    <!-- Replace with the final English Resources URL -->\n                    <a href=\"\/atb-v2\/en\/resources\/\"\n                       class=\"atb-tve-production__link\">\n\n                        <span>Explore resources<\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 05 -->\n\n            <article class=\"atb-tve-production\"\n                     data-category=\"archives\">\n\n                <div class=\"atb-tve-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/487497570_10231105697359053_7434226162108488804_n.jpg\"\n                        alt=\"Atelier Th\u00e9\u00e2tre Burkinab\u00e8 archives\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tve-production__badge\">\n                        Memory\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tve-production__content\">\n\n                    <p class=\"atb-tve-production__type\">\n                        Audiovisual archives\n                    <\/p>\n\n                    <h3>\n                        A memory worth preserving\n                    <\/h3>\n\n                    <p class=\"atb-tve-production__text\">\n                        Images, documents and traces of past\n                        productions tell the story of decades\n                        of artistic and civic engagement.\n                    <\/p>\n\n                    <div class=\"atb-tve-production__meta\">\n                        <span>History<\/span>\n                        <span>Heritage<\/span>\n                    <\/div>\n\n                    <!-- Replace with the final English Resources URL -->\n                    <a href=\"\/atb-v2\/en\/resources\/\"\n                       class=\"atb-tve-production__link\">\n\n                        <span>Explore the archives<\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- 06 -->\n\n            <article class=\"atb-tve-production\"\n                     data-category=\"archives\">\n\n                <div class=\"atb-tve-production__media\">\n\n                    <img decoding=\"async\"\n                        src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/494150406_10231449426032055_8476935537419475583_n.jpg\"\n                        alt=\"ATB festivals and cultural events\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"atb-tve-production__badge\">\n                        Cultural life\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"atb-tve-production__content\">\n\n                    <p class=\"atb-tve-production__type\">\n                        Festivals & Encounters\n                    <\/p>\n\n                    <h3>\n                        Major cultural events\n                    <\/h3>\n\n                    <p class=\"atb-tve-production__text\">\n                        Festivals, tours and encounters are part\n                        of the living memory of ATB's creative\n                        work and cultural exchanges.\n                    <\/p>\n\n                    <div class=\"atb-tve-production__meta\">\n                        <span>Festivals<\/span>\n                        <span>Encounters<\/span>\n                    <\/div>\n\n                    <!-- Replace with final English Festivals & Tours URL -->\n                    <a href=\"\/atb-v2\/en\/festivals-tours\/\"\n                       class=\"atb-tve-production__link\">\n\n                        <span>Discover our activities<\/span>\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 12h14\"\/>\n                            <path d=\"m13 6 6 6-6 6\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <div class=\"atb-tve-library__note\">\n\n            <span class=\"atb-tve-library__note-icon\">\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M12 3v18\"\/>\n                    <path d=\"M3 12h18\"\/>\n                <\/svg>\n\n            <\/span>\n\n            <div>\n\n                <strong>\n                    A growing audiovisual collection\n                <\/strong>\n\n                <p>\n                    New productions and archives can progressively\n                    be added to this space.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"#tt-professional-en\">\n                Professional distribution \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     04 \u2014 IMPACT\n========================================================= -->\n\n<section class=\"atb-tve-impact\" id=\"atb-impact-en\">\n\n    <div class=\"atb-tve-container\">\n\n        <div class=\"atb-tve-impact__main\">\n\n            <div class=\"atb-tve-impact__visual\">\n\n                <img decoding=\"async\"\n                    src=\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/486937316_10231105697199049_3586341272290068126_n.jpg\"\n                    alt=\"ATB theatre and awareness activity\"\n                    loading=\"lazy\"\n                >\n\n                <span class=\"atb-tve-impact__visual-label\">\n                    From stage to screen\n                <\/span>\n\n                <div class=\"atb-tve-impact__quote\">\n\n                    <small>\n                        An impact that lives on\n                    <\/small>\n\n                    <p>\n                        A performance reaches an audience.\n                        Film allows its message to travel further.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"atb-tve-impact__content\">\n\n                <span class=\"atb-tve-kicker\">\n                    Theatre & social transformation\n                <\/span>\n\n                <h2>\n                    A production that makes an impact.\n                <\/h2>\n\n                <p class=\"atb-tve-impact__lead\">\n                    At ATB, creation does not end with the performance:\n                    it opens a space for dialogue, awareness\n                    and knowledge sharing.\n                <\/p>\n\n                <p class=\"atb-tve-impact__body\">\n                    Theatre for Development and Forum Theatre bring\n                    lived realities to the stage, inviting audiences\n                    to reflect and propose responses. Audiovisual\n                    media can extend this approach to other audiences\n                    while preserving a record of the productions.\n                <\/p>\n\n                <p class=\"atb-tve-impact__body\">\n                    Health, human rights, the environment, peace,\n                    social cohesion and citizenship are among\n                    the issues theatre can help bring into public\n                    discussion.\n                <\/p>\n\n                <a href=\"#tt-professional-en\"\n                   class=\"atb-tve-impact__link\">\n\n                    <span>\n                        Discover professional distribution\n                    <\/span>\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M5 12h14\"\/>\n                        <path d=\"m13 6 6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"atb-tve-impact__pillars\">\n\n\n            <article class=\"atb-tve-pillar\">\n\n                <span class=\"atb-tve-pillar__icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 12h3l2-5 4 10 2-5h5\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <h3>Raise awareness<\/h3>\n\n                <p>\n                    Bring social issues to the stage so that\n                    complex realities become accessible,\n                    tangible and open to dialogue.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tve-pillar\">\n\n                <span class=\"atb-tve-pillar__icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"m3 9 9-5 9 5-9 5z\"\/>\n                        <path d=\"M7 12v5c3 2 7 2 10 0v-5\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <h3>Educate<\/h3>\n\n                <p>\n                    Turn artistic experience into a learning resource\n                    for students, professionals and development actors.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tve-pillar\">\n\n                <span class=\"atb-tve-pillar__icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                        <path d=\"M3 12h18\"\/>\n                        <path d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <h3>Distribute<\/h3>\n\n                <p>\n                    Enable productions to reach new audiences\n                    and territories beyond their original\n                    performance setting.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"atb-tve-pillar\">\n\n                <span class=\"atb-tve-pillar__icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 5h16v14H4z\"\/>\n                        <path d=\"M8 9h8\"\/>\n                        <path d=\"M8 13h5\"\/>\n                    <\/svg>\n\n                <\/span>\n\n                <h3>Pass it on<\/h3>\n\n                <p>\n                    Preserve methods, productions and audiovisual\n                    records to enrich ATB's memory and support\n                    future generations.\n                <\/p>\n\n            <\/article>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     JS \u2014 FILTERS + INTERNAL LINKS\n========================================================= -->\n\n<script>\n(function(){\n\n    function initATBTeleTheatreEN(){\n\n        var root = document.querySelector(\".atb-tv-en\");\n\n        if(!root || root.dataset.initialized === \"true\"){\n            return;\n        }\n\n        root.dataset.initialized = \"true\";\n\n        var filters =\n            root.querySelectorAll(\".atb-tve-filter\");\n\n        var cards =\n            root.querySelectorAll(\".atb-tve-production\");\n\n        filters.forEach(function(button){\n\n            button.addEventListener(\"click\",function(){\n\n                var category = button.dataset.filter;\n\n                filters.forEach(function(item){\n                    item.classList.remove(\"is-active\");\n                });\n\n                button.classList.add(\"is-active\");\n\n                cards.forEach(function(card){\n\n                    card.hidden =\n                        category !== \"all\" &&\n                        card.dataset.category !== category;\n\n                });\n\n            });\n\n        });\n\n\n        var anchors =\n            root.querySelectorAll('a[href^=\"#\"]');\n\n        anchors.forEach(function(link){\n\n            link.addEventListener(\"click\",function(event){\n\n                var selector =\n                    link.getAttribute(\"href\");\n\n                if(!selector || selector === \"#\"){\n                    return;\n                }\n\n                var target =\n                    document.querySelector(selector);\n\n                if(target){\n\n                    event.preventDefault();\n\n                    target.scrollIntoView({\n                        behavior:\"smooth\",\n                        block:\"start\"\n                    });\n\n                }\n\n            });\n\n        });\n\n    }\n\n    if(document.readyState === \"loading\"){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initATBTeleTheatreEN\n        );\n\n    }else{\n        initATBTeleTheatreEN();\n    }\n\n    window.addEventListener(\n        \"load\",\n        initATBTeleTheatreEN\n    );\n\n    setTimeout(\n        initATBTeleTheatreEN,\n        500\n    );\n\n})();\n<\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fea8e14 e-con e-atomic-element e-flexbox-base e-default-div e-ad8a38f \" data-id=\"fea8e14\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fea8e14\" data-e-type=\"e-flexbox\" data-id=\"fea8e14\">\n    \t\t<div class=\"elementor-element elementor-element-0559a45 elementor-widget elementor-widget-html\" data-id=\"0559a45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     T\u00c9L\u00c9-TH\u00c9\u00c2TRE ATB \u2014 ENGLISH VERSION\n     PART 2 \/ 2\n\n     05. Professional Distribution\n     06. Distribution Platforms\n     07. Future Development\n     08. Final CTA\n========================================================= -->\n\n<div class=\"atb-tv-en-part2\">\n\n<style>\n.atb-tv-en-part2{\n    --wine:#60052D;\n    --wine-2:#76083B;\n    --wine-dark:#300016;\n    --gold:#CC9933;\n    --gold-light:#E5BA60;\n    --cream:#F7F0E7;\n    --cream-light:#FCF8F2;\n    --white:#FFFFFF;\n    --ink:#291A21;\n    --text:#6C5D63;\n\n    width:100%;\n    overflow:hidden;\n    font-family:\"Archivo\",sans-serif;\n}\n\n.atb-tv-en-part2 *,\n.atb-tv-en-part2 *::before,\n.atb-tv-en-part2 *::after{\n    box-sizing:border-box;\n}\n\n.atb-tv-en-part2 h2,\n.atb-tv-en-part2 h3,\n.atb-tv-en-part2 h4,\n.atb-tv-en-part2 p{\n    margin-top:0;\n}\n\n.atb-tve2-container{\n    width:min(1240px,calc(100% - 80px));\n    margin:0 auto;\n}\n\n.atb-tve2-kicker{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n    color:var(--gold);\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.17em;\n    text-transform:uppercase;\n}\n\n.atb-tve2-kicker::before{\n    content:\"\";\n    width:38px;\n    height:1px;\n    background:currentColor;\n}\n\n.atb-tve2-btn{\n    min-height:56px;\n    padding:0 23px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:11px;\n    border-radius:999px;\n    text-decoration:none !important;\n    font-size:10px;\n    font-weight:700;\n    transition:.3s ease;\n}\n\n.atb-tve2-btn:hover{\n    transform:translateY(-3px);\n}\n\n.atb-tve2-btn svg{\n    width:18px;\n    height:18px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.8;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tve2-btn--gold{\n    background:var(--gold);\n    color:#2B1705 !important;\n}\n\n.atb-tve2-btn--gold:hover{\n    background:var(--gold-light);\n    color:#2B1705 !important;\n}\n\n.atb-tve2-btn--wine{\n    background:var(--wine);\n    color:#fff !important;\n}\n\n.atb-tve2-btn--wine:hover{\n    background:var(--wine-2);\n    color:#fff !important;\n}\n\n.atb-tve2-btn--glass{\n    border:1px solid rgba(255,255,255,.24);\n    background:rgba(255,255,255,.07);\n    color:#fff !important;\n    backdrop-filter:blur(10px);\n}\n\n\n\/* =========================================================\n   05 \u2014 PROFESSIONAL DISTRIBUTION\n========================================================= *\/\n\n.atb-tve2-pro{\n    position:relative;\n    isolation:isolate;\n    padding:125px 0 115px;\n    overflow:hidden;\n    background:\n        radial-gradient(\n            circle at 8% 0%,\n            rgba(204,153,51,.13),\n            transparent 25%\n        ),\n        radial-gradient(\n            circle at 100% 60%,\n            rgba(204,153,51,.08),\n            transparent 28%\n        ),\n        linear-gradient(\n            145deg,\n            #350017,\n            #60052D 55%,\n            #480020\n        );\n    color:#fff;\n}\n\n.atb-tve2-pro::before{\n    content:\"\";\n    position:absolute;\n    z-index:-1;\n    inset:0;\n    opacity:.07;\n    background-image:\n        linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);\n    background-size:78px 78px;\n}\n\n.atb-tve2-pro__head{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);\n    gap:70px;\n    align-items:end;\n    margin-bottom:52px;\n}\n\n.atb-tve2-pro__head h2{\n    margin:17px 0 0;\n    max-width:790px;\n    color:#FFFFFF !important;\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(52px,5.7vw,80px);\n    line-height:.98;\n    letter-spacing:-.045em;\n    font-weight:600;\n}\n\n.atb-tve2-pro__intro{\n    color:rgba(255,255,255,.76) !important;\n    font-size:13px;\n    line-height:1.8;\n}\n\n.atb-tve2-pro__panel{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) 390px;\n    gap:36px;\n    padding:35px;\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:25px;\n    background:rgba(255,255,255,.055);\n    backdrop-filter:blur(14px);\n}\n\n.atb-tve2-pro__offer{\n    padding:10px 0;\n}\n\n.atb-tve2-pro__label{\n    display:block;\n    margin-bottom:14px;\n    color:var(--gold) !important;\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.15em;\n    text-transform:uppercase;\n}\n\n.atb-tve2-pro__offer h3{\n    margin:0;\n    max-width:720px;\n    color:#FFFFFF !important;\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(38px,4.2vw,59px);\n    line-height:1.04;\n    letter-spacing:-.035em;\n    font-weight:600;\n}\n\n.atb-tve2-pro__offer > p{\n    max-width:740px;\n    margin:18px 0 0;\n    color:rgba(255,255,255,.75) !important;\n    font-size:12px;\n    line-height:1.75;\n}\n\n.atb-tve2-pro__uses{\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:11px;\n    margin-top:30px;\n}\n\n.atb-tve2-use{\n    padding:20px;\n    min-height:145px;\n    border:1px solid rgba(255,255,255,.13);\n    border-radius:14px;\n    background:rgba(255,255,255,.055);\n    transition:.3s ease;\n}\n\n.atb-tve2-use:hover{\n    transform:translateY(-4px);\n    border-color:rgba(204,153,51,.42);\n    background:rgba(255,255,255,.08);\n}\n\n.atb-tve2-use__icon{\n    width:38px;\n    height:38px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin-bottom:16px;\n    border-radius:10px;\n    background:rgba(204,153,51,.13);\n    color:var(--gold);\n}\n\n.atb-tve2-use__icon svg{\n    width:18px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tve2-use strong{\n    display:block;\n    color:#FFFFFF !important;\n    font-family:\"Fraunces\",serif;\n    font-size:19px;\n    font-weight:600;\n}\n\n.atb-tve2-use p{\n    margin:7px 0 0;\n    color:rgba(255,255,255,.68) !important;\n    font-size:9px;\n    line-height:1.55;\n}\n\n\n\/* request card *\/\n\n.atb-tve2-request{\n    position:relative;\n    overflow:hidden;\n    padding:31px 27px;\n    border-radius:20px;\n    background:var(--cream-light);\n    color:var(--ink);\n}\n\n.atb-tve2-request::before{\n    content:\"PRO\";\n    position:absolute;\n    top:-16px;\n    right:-6px;\n    color:rgba(96,5,45,.035);\n    font-family:\"Fraunces\",serif;\n    font-size:105px;\n    font-weight:700;\n    line-height:1;\n}\n\n.atb-tve2-request__badge{\n    position:relative;\n    display:inline-block;\n    margin-bottom:18px;\n    padding:7px 10px;\n    border-radius:999px;\n    background:rgba(204,153,51,.15);\n    color:var(--wine);\n    font-size:7px;\n    font-weight:700;\n    letter-spacing:.12em;\n    text-transform:uppercase;\n}\n\n.atb-tve2-request h3{\n    position:relative;\n    margin:0;\n    color:var(--wine) !important;\n    font-family:\"Fraunces\",serif;\n    font-size:33px;\n    line-height:1.06;\n    font-weight:600;\n}\n\n.atb-tve2-request > p{\n    position:relative;\n    margin:13px 0 0;\n    color:var(--text);\n    font-size:10px;\n    line-height:1.65;\n}\n\n.atb-tve2-request ul{\n    position:relative;\n    list-style:none;\n    padding:0;\n    margin:21px 0 24px;\n}\n\n.atb-tve2-request li{\n    position:relative;\n    padding:7px 0 7px 25px;\n    color:#67575E;\n    font-size:9px;\n    line-height:1.45;\n}\n\n.atb-tve2-request li::before{\n    content:\"\u2713\";\n    position:absolute;\n    left:0;\n    top:5px;\n    width:17px;\n    height:17px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    background:rgba(96,5,45,.08);\n    color:var(--wine);\n    font-size:8px;\n    font-weight:700;\n}\n\n.atb-tve2-request .atb-tve2-btn{\n    position:relative;\n    width:100%;\n}\n\n.atb-tve2-request__notice{\n    position:relative;\n    display:block;\n    margin-top:12px;\n    color:#8A7C81;\n    font-size:7px;\n    line-height:1.55;\n}\n\n\n\/* audiences *\/\n\n.atb-tve2-audiences{\n    display:grid;\n    grid-template-columns:repeat(6,1fr);\n    margin-top:19px;\n    overflow:hidden;\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:14px;\n}\n\n.atb-tve2-audience{\n    min-height:88px;\n    padding:15px 8px;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    gap:9px;\n    text-align:center;\n    border-right:1px solid rgba(255,255,255,.10);\n}\n\n.atb-tve2-audience:last-child{\n    border-right:0;\n}\n\n.atb-tve2-audience svg{\n    width:19px;\n    fill:none;\n    stroke:var(--gold);\n    stroke-width:1.7;\n}\n\n.atb-tve2-audience span{\n    color:rgba(255,255,255,.72);\n    font-size:7px;\n    font-weight:700;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n\n\/* process *\/\n\n.atb-tve2-process{\n    margin-top:64px;\n}\n\n.atb-tve2-process__head{\n    margin-bottom:25px;\n}\n\n.atb-tve2-process__head h3{\n    margin:14px 0 0;\n    color:#FFFFFF !important;\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(34px,4vw,52px);\n    font-weight:600;\n    line-height:1.08;\n}\n\n.atb-tve2-process__steps{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    border-top:1px solid rgba(255,255,255,.16);\n}\n\n.atb-tve2-step{\n    position:relative;\n    padding:26px 32px 5px 0;\n}\n\n.atb-tve2-step::after{\n    content:\"\";\n    position:absolute;\n    top:-1px;\n    left:0;\n    width:48px;\n    height:2px;\n    background:var(--gold);\n}\n\n.atb-tve2-step__number{\n    display:block;\n    margin-bottom:10px;\n    color:var(--gold) !important;\n    font-family:\"Fraunces\",serif;\n    font-size:20px;\n    font-weight:600;\n}\n\n.atb-tve2-step h4{\n    margin:0;\n    color:#FFFFFF !important;\n    font-family:\"Fraunces\",serif;\n    font-size:20px;\n    font-weight:600;\n}\n\n.atb-tve2-step p{\n    margin:9px 0 0;\n    max-width:290px;\n    color:rgba(255,255,255,.68) !important;\n    font-size:9px;\n    line-height:1.65;\n}\n\n\n\/* =========================================================\n   06 \u2014 DISTRIBUTION PLATFORMS\n========================================================= *\/\n\n.atb-tve2-platforms{\n    padding:125px 0;\n    background:\n        radial-gradient(\n            circle at 90% 5%,\n            rgba(204,153,51,.12),\n            transparent 26%\n        ),\n        var(--cream-light);\n}\n\n.atb-tve2-platforms__head{\n    display:grid;\n    grid-template-columns:1fr minmax(300px,.5fr);\n    align-items:end;\n    gap:60px;\n    margin-bottom:49px;\n}\n\n.atb-tve2-platforms__head h2{\n    margin:16px 0 0;\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(50px,5.7vw,78px);\n    line-height:.98;\n    letter-spacing:-.045em;\n    font-weight:600;\n}\n\n.atb-tve2-platforms__head p{\n    margin:0;\n    color:var(--text);\n    font-size:13px;\n    line-height:1.8;\n}\n\n.atb-tve2-platform-grid{\n    display:grid;\n    grid-template-columns:1.25fr .75fr;\n    gap:18px;\n}\n\n.atb-tve2-platform-main{\n    position:relative;\n    isolation:isolate;\n    min-height:500px;\n    overflow:hidden;\n    display:flex;\n    align-items:flex-end;\n    padding:39px;\n    border-radius:24px;\n    background:\n        linear-gradient(145deg,#360018,#680631);\n    color:#fff;\n}\n\n.atb-tve2-platform-main::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:-3;\n    background:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/695178219_10236705458229575_281678318670507282_n.jpg\")\n        center\/cover no-repeat;\n    transition:transform .8s ease;\n}\n\n.atb-tve2-platform-main:hover::before{\n    transform:scale(1.05);\n}\n\n.atb-tve2-platform-main::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:-2;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(35,0,16,.10),\n            rgba(35,0,16,.92)\n        );\n}\n\n.atb-tve2-platform-main__content{\n    max-width:620px;\n}\n\n.atb-tve2-platform-main__label{\n    display:inline-block;\n    margin-bottom:13px;\n    color:var(--gold);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tve2-platform-main h3{\n    margin:0;\n    color:#FFFFFF !important;\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(39px,4vw,58px);\n    line-height:1.02;\n    font-weight:600;\n}\n\n.atb-tve2-platform-main p{\n    max-width:540px;\n    margin:16px 0 0;\n    color:rgba(255,255,255,.70);\n    font-size:11px;\n    line-height:1.7;\n}\n\n.atb-tve2-platform-main__tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:7px;\n    margin-top:18px;\n}\n\n.atb-tve2-platform-main__tags span{\n    padding:7px 9px;\n    border:1px solid rgba(255,255,255,.17);\n    border-radius:999px;\n    background:rgba(255,255,255,.07);\n    color:rgba(255,255,255,.75);\n    font-size:7px;\n    font-weight:600;\n}\n\n.atb-tve2-platform-main .atb-tve2-btn{\n    margin-top:24px;\n}\n\n.atb-tve2-platform-side{\n    display:grid;\n    grid-template-rows:1fr 1fr;\n    gap:18px;\n}\n\n.atb-tve2-platform-card{\n    position:relative;\n    overflow:hidden;\n    min-height:241px;\n    padding:29px;\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n    border:1px solid rgba(96,5,45,.09);\n    border-radius:20px;\n    background:#fff;\n    text-decoration:none !important;\n    transition:.35s ease;\n}\n\n.atb-tve2-platform-card:hover{\n    transform:translateY(-5px);\n    border-color:rgba(204,153,51,.42);\n    box-shadow:0 22px 50px rgba(65,20,40,.09);\n}\n\n.atb-tve2-platform-card__icon{\n    width:51px;\n    height:51px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:14px;\n    background:rgba(96,5,45,.07);\n    color:var(--wine);\n}\n\n.atb-tve2-platform-card__icon svg{\n    width:23px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.atb-tve2-platform-card h3{\n    margin:20px 0 0;\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:29px;\n    font-weight:600;\n}\n\n.atb-tve2-platform-card p{\n    margin:8px 0 0;\n    color:var(--text);\n    font-size:10px;\n    line-height:1.6;\n}\n\n.atb-tve2-platform-card__link{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    margin-top:17px;\n    padding-top:15px;\n    border-top:1px solid rgba(96,5,45,.09);\n    color:var(--wine);\n    font-size:8px;\n    font-weight:700;\n}\n\n.atb-tve2-platform-card__link span:last-child{\n    color:var(--gold);\n    font-size:16px;\n}\n\n.atb-tve2-platform-trust{\n    margin-top:19px;\n    padding:18px 21px;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:20px;\n    border:1px solid rgba(96,5,45,.08);\n    border-radius:14px;\n    background:rgba(255,255,255,.62);\n}\n\n.atb-tve2-platform-trust p{\n    margin:0;\n    color:#75666C;\n    font-size:9px;\n    line-height:1.55;\n}\n\n.atb-tve2-platform-trust strong{\n    color:var(--wine);\n}\n\n\n\/* =========================================================\n   07 \u2014 FUTURE DEVELOPMENT\n========================================================= *\/\n\n.atb-tve2-future{\n    position:relative;\n    padding:125px 0;\n    background:var(--cream);\n}\n\n.atb-tve2-future__head{\n    max-width:870px;\n    margin-bottom:49px;\n}\n\n.atb-tve2-future__head h2{\n    margin:16px 0 0;\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(50px,5.7vw,78px);\n    line-height:.98;\n    letter-spacing:-.045em;\n    font-weight:600;\n}\n\n.atb-tve2-future__head p{\n    max-width:710px;\n    margin:22px 0 0;\n    color:var(--text);\n    font-size:13px;\n    line-height:1.8;\n}\n\n.atb-tve2-manifesto{\n    position:relative;\n    overflow:hidden;\n    display:grid;\n    grid-template-columns:1fr 160px .8fr;\n    align-items:center;\n    gap:25px;\n    margin-bottom:23px;\n    padding:36px;\n    border-radius:22px;\n    background:\n        linear-gradient(\n            135deg,\n            #41001D,\n            #60052D\n        );\n    color:#fff;\n}\n\n.atb-tve2-manifesto small{\n    display:block;\n    margin-bottom:10px;\n    color:var(--gold);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tve2-manifesto h3{\n    margin:0;\n    color:#FFFFFF !important;\n    font-family:\"Fraunces\",serif;\n    font-size:31px;\n    line-height:1.13;\n    font-weight:600;\n}\n\n.atb-tve2-manifesto p{\n    margin:11px 0 0;\n    color:rgba(255,255,255,.67);\n    font-size:10px;\n    line-height:1.65;\n}\n\n.atb-tve2-manifesto__bridge{\n    display:flex;\n    align-items:center;\n    gap:10px;\n}\n\n.atb-tve2-manifesto__bridge::before{\n    content:\"\";\n    height:1px;\n    flex:1;\n    background:rgba(204,153,51,.45);\n}\n\n.atb-tve2-manifesto__bridge::after{\n    content:\"\u2192\";\n    color:var(--gold);\n    font-size:23px;\n}\n\n.atb-tve2-roadmap{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:15px;\n}\n\n.atb-tve2-roadmap-card{\n    position:relative;\n    min-height:260px;\n    padding:25px;\n    overflow:hidden;\n    border:1px solid rgba(96,5,45,.09);\n    border-radius:17px;\n    background:#fff;\n    transition:.35s ease;\n}\n\n.atb-tve2-roadmap-card:hover{\n    transform:translateY(-5px);\n    border-color:rgba(204,153,51,.40);\n    box-shadow:0 20px 45px rgba(65,20,40,.08);\n}\n\n.atb-tve2-roadmap-card:first-child{\n    background:var(--wine);\n    border-color:var(--wine);\n}\n\n.atb-tve2-roadmap-card__top{\n    display:flex;\n    justify-content:space-between;\n    gap:10px;\n}\n\n.atb-tve2-roadmap-card__number{\n    color:var(--gold);\n    font-family:\"Fraunces\",serif;\n    font-size:17px;\n    font-weight:600;\n}\n\n.atb-tve2-roadmap-card__status{\n    padding:6px 8px;\n    height:max-content;\n    border-radius:999px;\n    background:rgba(204,153,51,.13);\n    color:var(--wine);\n    font-size:6px;\n    font-weight:700;\n    letter-spacing:.08em;\n    text-transform:uppercase;\n}\n\n.atb-tve2-roadmap-card:first-child .atb-tve2-roadmap-card__status{\n    color:var(--gold);\n    background:rgba(204,153,51,.14);\n}\n\n.atb-tve2-roadmap-card h3{\n    margin:36px 0 0;\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:27px;\n    font-weight:600;\n    line-height:1.1;\n}\n\n.atb-tve2-roadmap-card:first-child h3{\n    color:#FFFFFF !important;\n}\n\n.atb-tve2-roadmap-card p{\n    margin:11px 0 0;\n    color:var(--text);\n    font-size:10px;\n    line-height:1.65;\n}\n\n.atb-tve2-roadmap-card:first-child p{\n    color:rgba(255,255,255,.66);\n}\n\n.atb-tve2-roadmap-card::after{\n    content:\"\";\n    position:absolute;\n    left:25px;\n    bottom:20px;\n    width:35px;\n    height:2px;\n    background:var(--gold);\n    transition:width .35s ease;\n}\n\n.atb-tve2-roadmap-card:hover::after{\n    width:70px;\n}\n\n.atb-tve2-future__bottom{\n    margin-top:20px;\n    padding:25px 27px;\n    display:grid;\n    grid-template-columns:1fr auto;\n    align-items:center;\n    gap:30px;\n    border:1px solid rgba(96,5,45,.09);\n    border-radius:16px;\n    background:rgba(255,255,255,.60);\n}\n\n.atb-tve2-future__bottom strong{\n    display:block;\n    color:var(--wine);\n    font-family:\"Fraunces\",serif;\n    font-size:21px;\n}\n\n.atb-tve2-future__bottom p{\n    max-width:720px;\n    margin:7px 0 0;\n    color:var(--text);\n    font-size:10px;\n    line-height:1.6;\n}\n\n\n\/* =========================================================\n   08 \u2014 FINAL CTA\n========================================================= *\/\n\n.atb-tve2-final{\n    position:relative;\n    isolation:isolate;\n    min-height:700px;\n    display:flex;\n    align-items:center;\n    overflow:hidden;\n    padding:115px 0 95px;\n    background:#280012;\n    color:#fff;\n}\n\n.atb-tve2-final__bg{\n    position:absolute;\n    inset:0;\n    z-index:-5;\n    background:\n        url(\"http:\/\/atb.bf\/atb-v2\/wp-content\/uploads\/2026\/07\/695178219_10236705458229575_281678318670507282_n.jpg\")\n        center\/cover no-repeat;\n    animation:tve2FinalZoom 18s ease-in-out infinite alternate;\n}\n\n.atb-tve2-final__overlay{\n    position:absolute;\n    inset:0;\n    z-index:-4;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(34,0,16,.97),\n            rgba(58,0,27,.88) 55%,\n            rgba(35,0,16,.70)\n        ),\n        linear-gradient(\n            180deg,\n            transparent,\n            rgba(25,0,12,.75)\n        );\n}\n\n.atb-tve2-final__glow{\n    position:absolute;\n    z-index:-3;\n    top:-300px;\n    right:-150px;\n    width:700px;\n    height:700px;\n    border-radius:50%;\n    background:\n        radial-gradient(\n            circle,\n            rgba(204,153,51,.24),\n            transparent 68%\n        );\n}\n\n.atb-tve2-final__layout{\n    display:grid;\n    grid-template-columns:minmax(0,1fr) 330px;\n    align-items:end;\n    gap:80px;\n}\n\n.atb-tve2-final__content{\n    max-width:860px;\n}\n\n.atb-tve2-final h2{\n    margin:19px 0 0;\n    color:#FFFFFF !important;\n    font-family:\"Fraunces\",serif;\n    font-size:clamp(62px,7vw,100px);\n    line-height:.91;\n    letter-spacing:-.055em;\n    font-weight:600;\n}\n\n.atb-tve2-final__lead{\n    max-width:720px;\n    margin:28px 0 0;\n    color:#FFFFFF !important;\n    font-family:\"Fraunces\",serif;\n    font-size:23px;\n    line-height:1.43;\n}\n\n.atb-tve2-final__text{\n    max-width:690px;\n    margin:17px 0 0;\n    color:rgba(255,255,255,.68);\n    font-size:12px;\n    line-height:1.75;\n}\n\n.atb-tve2-final__actions{\n    display:flex;\n    flex-wrap:wrap;\n    gap:11px;\n    margin-top:30px;\n}\n\n.atb-tve2-final__signature{\n    padding:28px;\n    border:1px solid rgba(255,255,255,.17);\n    border-radius:19px;\n    background:rgba(255,255,255,.07);\n    backdrop-filter:blur(14px);\n}\n\n.atb-tve2-final__signature small{\n    display:block;\n    color:var(--gold);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n}\n\n.atb-tve2-final__signature strong{\n    display:block;\n    margin-top:11px;\n    color:#fff;\n    font-family:\"Fraunces\",serif;\n    font-size:28px;\n    line-height:1.18;\n}\n\n.atb-tve2-final__signature p{\n    margin:13px 0 0;\n    color:rgba(255,255,255,.62);\n    font-size:10px;\n    line-height:1.65;\n}\n\n.atb-tve2-final__bottom{\n    position:absolute;\n    left:0;\n    right:0;\n    bottom:0;\n    min-height:66px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:17px;\n    padding:12px 25px;\n    border-top:1px solid rgba(255,255,255,.12);\n    background:rgba(27,0,12,.58);\n    backdrop-filter:blur(10px);\n}\n\n.atb-tve2-final__bottom span{\n    color:rgba(255,255,255,.60);\n    font-size:7px;\n    font-weight:700;\n    letter-spacing:.13em;\n    text-transform:uppercase;\n}\n\n.atb-tve2-final__bottom i{\n    width:4px;\n    height:4px;\n    border-radius:50%;\n    background:var(--gold);\n}\n\n@keyframes tve2FinalZoom{\n    from{transform:scale(1.02)}\n    to{transform:scale(1.08)}\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:1080px){\n\n    .atb-tve2-container{\n        width:min(930px,calc(100% - 48px));\n    }\n\n    .atb-tve2-pro__head,\n    .atb-tve2-platforms__head{\n        grid-template-columns:1fr;\n        gap:22px;\n    }\n\n    .atb-tve2-pro__panel{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve2-request{\n        max-width:650px;\n    }\n\n    .atb-tve2-audiences{\n        grid-template-columns:repeat(3,1fr);\n    }\n\n    .atb-tve2-audience:nth-child(3){\n        border-right:0;\n    }\n\n    .atb-tve2-platform-grid{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve2-platform-side{\n        grid-template-columns:1fr 1fr;\n        grid-template-rows:auto;\n    }\n\n    .atb-tve2-roadmap{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .atb-tve2-final__layout{\n        grid-template-columns:1fr;\n        gap:45px;\n    }\n\n    .atb-tve2-final__signature{\n        max-width:480px;\n    }\n}\n\n@media(max-width:767px){\n\n    .atb-tve2-container{\n        width:calc(100% - 32px);\n    }\n\n    .atb-tve2-pro,\n    .atb-tve2-platforms,\n    .atb-tve2-future{\n        padding:82px 0;\n    }\n\n    .atb-tve2-pro__head h2,\n    .atb-tve2-platforms__head h2,\n    .atb-tve2-future__head h2{\n        font-size:46px;\n    }\n\n    .atb-tve2-pro__panel{\n        padding:21px;\n    }\n\n    .atb-tve2-pro__offer h3{\n        font-size:38px;\n    }\n\n    .atb-tve2-pro__uses{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve2-audiences{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .atb-tve2-audience{\n        border-bottom:1px solid rgba(255,255,255,.10);\n    }\n\n    .atb-tve2-audience:nth-child(odd){\n        border-right:1px solid rgba(255,255,255,.10);\n    }\n\n    .atb-tve2-audience:nth-child(even){\n        border-right:0;\n    }\n\n    .atb-tve2-process__steps{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve2-step{\n        padding:25px 0;\n    }\n\n    .atb-tve2-platform-main{\n        min-height:500px;\n        padding:27px 22px;\n    }\n\n    .atb-tve2-platform-side{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve2-manifesto{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve2-manifesto__bridge{\n        width:100px;\n    }\n\n    .atb-tve2-roadmap{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve2-future__bottom{\n        grid-template-columns:1fr;\n    }\n\n    .atb-tve2-future__bottom .atb-tve2-btn{\n        width:100%;\n    }\n\n    .atb-tve2-final{\n        min-height:760px;\n        padding:90px 0 115px;\n    }\n\n    .atb-tve2-final h2{\n        font-size:56px;\n    }\n\n    .atb-tve2-final__lead{\n        font-size:20px;\n    }\n\n    .atb-tve2-final__actions{\n        flex-direction:column;\n    }\n\n    .atb-tve2-final__actions .atb-tve2-btn{\n        width:100%;\n    }\n\n    .atb-tve2-final__bottom{\n        gap:9px;\n        flex-wrap:wrap;\n    }\n}\n\n@media(max-width:400px){\n\n    .atb-tve2-pro__head h2,\n    .atb-tve2-platforms__head h2,\n    .atb-tve2-future__head h2{\n        font-size:41px;\n    }\n\n    .atb-tve2-final h2{\n        font-size:49px;\n    }\n}\n\n@media(prefers-reduced-motion:reduce){\n\n    .atb-tve2-final__bg{\n        animation:none;\n    }\n}\n<\/style>\n\n\n<!-- =========================================================\n     05 \u2014 PROFESSIONAL DISTRIBUTION\n========================================================= -->\n\n<section class=\"atb-tve2-pro\" id=\"tt-professional-en\">\n\n<div class=\"atb-tve2-container\">\n\n    <header class=\"atb-tve2-pro__head\">\n\n        <div>\n\n            <span class=\"atb-tve2-kicker\">\n                Institutional & cultural distribution\n            <\/span>\n\n            <h2>\n                Bring an ATB production to your audience.\n            <\/h2>\n\n        <\/div>\n\n        <p class=\"atb-tve2-pro__intro\">\n            Some ATB audiovisual productions may be made available\n            for awareness campaigns, training activities, educational\n            programmes and cultural distribution projects.\n        <\/p>\n\n    <\/header>\n\n\n    <div class=\"atb-tve2-pro__panel\">\n\n        <div class=\"atb-tve2-pro__offer\">\n\n            <span class=\"atb-tve2-pro__label\">\n                Tailored to your context\n            <\/span>\n\n            <h3>\n                A work can become a powerful tool for action.\n            <\/h3>\n\n            <p>\n                Depending on the project and the available content,\n                ATB can explore suitable ways to integrate a production\n                into a cultural, educational, media or awareness activity.\n            <\/p>\n\n\n            <div class=\"atb-tve2-pro__uses\">\n\n                <article class=\"atb-tve2-use\">\n\n                    <span class=\"atb-tve2-use__icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                            <path d=\"m10 9 5 3-5 3z\"\/>\n                        <\/svg>\n                    <\/span>\n\n                    <strong>Public screening<\/strong>\n\n                    <p>\n                        Showcase a production during a cultural\n                        event, public meeting or special programme.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-tve2-use\">\n\n                    <span class=\"atb-tve2-use__icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m3 9 9-5 9 5-9 5z\"\/>\n                            <path d=\"M7 12v5c3 2 7 2 10 0v-5\"\/>\n                        <\/svg>\n                    <\/span>\n\n                    <strong>Educational use<\/strong>\n\n                    <p>\n                        Use audiovisual content as a learning,\n                        training or discussion resource.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-tve2-use\">\n\n                    <span class=\"atb-tve2-use__icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                            <path d=\"M7 19v2\"\/>\n                            <path d=\"M17 19v2\"\/>\n                        <\/svg>\n                    <\/span>\n\n                    <strong>Media distribution<\/strong>\n\n                    <p>\n                        Explore the use of content within\n                        an audiovisual or media framework.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"atb-tve2-use\">\n\n                    <span class=\"atb-tve2-use__icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 13h4l8 5V6l-8 5H4z\"\/>\n                            <path d=\"M19 9c1 1 1 5 0 6\"\/>\n                        <\/svg>\n                    <\/span>\n\n                    <strong>Awareness campaigns<\/strong>\n\n                    <p>\n                        Mobilise art around a social,\n                        civic or community issue.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n\n        <aside class=\"atb-tve2-request\">\n\n            <span class=\"atb-tve2-request__badge\">\n                Professional request\n            <\/span>\n\n            <h3>\n                Do you have a distribution project?\n            <\/h3>\n\n            <p>\n                Tell us about the context, target audience,\n                territory and intended use. The ATB team\n                can then review your request.\n            <\/p>\n\n            <ul>\n                <li>Identify your needs<\/li>\n                <li>Select suitable content<\/li>\n                <li>Define terms of use<\/li>\n                <li>Organise the distribution<\/li>\n            <\/ul>\n\n            <!-- Replace with the final English Contact URL -->\n            <a href=\"\/atb-v2\/en\/contact\/\"\n               class=\"atb-tve2-btn atb-tve2-btn--wine\">\n\n                Contact us\n\n                <svg viewBox=\"0 0 24 24\">\n                    <path d=\"M5 12h14\"\/>\n                    <path d=\"m13 6 6 6-6 6\"\/>\n                <\/svg>\n\n            <\/a>\n\n            <small class=\"atb-tve2-request__notice\">\n                Distribution arrangements depend on the available\n                production and the nature of each project.\n            <\/small>\n\n        <\/aside>\n\n    <\/div>\n\n\n    <div class=\"atb-tve2-audiences\">\n\n        <div class=\"atb-tve2-audience\">\n            <svg viewBox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"7\" r=\"3\"\/>\n                <path d=\"M6 20c0-4 2-7 6-7s6 3 6 7\"\/>\n            <\/svg>\n            <span>NGOs<\/span>\n        <\/div>\n\n        <div class=\"atb-tve2-audience\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M3 9h18\"\/>\n                <path d=\"M5 9V7l7-4 7 4v2\"\/>\n                <path d=\"M6 9v9M10 9v9M14 9v9M18 9v9M3 21h18\"\/>\n            <\/svg>\n            <span>Institutions<\/span>\n        <\/div>\n\n        <div class=\"atb-tve2-audience\">\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"m3 9 9-5 9 5-9 5z\"\/>\n                <path d=\"M7 12v5c3 2 7 2 10 0v-5\"\/>\n            <\/svg>\n            <span>Universities<\/span>\n        <\/div>\n\n        <div class=\"atb-tve2-audience\">\n            <svg viewBox=\"0 0 24 24\">\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                <path d=\"m10 9 5 3-5 3z\"\/>\n            <\/svg>\n            <span>Media<\/span>\n        <\/div>\n\n        <div class=\"atb-tve2-audience\">\n            <svg viewBox=\"0 0 24 24\">\n                <circle cx=\"8\" cy=\"8\" r=\"3\"\/>\n                <circle cx=\"16\" cy=\"8\" r=\"3\"\/>\n                <path d=\"M2 20c0-4 2-7 6-7\"\/>\n                <path d=\"M22 20c0-4-2-7-6-7\"\/>\n            <\/svg>\n            <span>Associations<\/span>\n        <\/div>\n\n        <div class=\"atb-tve2-audience\">\n            <svg viewBox=\"0 0 24 24\">\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                <path d=\"M8 12h8\"\/>\n                <path d=\"M12 8v8\"\/>\n            <\/svg>\n            <span>Partners<\/span>\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"atb-tve2-process\">\n\n        <header class=\"atb-tve2-process__head\">\n\n            <span class=\"atb-tve2-kicker\">\n                How does it work?\n            <\/span>\n\n            <h3>\n                A simple process tailored to each project.\n            <\/h3>\n\n        <\/header>\n\n\n        <div class=\"atb-tve2-process__steps\">\n\n            <article class=\"atb-tve2-step\">\n\n                <span class=\"atb-tve2-step__number\">01<\/span>\n\n                <h4>Tell us what you need<\/h4>\n\n                <p>\n                    Share your objective, target audience,\n                    context and intended distribution format.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"atb-tve2-step\">\n\n                <span class=\"atb-tve2-step__number\">02<\/span>\n\n                <h4>We identify the right content<\/h4>\n\n                <p>\n                    Together, we determine which available\n                    production best fits your project.\n                <\/p>\n\n            <\/article>\n\n            <article class=\"atb-tve2-step\">\n\n                <span class=\"atb-tve2-step__number\">03<\/span>\n\n                <h4>We organise the distribution<\/h4>\n\n                <p>\n                    The appropriate technical and usage\n                    arrangements are defined for the project.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     06 \u2014 DISTRIBUTION PLATFORMS\n========================================================= -->\n\n<section class=\"atb-tve2-platforms\" id=\"tt-platforms-en\">\n\n<div class=\"atb-tve2-container\">\n\n    <header class=\"atb-tve2-platforms__head\">\n\n        <div>\n\n            <span class=\"atb-tve2-kicker\">\n                Find ATB online\n            <\/span>\n\n            <h2>\n                Our distribution platforms.\n            <\/h2>\n\n        <\/div>\n\n        <p>\n            Follow ATB's audiovisual creations, performances\n            and cultural activities through its digital channels.\n        <\/p>\n\n    <\/header>\n\n\n    <div class=\"atb-tve2-platform-grid\">\n\n\n        <article class=\"atb-tve2-platform-main\">\n\n            <div class=\"atb-tve2-platform-main__content\">\n\n                <span class=\"atb-tve2-platform-main__label\">\n                    T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB\n                <\/span>\n\n                <h3>\n                    ATB's stage continues online.\n                <\/h3>\n\n                <p>\n                    T\u00e9l\u00e9-Th\u00e9\u00e2tre extends the life of performances\n                    and audiovisual creations beyond the physical\n                    stage and brings them to wider audiences.\n                <\/p>\n\n                <div class=\"atb-tve2-platform-main__tags\">\n                    <span>Performances<\/span>\n                    <span>Forum Theatre<\/span>\n                    <span>Archives<\/span>\n                    <span>Audiovisual<\/span>\n                <\/div>\n\n                <a href=\"https:\/\/web.facebook.com\/teletheatreatb\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tve2-btn atb-tve2-btn--gold\">\n                    Visit T\u00e9l\u00e9-Th\u00e9\u00e2tre\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M5 12h14\"\/>\n                        <path d=\"m13 6 6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/article>\n\n\n        <div class=\"atb-tve2-platform-side\">\n\n\n            <a href=\"https:\/\/web.facebook.com\/ateliertheatreburkinabe\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tve2-platform-card\">\n\n                <div>\n\n                    <span class=\"atb-tve2-platform-card__icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M14 8h3V4h-3c-3 0-5 2-5 5v3H6v4h3v5h4v-5h3l1-4h-4V9c0-.7.3-1 1-1z\"\/>\n                        <\/svg>\n                    <\/span>\n\n                    <h3>Facebook<\/h3>\n\n                    <p>\n                        News, images, productions and highlights\n                        from the life of Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"atb-tve2-platform-card__link\">\n                    <span>Follow ATB<\/span>\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n\n            <a href=\"https:\/\/www.youtube.com\/@ateliertheatreburkinabe6770\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"atb-tve2-platform-card\">\n\n                <div>\n\n                    <span class=\"atb-tve2-platform-card__icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"4\"\/>\n                            <path d=\"m10 9 5 3-5 3z\"\/>\n                        <\/svg>\n                    <\/span>\n\n                    <h3>YouTube<\/h3>\n\n                    <p>\n                        Watch videos, audiovisual creations\n                        and content produced around ATB's work.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"atb-tve2-platform-card__link\">\n                    <span>Watch the channel<\/span>\n                    <span>\u2192<\/span>\n                <\/div>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"atb-tve2-platform-trust\">\n\n        <p>\n            <strong>ATB official channels.<\/strong>\n            Follow the institution's official platforms\n            for its audiovisual publications and updates.\n        <\/p>\n\n        <span class=\"atb-tve2-kicker\">\n            Official sources\n        <\/span>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     07 \u2014 FUTURE DEVELOPMENT\n========================================================= -->\n\n<section class=\"atb-tve2-future\" id=\"tt-evolution-en\">\n\n<div class=\"atb-tve2-container\">\n\n    <header class=\"atb-tve2-future__head\">\n\n        <span class=\"atb-tve2-kicker\">\n            Designed for the future\n        <\/span>\n\n        <h2>\n            A platform in constant evolution.\n        <\/h2>\n\n        <p>\n            T\u00e9l\u00e9-Th\u00e9\u00e2tre is designed as an evolving space.\n            As ATB's audiovisual offer develops, new ways\n            of accessing productions, archives and educational\n            resources can progressively be integrated.\n        <\/p>\n\n    <\/header>\n\n\n    <div class=\"atb-tve2-manifesto\">\n\n        <div>\n\n            <small>Today<\/small>\n\n            <h3>\n                An open window onto ATB's audiovisual productions.\n            <\/h3>\n\n            <p>\n                Discover productions, access official digital\n                platforms and explore opportunities for professional,\n                educational and cultural distribution.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"atb-tve2-manifesto__bridge\"\n             aria-hidden=\"true\"><\/div>\n\n        <div>\n\n            <small>Tomorrow<\/small>\n\n            <h3>\n                New formats, new access, the same mission.\n            <\/h3>\n\n            <p>\n                Technology can extend ATB's capacity to preserve,\n                share and distribute its artistic heritage.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"atb-tve2-roadmap\">\n\n\n        <article class=\"atb-tve2-roadmap-card\">\n\n            <div class=\"atb-tve2-roadmap-card__top\">\n                <span class=\"atb-tve2-roadmap-card__number\">01<\/span>\n                <span class=\"atb-tve2-roadmap-card__status\">Available<\/span>\n            <\/div>\n\n            <h3>Free productions<\/h3>\n\n            <p>\n                Open access to a selection of videos,\n                performances, extracts and audiovisual creations.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"atb-tve2-roadmap-card\">\n\n            <div class=\"atb-tve2-roadmap-card__top\">\n                <span class=\"atb-tve2-roadmap-card__number\">02<\/span>\n                <span class=\"atb-tve2-roadmap-card__status\">Future<\/span>\n            <\/div>\n\n            <h3>Premium content<\/h3>\n\n            <p>\n                Selected recordings, collections, archives\n                or exclusive productions may eventually\n                benefit from dedicated access.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"atb-tve2-roadmap-card\">\n\n            <div class=\"atb-tve2-roadmap-card__top\">\n                <span class=\"atb-tve2-roadmap-card__number\">03<\/span>\n                <span class=\"atb-tve2-roadmap-card__status\">Development<\/span>\n            <\/div>\n\n            <h3>Institutional licences<\/h3>\n\n            <p>\n                Distribution arrangements designed for NGOs,\n                institutions, universities, media organisations\n                and cultural partners.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"atb-tve2-roadmap-card\">\n\n            <div class=\"atb-tve2-roadmap-card__top\">\n                <span class=\"atb-tve2-roadmap-card__number\">04<\/span>\n                <span class=\"atb-tve2-roadmap-card__status\">Development<\/span>\n            <\/div>\n\n            <h3>Educational resources<\/h3>\n\n            <p>\n                Videos, methodological resources and learning\n                materials supporting training and knowledge sharing.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"atb-tve2-roadmap-card\">\n\n            <div class=\"atb-tve2-roadmap-card__top\">\n                <span class=\"atb-tve2-roadmap-card__number\">05<\/span>\n                <span class=\"atb-tve2-roadmap-card__status\">Perspective<\/span>\n            <\/div>\n\n            <h3>Video on demand<\/h3>\n\n            <p>\n                Selected productions could eventually be made\n                available through individual viewing options\n                under ATB's distribution terms.\n            <\/p>\n\n        <\/article>\n\n\n        <article class=\"atb-tve2-roadmap-card\">\n\n            <div class=\"atb-tve2-roadmap-card__top\">\n                <span class=\"atb-tve2-roadmap-card__number\">06<\/span>\n                <span class=\"atb-tve2-roadmap-card__status\">Perspective<\/span>\n            <\/div>\n\n            <h3>Audiovisual archives<\/h3>\n\n            <p>\n                Preserve, organise and showcase ATB's filmed\n                heritage for future generations.\n            <\/p>\n\n        <\/article>\n\n    <\/div>\n\n\n    <div class=\"atb-tve2-future__bottom\">\n\n        <div>\n\n            <strong>\n                A platform designed to grow\n            <\/strong>\n\n            <p>\n                New productions, categories, access options\n                and distribution models can be integrated\n                progressively without changing the platform's\n                core identity.\n            <\/p>\n\n        <\/div>\n\n        <!-- Replace with final English Contact URL -->\n        <a href=\"\/atb-v2\/en\/contact\/\"\n           class=\"atb-tve2-btn atb-tve2-btn--wine\">\n\n            Discuss an audiovisual project\n\n            <svg viewBox=\"0 0 24 24\">\n                <path d=\"M5 12h14\"\/>\n                <path d=\"m13 6 6 6-6 6\"\/>\n            <\/svg>\n\n        <\/a>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     08 \u2014 FINAL CTA\n========================================================= -->\n\n<section class=\"atb-tve2-final\" id=\"tt-final-en\">\n\n<div class=\"atb-tve2-final__bg\"\n     aria-hidden=\"true\"><\/div>\n\n<div class=\"atb-tve2-final__overlay\"\n     aria-hidden=\"true\"><\/div>\n\n<div class=\"atb-tve2-final__glow\"\n     aria-hidden=\"true\"><\/div>\n\n\n<div class=\"atb-tve2-container\">\n\n    <div class=\"atb-tve2-final__layout\">\n\n\n        <div class=\"atb-tve2-final__content\">\n\n            <span class=\"atb-tve2-kicker\">\n                T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB\n            <\/span>\n\n            <h2>\n                Theatre lives on screen.\n            <\/h2>\n\n            <p class=\"atb-tve2-final__lead\">\n                Every new production is an invitation\n                to discover, reflect, engage in dialogue and act.\n            <\/p>\n\n            <p class=\"atb-tve2-final__text\">\n                Visit T\u00e9l\u00e9-Th\u00e9\u00e2tre regularly to discover filmed\n                performances, audiovisual creations, archives,\n                educational content and new productions from\n                Atelier Th\u00e9\u00e2tre Burkinab\u00e8.\n            <\/p>\n\n            <div class=\"atb-tve2-final__actions\">\n\n                <a href=\"#atb-videotheque-en\"\n                   class=\"atb-tve2-btn atb-tve2-btn--gold\">\n\n                    Explore all productions\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M5 12h14\"\/>\n                        <path d=\"m13 6 6 6-6 6\"\/>\n                    <\/svg>\n\n                <\/a>\n\n                <!-- Replace with final English Contact URL -->\n                <a href=\"\/atb-v2\/en\/contact\/\"\n                   class=\"atb-tve2-btn atb-tve2-btn--glass\">\n\n                    Contact us\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <aside class=\"atb-tve2-final__signature\">\n\n            <small>\n                A living memory\n            <\/small>\n\n            <strong>\n                Create.<br>\n                Film.<br>\n                Pass it on.\n            <\/strong>\n\n            <p>\n                T\u00e9l\u00e9-Th\u00e9\u00e2tre extends ATB's cultural\n                and social mission far beyond the stage.\n            <\/p>\n\n        <\/aside>\n\n    <\/div>\n\n<\/div>\n\n\n<div class=\"atb-tve2-final__bottom\"\n     aria-hidden=\"true\">\n\n    <span>Performances<\/span>\n    <i><\/i>\n\n    <span>Forum Theatre<\/span>\n    <i><\/i>\n\n    <span>Recordings<\/span>\n    <i><\/i>\n\n    <span>Knowledge Sharing<\/span>\n    <i><\/i>\n\n    <span>Archives<\/span>\n\n<\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n     JS \u2014 SAFE INTERNAL SMOOTH SCROLL\n========================================================= -->\n\n<script>\n(function(){\n\n    function initATBTeleTheatrePart2EN(){\n\n        var root =\n            document.querySelector(\".atb-tv-en-part2\");\n\n        if(!root || root.dataset.initialized === \"true\"){\n            return;\n        }\n\n        root.dataset.initialized = \"true\";\n\n        var links =\n            root.querySelectorAll('a[href^=\"#\"]');\n\n        links.forEach(function(link){\n\n            link.addEventListener(\"click\",function(event){\n\n                var selector =\n                    link.getAttribute(\"href\");\n\n                if(!selector || selector === \"#\"){\n                    return;\n                }\n\n                var target =\n                    document.querySelector(selector);\n\n                if(target){\n\n                    event.preventDefault();\n\n                    target.scrollIntoView({\n                        behavior:\"smooth\",\n                        block:\"start\"\n                    });\n\n                }\n\n            });\n\n        });\n\n    }\n\n    if(document.readyState === \"loading\"){\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initATBTeleTheatrePart2EN\n        );\n\n    }else{\n\n        initATBTeleTheatrePart2EN();\n\n    }\n\n    window.addEventListener(\n        \"load\",\n        initATBTeleTheatrePart2EN\n    );\n\n    setTimeout(\n        initATBTeleTheatrePart2EN,\n        500\n    );\n\n})();\n<\/script>\n\n<\/div>\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>ATB&rsquo;s audiovisual stage T\u00e9l\u00e9-Th\u00e9\u00e2tre ATB The curtain falls. The story lives on. Discover performances, recordings, audiovisual creations and content that extend the mission of Atelier Th\u00e9\u00e2tre Burkinab\u00e8 beyond the stage: [&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-1489","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1489","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=1489"}],"version-history":[{"count":4,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1489\/revisions"}],"predecessor-version":[{"id":2268,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/pages\/1489\/revisions\/2268"}],"wp:attachment":[{"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/media?parent=1489"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/atb.bf\/atb-v2\/wp-json\/wp\/v2\/wf_page_folders?post=1489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}