BB13 | Controlled Disruption<\/title>\n <meta name=\"description\" content=\"BB13 Events in Helsinki. Controlled disruption of social restraint. Speak without armor. Stand without performance.\">\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700;900&family=Syncopate:wght@400;700&family=Manrope:wght@200;400;600;800&display=swap\" rel=\"stylesheet\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n void: \"#050505\",\n charcoal: \"#0b0b0f\",\n paper: \"#F3F1EA\",\n \"paper-dim\": \"rgba(243,241,234,0.78)\",\n \"gallery-gold\": \"#D7B56D\",\n ice: \"#BEE8FF\",\n neon: \"#B026FF\"\n },\n fontFamily: {\n serif: [\"Cinzel\", \"serif\"],\n display: [\"Syncopate\", \"sans-serif\"],\n sans: [\"Manrope\", \"sans-serif\"],\n mono: [\"ui-monospace\",\"SFMono-Regular\",\"Menlo\",\"Monaco\",\"Consolas\",\"Liberation Mono\",\"Courier New\",\"monospace\"]\n }\n }\n }\n }\n <\/script>\n\n <style>\n body { background:#050505; color:#F3F1EA; }\n\n \/* IMPORTANT: remove \"sticky\/fixed\" top menu *\/\n header.site-header {\n position: static !important;\n top: auto !important;\n left: auto !important;\n right: auto !important;\n mix-blend-mode: normal !important;\n backdrop-filter: none !important;\n z-index: 10;\n }\n\n \/* visual system *\/\n .hero-glow{\n background:\n radial-gradient(900px 420px at 50% 35%, rgba(190,232,255,0.10) 0%, transparent 60%),\n radial-gradient(700px 420px at 50% 75%, rgba(215,181,109,0.10) 0%, transparent 60%),\n linear-gradient(to bottom, rgba(5,5,5,0.35), rgba(5,5,5,0.90));\n }\n .spotlight{\n background: radial-gradient(circle at 50% 35%, rgba(255,255,255,0.06) 0%, transparent 60%);\n }\n .hairline{ height:1px; background: linear-gradient(90deg, transparent, rgba(215,181,109,0.55), transparent); }\n\n .shadow-lux{ box-shadow: 0 12px 60px rgba(0,0,0,0.55); }\n\n .headline-lux{ text-shadow: 0 10px 40px rgba(0,0,0,0.55); }\n .title-gold{\n color: #D7B56D;\n text-shadow: 0 14px 50px rgba(215,181,109,0.22), 0 10px 35px rgba(0,0,0,0.65);\n }\n .title-ice{\n color: #BEE8FF;\n text-shadow: 0 14px 50px rgba(190,232,255,0.18), 0 10px 35px rgba(0,0,0,0.65);\n }\n\n .btn-primary{\n background: linear-gradient(90deg, rgba(176,38,255,0.95), rgba(215,181,109,0.95));\n color:#050505;\n border: 1px solid rgba(255,255,255,0.10);\n transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;\n box-shadow: 0 14px 50px rgba(176,38,255,0.18);\n }\n .btn-primary:hover{ transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 18px 70px rgba(215,181,109,0.20); }\n\n .btn-outline{\n border: 1px solid rgba(243,241,234,0.28);\n color:#F3F1EA;\n background: rgba(0,0,0,0.18);\n transition: border-color .2s ease, color .2s ease, transform .2s ease;\n }\n .btn-outline:hover{ transform: translateY(-1px); border-color: rgba(215,181,109,0.65); color:#D7B56D; }\n\n .nav-hover:hover{ color:#D7B56D; }\n\n \/* mobile overlay *\/\n #mobile-menu{ background: rgba(5,5,5,0.98); }\n\n \/* make headings pop (readable, bright) *\/\n .kicker{\n color: rgba(190,232,255,0.88);\n text-shadow: 0 10px 35px rgba(0,0,0,0.65);\n }\n\n \/* Optional: if WordPress theme adds its own sticky header, force-kill it *\/\n .elementor-sticky, .sticky, .is-sticky { position: static !important; top:auto !important; }\n <\/style>\n<\/head>\n\n<body class=\"antialiased selection:bg-paper selection:text-void\">\n\n \n <header class=\"site-header w-full px-6 py-6 flex justify-between items-center\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/\" class=\"text-2xl font-display font-bold tracking-tight text-paper\">BB13<\/a>\n\n <nav class=\"flex items-center gap-4\">\n <ul id=\"nav-links\" class=\"hidden md:flex gap-8 text-xs tracking-[0.25em] uppercase font-extrabold text-paper\/80\"><\/ul>\n <button id=\"mobile-menu-btn\" class=\"md:hidden text-paper uppercase text-xs tracking-[0.25em] font-extrabold border border-white\/15 px-4 py-2\">\n Menu\n <\/button>\n <\/nav>\n <\/header>\n\n \n <div id=\"mobile-menu\" class=\"fixed inset-0 z-40 hidden flex-col justify-center items-center\">\n <ul id=\"mobile-nav-links\" class=\"flex flex-col gap-8 text-center text-paper\"><\/ul>\n <button id=\"close-menu\" class=\"absolute top-6 right-6 text-paper text-xs uppercase tracking-[0.25em] font-extrabold\">\n Close\n <\/button>\n <\/div>\n\n <main>\n \n <section class=\"relative min-h-screen flex flex-col justify-center items-center text-center px-4 overflow-hidden\">\n <div class=\"absolute inset-0 z-0 opacity-50\">\n <img decoding=\"async\" src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/5D34E8F0-573D-479B-9FC6-7CDBFE820902.png\"\n alt=\"BB13 atmosphere\"\n class=\"w-full h-full object-cover grayscale contrast-125 brightness-50\">\n <\/div>\n\n <div class=\"absolute inset-0 hero-glow z-10\"><\/div>\n\n <div class=\"relative z-20 max-w-4xl pt-10 md:pt-6\">\n <h2 class=\"kicker text-xs md:text-sm font-sans tracking-[0.55em] mb-6 uppercase\">\n BB13 \u00b7 Format Page\n <\/h2>\n\n \n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-serif font-black leading-[0.92] mb-6 headline-lux\">\n <span class=\"text-paper\">Hallittu<\/span><br>\n <span class=\"title-gold\">h\u00e4iri\u00f6<\/span>\n <\/h1>\n\n <p class=\"text-sm md:text-base font-sans tracking-widest text-paper\/80 mb-8 uppercase font-semibold\">\n Puhu ilman panssaria.\nSeiso ilman esityst\u00e4.\n <\/p>\n\n <div class=\"hairline w-48 mx-auto mb-8\"><\/div>\n\n <p class=\"text-base md:text-lg font-sans text-paper\/85 max-w-2xl mx-auto leading-relaxed mb-10\">\n J\u00e4sennelty ymp\u00e4rist\u00f6,\nsuunniteltu keskeytt\u00e4m\u00e4\u00e4n kohtelias sosiaalinen koreografia \u2014\njotta lakkaat j\u00e4\u00e4tym\u00e4st\u00e4 julkisissa tilanteissa,\nlakkaat ylis\u00e4\u00e4t\u00e4m\u00e4st\u00e4 omaa \u00e4\u00e4nt\u00e4si\nja alat ottaa tilaa ilman anteeksipyynt\u00f6\u00e4.\n <\/p>\n\n <div class=\"flex flex-col items-center gap-2 mb-12\">\n <ul id=\"hero-subtext\" class=\"text-xs md:text-sm font-mono text-paper\/70 space-y-1\"><\/ul>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n <a href=\"#formats\"\n class=\"btn-outline inline-flex items-center justify-center px-10 py-4 font-sans font-extrabold tracking-[0.22em] uppercase text-xs rounded-sm\">\n Katso formaatit\n <\/a>\n\n <a href=\"https:\/\/bewitchedby13.com\/fi\/unfiltered_bb13\/\"\n class=\"btn-primary inline-flex items-center justify-center px-10 py-4 font-sans font-extrabold tracking-[0.22em] uppercase text-xs rounded-sm\">\n Unfiltered \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-void border-t border-white\/10\">\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 class=\"text-2xl md:text-3xl font-serif mb-6 headline-lux\">\n <span class=\"title-ice\">Mit\u00e4 viet mukanasi<\/span>\n <\/h2>\n\n <div class=\"space-y-5 text-paper\/80 font-sans text-sm leading-relaxed\">\n <ul class=\"space-y-2\">\n <li>\u2022 Et en\u00e4\u00e4 j\u00e4\u00e4dy ihmisten edess\u00e4.<\/li>\n <li>\u2022 Et en\u00e4\u00e4 pienenn\u00e4 l\u00e4sn\u00e4oloasi.<\/li>\n <li>\u2022 Puhut ilman hyv\u00e4ksynn\u00e4n hakemista.<\/li>\n <li>\u2022 Selvi\u00e4t hiljaisuudesta \u2014 ja s\u00e4ilyt\u00e4t oman signaalisi.<\/li>\n <\/ul>\n\n <div class=\"border-l border-gallery-gold\/55 pl-5 space-y-2\">\n <p class=\"text-paper font-extrabold\">Tavoitteena eiv\u00e4t ole vastaukset.<\/p>\n <p class=\"text-paper\/75\">Se on laajenemista huomion alla \u2014\ntodellisten kysymysten paluu.<\/p>\n <\/div>\n\n <p class=\"text-paper\/55 font-mono text-xs tracking-[0.22em] uppercase\">\n Helsinki \u00b7 Kallio \u00b7 8\u201313 paikkaa \u00b7 60\u2013120 min \u00b7 18+ \u00b7 Maksullinen sis\u00e4\u00e4np\u00e4\u00e4sy\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"formats\" class=\"py-28 bg-charcoal relative\">\n <div id=\"wild-series\"><\/div>\n\n <div class=\"container mx-auto px-6\">\n <div class=\"mb-16 border-l-2 border-gallery-gold\/50 pl-8\">\n <h2 class=\"text-4xl md:text-6xl font-serif font-black mb-4 headline-lux\">\n <span class=\"title-gold\">VILLI SARJA<\/span>\n <\/h2>\n <p class=\"text-paper\/75 font-sans max-w-xl text-sm tracking-wide\">\n Kaksi formaattia.\nSama s\u00e4\u00e4nt\u00f6: ei mukavuuden naamioita.\n <\/p>\n <\/div>\n\n <div id=\"wild-cards-container\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-16\"><\/div>\n\n <div class=\"mt-16 max-w-3xl mx-auto border border-white\/10 p-8 md:p-10 bg-void\/35 shadow-lux\">\n <h3 class=\"text-paper font-serif text-2xl mb-4 headline-lux\">Protocol<\/h3>\n <ul class=\"space-y-2 text-paper\/80 font-sans text-sm leading-relaxed\">\n <li>Vain 13 paikkaa \u00b7 T\u00e4yteen varattuna p\u00e4\u00e4sy sulkeutuu<\/li>\n <li>\u2022 M\u00e4\u00e4ritelty alku ja loppu. Kehys, ei hengailua.<\/li>\n <li>\u2022 Ei katsojia: kaikki osallistuvat.<\/li>\n <li>Ei dokumentointia ilman erillist\u00e4 ilmoitusta.<\/li>\n <li>\u2022 Voit poistua milloin tahansa \u2014 hiljaa.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"sound-series\" class=\"py-28 bg-void relative overflow-hidden\">\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[900px] h-[900px] bg-ice\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\n\n <div class=\"container mx-auto px-6 relative z-10\">\n <div class=\"flex flex-col lg:flex-row items-center gap-14\">\n <div class=\"w-full lg:w-1\/2\">\n <div class=\"relative aspect-[3\/4] overflow-hidden grayscale hover:grayscale-0 transition-all duration-700 border border-white\/10 shadow-lux\">\n <img decoding=\"async\" src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/766E4A41-1AD4-4F75-8181-727D3E2C1DA5-scaled.png\"\n alt=\"Psychedelic Somatic Guitar\"\n class=\"w-full h-full object-cover opacity-90\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-void via-transparent to-transparent\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-full lg:w-1\/2 text-left\">\n <h2 class=\"text-3xl md:text-5xl font-serif font-black text-paper mb-6 leading-tight headline-lux\">\n PSYCHEDELIC<br>\n <span class=\"title-ice\">SOMATIC GUITAR<\/span>\n <\/h2>\n\n <p class=\"text-paper\/80 font-sans text-sm leading-relaxed mb-8 max-w-xl\">\n Ei oppitunti.\nHallittu \u00e4\u00e4nikentt\u00e4, jossa hermosto s\u00e4\u00e4tyy toiston,\nhuomion ja rytmin kautta \u2014 BB13:n atmosf\u00e4\u00e4riss\u00e4.Ei vaadi kokemusta \u00b7 Sopii aloittelijoille\n <\/p>\n\n <ul id=\"sound-features\" class=\"space-y-4 mb-10 font-sans text-paper\/80 text-sm tracking-wider border-l border-gallery-gold\/35 pl-6\"><\/ul>\n\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"https:\/\/buy.stripe.com\/9B69AT3E34I0f5j0eEaVa0h\"\n target=\"_blank\" rel=\"noopener\"\n class=\"btn-primary px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold text-center rounded-sm\">\n Varaa paikka\n <\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/allow_yourself_to_sound\/\"\n class=\"btn-outline px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold text-center rounded-sm\">\n Tapahtuman tiedot\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"private-viewing\" class=\"py-32 bg-black text-center relative\">\n <div class=\"absolute inset-0 spotlight pointer-events-none\"><\/div>\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-2xl mx-auto border border-white\/10 p-12 md:p-20 relative bg-void\/30 shadow-lux\">\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-black px-4 text-paper\/70 text-xs tracking-[0.22em] uppercase font-extrabold\">\n Foreigners welcome\n <\/div>\n\n <h2 class=\"text-3xl md:text-5xl font-serif font-black text-paper mb-8 headline-lux\">\n <span class=\"title-gold\">BB13 International salon (english)<\/span>\n <\/h2>\n\n <ul id=\"private-details\" class=\"space-y-4 font-sans text-xs md:text-sm tracking-[0.22em] text-paper\/75 uppercase mb-10\"><\/ul>\n\n <div class=\"flex flex-col items-center gap-4\">\n <div class=\"text-paper font-serif text-3xl headline-lux\">contribution 13 \u20ac to 30 \u20ac<\/div>\n <a href=\"https:\/\/buy.stripe.com\/9B64gzgqP3DW4qFgdCaVa08\"\n target=\"_blank\" rel=\"noopener\"\n class=\"btn-outline inline-flex items-center justify-center px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold rounded-sm\">\n Varaa paikka\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"request\" class=\"py-24 bg-void border-t border-white\/10\">\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-3xl mx-auto text-center\">\n <h2 class=\"text-3xl md:text-5xl font-serif font-black text-paper mb-5 headline-lux\">\n <span class=\"title-ice\">REQUEST ACCESS<\/span>\n <\/h2>\n <p class=\"text-paper\/75 font-sans text-sm tracking-wide mb-10\">\n Private invitations and limited-seat releases.\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/join\/\"\n class=\"btn-primary inline-flex items-center justify-center px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold rounded-sm\">\n Pyyd\u00e4 kutsua\n <\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/events\/\"\n class=\"btn-outline inline-flex items-center justify-center px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold rounded-sm\">\n \u2190 Takaisin tapahtumiin\n <\/a>\n <\/div>\n\n <p class=\"mt-8 text-xs text-paper\/50 font-mono tracking-[0.18em] uppercase\">\n BB13 \u00b7 Helsinki \u00b7 By Appointment\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-void border-t border-white\/10 py-12\">\n <div class=\"container mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6\">\n <div class=\"text-xs text-paper\/50 uppercase tracking-[0.22em]\">\n BB13 \u00b7 Helsinki \u00b7 By Appointment\n <\/div>\n <div class=\"text-xs text-paper\/40 font-mono tracking-[0.12em]\">\n bewitchedby13.com\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n const navItems = [\n { label: \"Wild Series\", href: \"#wild-series\" },\n { label: \"Sound\", href: \"#sound-series\" },\n { label: \"Private\", href: \"#private-viewing\" },\n { label: \"Request\", href: \"#request\" }\n ];\n\n const heroSubtext = [\n \"Limited seats. Paid entry.\",\n \"No spectators: everyone participates.\",\n \"Defined beginning and end.\",\n \"Expansion under attention.\"\n ];\n\n const wildCards = [\n {\n title: \"Allow Yourself To Be Wild\",\n description:\n \"You are not shy. You are conditioned. This session dismantles the public mask \u2014 grounding, somatic release, voice activation, and direct attention. You leave with freedom in visible spaces.\",\n seats: \"8 seats only \u00b7 80\u2013110 min\",\n price: \"\u20ac20\",\n image: \"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/5BD9E34C-7B24-46AB-B31E-5C440BD72DE7.png\",\n url: \"https:\/\/bewitchedby13.com\/allow-yourself-to-be-wild\/\"\n },\n {\n title: \"BB13 \u00b7 Unfiltered\",\n description:\n \"Anti-standup. One microphone. Two minutes. One truth. Silence after. No applause. Themes rotate: paradoxes, coincidences, money, travel, desire, power. Speak without armor.\",\n seats: \"13 seats only \u00b7 70\u201390 min\",\n price: \"\u20ac 22\",\n image: \"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/E5674D2E-CAC7-42AD-9E0C-FF9885250EDD.png\",\n url: \"https:\/\/bewitchedby13.com\/unfiltered_bb13\"\n }\n ];\n\n const soundFeatures = [\n \"Repetitive slow psychedelic structures.\",\n \"Nervous system regulation through rhythm and repetition.\",\n \"Shared altered state of attention.\",\n \"Not a class \u2014 a controlled sound field.\",\n \"Bring your guitar \u00b7 80 min.\"\n ];\n\n const privateDetails = [\n \"13 Seats\",\n \"Authorial Objects\",\n \"Low Light \u00b7 Floor Seating\",\n \"Defined beginning and end\"\n ];\n\n function renderNav(items, isMobile = false) {\n const baseClass = isMobile\n ? \"text-2xl font-serif font-black nav-hover transition-colors\"\n : \"nav-hover transition-colors\";\n return items.map(item => `<li><a href=\"${item.href}\" class=\"${baseClass}\">${item.label}<\/a><\/li>`).join(\"\");\n }\n\n function renderHeroSubtext(lines) {\n return lines.map(line => `<li class=\"opacity-95\">${line}<\/li>`).join(\"\");\n }\n\n function renderWildCards(cards) {\n return cards.map(card => `\n <article class=\"group relative bg-void border border-white\/10 hover:border-gallery-gold\/55 transition-all duration-500 flex flex-col shadow-lux\">\n <div class=\"h-64 overflow-hidden relative\">\n <img decoding=\"async\" src=\"${card.image}\" alt=\"${card.title}\"\n class=\"w-full h-full object-cover opacity-80 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700 grayscale group-hover:grayscale-0\">\n <div class=\"absolute inset-0 bg-black\/25 group-hover:bg-black\/10 transition-colors\"><\/div>\n <div class=\"absolute top-4 left-4\">\n <span class=\"text-[11px] uppercase tracking-[0.22em] font-extrabold text-paper\/95 px-3 py-2 border border-white\/15 bg-black\/30 backdrop-blur-sm\">\n ${card.seats}\n <\/span>\n <\/div>\n <\/div>\n\n <div class=\"p-8 flex flex-col flex-grow\">\n <h3 class=\"text-2xl md:text-3xl font-serif font-black text-paper mb-4 group-hover:text-gallery-gold transition-colors headline-lux\">\n ${card.title}\n <\/h3>\n\n <p class=\"text-paper\/80 text-sm leading-relaxed mb-8 flex-grow font-sans\">\n ${card.description}\n <\/p>\n\n <div class=\"flex justify-between items-end border-t border-white\/10 pt-6\">\n <span class=\"text-sm text-paper\/70 font-mono tracking-[0.12em]\">${card.price}<\/span>\n\n <a href=\"${card.url}\" target=\"_blank\" rel=\"noopener\"\n class=\"text-xs uppercase tracking-[0.22em] border-b border-paper\/70 pb-1 hover:text-gallery-gold hover:border-gallery-gold transition-colors font-extrabold\">\n Open \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n `).join(\"\");\n }\n\n function renderListItems(items) {\n return items.map(item => `\n <li class=\"flex items-start gap-3\">\n <span class=\"text-gallery-gold mt-1 text-[10px]\">\u25a0<\/span>\n ${item}\n <\/li>\n `).join(\"\");\n }\n\n function renderSimpleList(items) {\n return items.map(item => `<li>${item}<\/li>`).join(\"\");\n }\n\n document.addEventListener(\"DOMContentLoaded\", () => {\n document.getElementById(\"nav-links\").innerHTML = renderNav(navItems);\n document.getElementById(\"mobile-nav-links\").innerHTML = renderNav(navItems, true);\n document.getElementById(\"hero-subtext\").innerHTML = renderHeroSubtext(heroSubtext);\n document.getElementById(\"wild-cards-container\").innerHTML = renderWildCards(wildCards);\n document.getElementById(\"sound-features\").innerHTML = renderListItems(soundFeatures);\n document.getElementById(\"private-details\").innerHTML = renderSimpleList(privateDetails);\n\n const menuBtn = document.getElementById(\"mobile-menu-btn\");\n const closeBtn = document.getElementById(\"close-menu\");\n const mobileMenu = document.getElementById(\"mobile-menu\");\n\n function toggleMenu() {\n mobileMenu.classList.toggle(\"hidden\");\n mobileMenu.classList.toggle(\"flex\");\n document.body.classList.toggle(\"overflow-hidden\");\n }\n\n menuBtn.addEventListener(\"click\", toggleMenu);\n closeBtn.addEventListener(\"click\", toggleMenu);\n\n document.querySelectorAll(\"#mobile-nav-links a\").forEach(link => {\n link.addEventListener(\"click\", toggleMenu);\n });\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener(\"click\", function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute(\"href\"));\n if (target) target.scrollIntoView({ behavior: \"smooth\" });\n });\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BB13 | Controlled Disruption BB13 Menu Close BB13 \u00b7 Format Page Controlled Disruption Speak without armor. Stand without performance. A structured environment designed to interrupt polite social choreography \u2014 so you stop freezing in public, stop over-editing your voice, and start occupying space without apology. \u2192 View Formats Unfiltered \u2192 What you leave with \u2022 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7619","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/7619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/comments?post=7619"}],"version-history":[{"count":208,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/7619\/revisions"}],"predecessor-version":[{"id":8652,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/7619\/revisions\/8652"}],"wp:attachment":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/media?parent=7619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n \n\n BB13 | Controlled Disruption<\/title>\n <meta name=\"description\" content=\"BB13 Events in Helsinki. Controlled disruption of social restraint. Speak without armor. Stand without performance.\">\n\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;700;900&family=Syncopate:wght@400;700&family=Manrope:wght@200;400;600;800&display=swap\" rel=\"stylesheet\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n void: \"#050505\",\n charcoal: \"#0b0b0f\",\n paper: \"#F3F1EA\",\n \"paper-dim\": \"rgba(243,241,234,0.78)\",\n \"gallery-gold\": \"#D7B56D\",\n ice: \"#BEE8FF\",\n neon: \"#B026FF\"\n },\n fontFamily: {\n serif: [\"Cinzel\", \"serif\"],\n display: [\"Syncopate\", \"sans-serif\"],\n sans: [\"Manrope\", \"sans-serif\"],\n mono: [\"ui-monospace\",\"SFMono-Regular\",\"Menlo\",\"Monaco\",\"Consolas\",\"Liberation Mono\",\"Courier New\",\"monospace\"]\n }\n }\n }\n }\n <\/script>\n\n <style>\n body { background:#050505; color:#F3F1EA; }\n\n \/* IMPORTANT: remove \"sticky\/fixed\" top menu *\/\n header.site-header {\n position: static !important;\n top: auto !important;\n left: auto !important;\n right: auto !important;\n mix-blend-mode: normal !important;\n backdrop-filter: none !important;\n z-index: 10;\n }\n\n \/* visual system *\/\n .hero-glow{\n background:\n radial-gradient(900px 420px at 50% 35%, rgba(190,232,255,0.10) 0%, transparent 60%),\n radial-gradient(700px 420px at 50% 75%, rgba(215,181,109,0.10) 0%, transparent 60%),\n linear-gradient(to bottom, rgba(5,5,5,0.35), rgba(5,5,5,0.90));\n }\n .spotlight{\n background: radial-gradient(circle at 50% 35%, rgba(255,255,255,0.06) 0%, transparent 60%);\n }\n .hairline{ height:1px; background: linear-gradient(90deg, transparent, rgba(215,181,109,0.55), transparent); }\n\n .shadow-lux{ box-shadow: 0 12px 60px rgba(0,0,0,0.55); }\n\n .headline-lux{ text-shadow: 0 10px 40px rgba(0,0,0,0.55); }\n .title-gold{\n color: #D7B56D;\n text-shadow: 0 14px 50px rgba(215,181,109,0.22), 0 10px 35px rgba(0,0,0,0.65);\n }\n .title-ice{\n color: #BEE8FF;\n text-shadow: 0 14px 50px rgba(190,232,255,0.18), 0 10px 35px rgba(0,0,0,0.65);\n }\n\n .btn-primary{\n background: linear-gradient(90deg, rgba(176,38,255,0.95), rgba(215,181,109,0.95));\n color:#050505;\n border: 1px solid rgba(255,255,255,0.10);\n transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;\n box-shadow: 0 14px 50px rgba(176,38,255,0.18);\n }\n .btn-primary:hover{ transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 18px 70px rgba(215,181,109,0.20); }\n\n .btn-outline{\n border: 1px solid rgba(243,241,234,0.28);\n color:#F3F1EA;\n background: rgba(0,0,0,0.18);\n transition: border-color .2s ease, color .2s ease, transform .2s ease;\n }\n .btn-outline:hover{ transform: translateY(-1px); border-color: rgba(215,181,109,0.65); color:#D7B56D; }\n\n .nav-hover:hover{ color:#D7B56D; }\n\n \/* mobile overlay *\/\n #mobile-menu{ background: rgba(5,5,5,0.98); }\n\n \/* make headings pop (readable, bright) *\/\n .kicker{\n color: rgba(190,232,255,0.88);\n text-shadow: 0 10px 35px rgba(0,0,0,0.65);\n }\n\n \/* Optional: if WordPress theme adds its own sticky header, force-kill it *\/\n .elementor-sticky, .sticky, .is-sticky { position: static !important; top:auto !important; }\n <\/style>\n<\/head>\n\n<body class=\"antialiased selection:bg-paper selection:text-void\">\n\n \n <header class=\"site-header w-full px-6 py-6 flex justify-between items-center\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/\" class=\"text-2xl font-display font-bold tracking-tight text-paper\">BB13<\/a>\n\n <nav class=\"flex items-center gap-4\">\n <ul id=\"nav-links\" class=\"hidden md:flex gap-8 text-xs tracking-[0.25em] uppercase font-extrabold text-paper\/80\"><\/ul>\n <button id=\"mobile-menu-btn\" class=\"md:hidden text-paper uppercase text-xs tracking-[0.25em] font-extrabold border border-white\/15 px-4 py-2\">\n Menu\n <\/button>\n <\/nav>\n <\/header>\n\n \n <div id=\"mobile-menu\" class=\"fixed inset-0 z-40 hidden flex-col justify-center items-center\">\n <ul id=\"mobile-nav-links\" class=\"flex flex-col gap-8 text-center text-paper\"><\/ul>\n <button id=\"close-menu\" class=\"absolute top-6 right-6 text-paper text-xs uppercase tracking-[0.25em] font-extrabold\">\n Close\n <\/button>\n <\/div>\n\n <main>\n \n <section class=\"relative min-h-screen flex flex-col justify-center items-center text-center px-4 overflow-hidden\">\n <div class=\"absolute inset-0 z-0 opacity-50\">\n <img decoding=\"async\" src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/5D34E8F0-573D-479B-9FC6-7CDBFE820902.png\"\n alt=\"BB13 atmosphere\"\n class=\"w-full h-full object-cover grayscale contrast-125 brightness-50\">\n <\/div>\n\n <div class=\"absolute inset-0 hero-glow z-10\"><\/div>\n\n <div class=\"relative z-20 max-w-4xl pt-10 md:pt-6\">\n <h2 class=\"kicker text-xs md:text-sm font-sans tracking-[0.55em] mb-6 uppercase\">\n BB13 \u00b7 Format Page\n <\/h2>\n\n \n <h1 class=\"text-5xl md:text-7xl lg:text-8xl font-serif font-black leading-[0.92] mb-6 headline-lux\">\n <span class=\"text-paper\">Hallittu<\/span><br>\n <span class=\"title-gold\">h\u00e4iri\u00f6<\/span>\n <\/h1>\n\n <p class=\"text-sm md:text-base font-sans tracking-widest text-paper\/80 mb-8 uppercase font-semibold\">\n Puhu ilman panssaria.\nSeiso ilman esityst\u00e4.\n <\/p>\n\n <div class=\"hairline w-48 mx-auto mb-8\"><\/div>\n\n <p class=\"text-base md:text-lg font-sans text-paper\/85 max-w-2xl mx-auto leading-relaxed mb-10\">\n J\u00e4sennelty ymp\u00e4rist\u00f6,\nsuunniteltu keskeytt\u00e4m\u00e4\u00e4n kohtelias sosiaalinen koreografia \u2014\njotta lakkaat j\u00e4\u00e4tym\u00e4st\u00e4 julkisissa tilanteissa,\nlakkaat ylis\u00e4\u00e4t\u00e4m\u00e4st\u00e4 omaa \u00e4\u00e4nt\u00e4si\nja alat ottaa tilaa ilman anteeksipyynt\u00f6\u00e4.\n <\/p>\n\n <div class=\"flex flex-col items-center gap-2 mb-12\">\n <ul id=\"hero-subtext\" class=\"text-xs md:text-sm font-mono text-paper\/70 space-y-1\"><\/ul>\n <\/div>\n\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n <a href=\"#formats\"\n class=\"btn-outline inline-flex items-center justify-center px-10 py-4 font-sans font-extrabold tracking-[0.22em] uppercase text-xs rounded-sm\">\n Katso formaatit\n <\/a>\n\n <a href=\"https:\/\/bewitchedby13.com\/fi\/unfiltered_bb13\/\"\n class=\"btn-primary inline-flex items-center justify-center px-10 py-4 font-sans font-extrabold tracking-[0.22em] uppercase text-xs rounded-sm\">\n Unfiltered \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-20 bg-void border-t border-white\/10\">\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-3xl mx-auto\">\n <h2 class=\"text-2xl md:text-3xl font-serif mb-6 headline-lux\">\n <span class=\"title-ice\">Mit\u00e4 viet mukanasi<\/span>\n <\/h2>\n\n <div class=\"space-y-5 text-paper\/80 font-sans text-sm leading-relaxed\">\n <ul class=\"space-y-2\">\n <li>\u2022 Et en\u00e4\u00e4 j\u00e4\u00e4dy ihmisten edess\u00e4.<\/li>\n <li>\u2022 Et en\u00e4\u00e4 pienenn\u00e4 l\u00e4sn\u00e4oloasi.<\/li>\n <li>\u2022 Puhut ilman hyv\u00e4ksynn\u00e4n hakemista.<\/li>\n <li>\u2022 Selvi\u00e4t hiljaisuudesta \u2014 ja s\u00e4ilyt\u00e4t oman signaalisi.<\/li>\n <\/ul>\n\n <div class=\"border-l border-gallery-gold\/55 pl-5 space-y-2\">\n <p class=\"text-paper font-extrabold\">Tavoitteena eiv\u00e4t ole vastaukset.<\/p>\n <p class=\"text-paper\/75\">Se on laajenemista huomion alla \u2014\ntodellisten kysymysten paluu.<\/p>\n <\/div>\n\n <p class=\"text-paper\/55 font-mono text-xs tracking-[0.22em] uppercase\">\n Helsinki \u00b7 Kallio \u00b7 8\u201313 paikkaa \u00b7 60\u2013120 min \u00b7 18+ \u00b7 Maksullinen sis\u00e4\u00e4np\u00e4\u00e4sy\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"formats\" class=\"py-28 bg-charcoal relative\">\n <div id=\"wild-series\"><\/div>\n\n <div class=\"container mx-auto px-6\">\n <div class=\"mb-16 border-l-2 border-gallery-gold\/50 pl-8\">\n <h2 class=\"text-4xl md:text-6xl font-serif font-black mb-4 headline-lux\">\n <span class=\"title-gold\">VILLI SARJA<\/span>\n <\/h2>\n <p class=\"text-paper\/75 font-sans max-w-xl text-sm tracking-wide\">\n Kaksi formaattia.\nSama s\u00e4\u00e4nt\u00f6: ei mukavuuden naamioita.\n <\/p>\n <\/div>\n\n <div id=\"wild-cards-container\" class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-16\"><\/div>\n\n <div class=\"mt-16 max-w-3xl mx-auto border border-white\/10 p-8 md:p-10 bg-void\/35 shadow-lux\">\n <h3 class=\"text-paper font-serif text-2xl mb-4 headline-lux\">Protocol<\/h3>\n <ul class=\"space-y-2 text-paper\/80 font-sans text-sm leading-relaxed\">\n <li>Vain 13 paikkaa \u00b7 T\u00e4yteen varattuna p\u00e4\u00e4sy sulkeutuu<\/li>\n <li>\u2022 M\u00e4\u00e4ritelty alku ja loppu. Kehys, ei hengailua.<\/li>\n <li>\u2022 Ei katsojia: kaikki osallistuvat.<\/li>\n <li>Ei dokumentointia ilman erillist\u00e4 ilmoitusta.<\/li>\n <li>\u2022 Voit poistua milloin tahansa \u2014 hiljaa.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"sound-series\" class=\"py-28 bg-void relative overflow-hidden\">\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[900px] h-[900px] bg-ice\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\n\n <div class=\"container mx-auto px-6 relative z-10\">\n <div class=\"flex flex-col lg:flex-row items-center gap-14\">\n <div class=\"w-full lg:w-1\/2\">\n <div class=\"relative aspect-[3\/4] overflow-hidden grayscale hover:grayscale-0 transition-all duration-700 border border-white\/10 shadow-lux\">\n <img decoding=\"async\" src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/766E4A41-1AD4-4F75-8181-727D3E2C1DA5-scaled.png\"\n alt=\"Psychedelic Somatic Guitar\"\n class=\"w-full h-full object-cover opacity-90\">\n <div class=\"absolute inset-0 bg-gradient-to-t from-void via-transparent to-transparent\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"w-full lg:w-1\/2 text-left\">\n <h2 class=\"text-3xl md:text-5xl font-serif font-black text-paper mb-6 leading-tight headline-lux\">\n PSYCHEDELIC<br>\n <span class=\"title-ice\">SOMATIC GUITAR<\/span>\n <\/h2>\n\n <p class=\"text-paper\/80 font-sans text-sm leading-relaxed mb-8 max-w-xl\">\n Ei oppitunti.\nHallittu \u00e4\u00e4nikentt\u00e4, jossa hermosto s\u00e4\u00e4tyy toiston,\nhuomion ja rytmin kautta \u2014 BB13:n atmosf\u00e4\u00e4riss\u00e4.Ei vaadi kokemusta \u00b7 Sopii aloittelijoille\n <\/p>\n\n <ul id=\"sound-features\" class=\"space-y-4 mb-10 font-sans text-paper\/80 text-sm tracking-wider border-l border-gallery-gold\/35 pl-6\"><\/ul>\n\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"https:\/\/buy.stripe.com\/9B69AT3E34I0f5j0eEaVa0h\"\n target=\"_blank\" rel=\"noopener\"\n class=\"btn-primary px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold text-center rounded-sm\">\n Varaa paikka\n <\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/allow_yourself_to_sound\/\"\n class=\"btn-outline px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold text-center rounded-sm\">\n Tapahtuman tiedot\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"private-viewing\" class=\"py-32 bg-black text-center relative\">\n <div class=\"absolute inset-0 spotlight pointer-events-none\"><\/div>\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-2xl mx-auto border border-white\/10 p-12 md:p-20 relative bg-void\/30 shadow-lux\">\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 bg-black px-4 text-paper\/70 text-xs tracking-[0.22em] uppercase font-extrabold\">\n Foreigners welcome\n <\/div>\n\n <h2 class=\"text-3xl md:text-5xl font-serif font-black text-paper mb-8 headline-lux\">\n <span class=\"title-gold\">BB13 International salon (english)<\/span>\n <\/h2>\n\n <ul id=\"private-details\" class=\"space-y-4 font-sans text-xs md:text-sm tracking-[0.22em] text-paper\/75 uppercase mb-10\"><\/ul>\n\n <div class=\"flex flex-col items-center gap-4\">\n <div class=\"text-paper font-serif text-3xl headline-lux\">contribution 13 \u20ac to 30 \u20ac<\/div>\n <a href=\"https:\/\/buy.stripe.com\/9B64gzgqP3DW4qFgdCaVa08\"\n target=\"_blank\" rel=\"noopener\"\n class=\"btn-outline inline-flex items-center justify-center px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold rounded-sm\">\n Varaa paikka\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"request\" class=\"py-24 bg-void border-t border-white\/10\">\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-3xl mx-auto text-center\">\n <h2 class=\"text-3xl md:text-5xl font-serif font-black text-paper mb-5 headline-lux\">\n <span class=\"title-ice\">REQUEST ACCESS<\/span>\n <\/h2>\n <p class=\"text-paper\/75 font-sans text-sm tracking-wide mb-10\">\n Private invitations and limited-seat releases.\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/join\/\"\n class=\"btn-primary inline-flex items-center justify-center px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold rounded-sm\">\n Pyyd\u00e4 kutsua\n <\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/events\/\"\n class=\"btn-outline inline-flex items-center justify-center px-10 py-4 text-xs uppercase tracking-[0.22em] font-extrabold rounded-sm\">\n \u2190 Takaisin tapahtumiin\n <\/a>\n <\/div>\n\n <p class=\"mt-8 text-xs text-paper\/50 font-mono tracking-[0.18em] uppercase\">\n BB13 \u00b7 Helsinki \u00b7 By Appointment\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"bg-void border-t border-white\/10 py-12\">\n <div class=\"container mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-6\">\n <div class=\"text-xs text-paper\/50 uppercase tracking-[0.22em]\">\n BB13 \u00b7 Helsinki \u00b7 By Appointment\n <\/div>\n <div class=\"text-xs text-paper\/40 font-mono tracking-[0.12em]\">\n bewitchedby13.com\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n const navItems = [\n { label: \"Wild Series\", href: \"#wild-series\" },\n { label: \"Sound\", href: \"#sound-series\" },\n { label: \"Private\", href: \"#private-viewing\" },\n { label: \"Request\", href: \"#request\" }\n ];\n\n const heroSubtext = [\n \"Limited seats. Paid entry.\",\n \"No spectators: everyone participates.\",\n \"Defined beginning and end.\",\n \"Expansion under attention.\"\n ];\n\n const wildCards = [\n {\n title: \"Allow Yourself To Be Wild\",\n description:\n \"You are not shy. You are conditioned. This session dismantles the public mask \u2014 grounding, somatic release, voice activation, and direct attention. You leave with freedom in visible spaces.\",\n seats: \"8 seats only \u00b7 80\u2013110 min\",\n price: \"\u20ac20\",\n image: \"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/5BD9E34C-7B24-46AB-B31E-5C440BD72DE7.png\",\n url: \"https:\/\/bewitchedby13.com\/allow-yourself-to-be-wild\/\"\n },\n {\n title: \"BB13 \u00b7 Unfiltered\",\n description:\n \"Anti-standup. One microphone. Two minutes. One truth. Silence after. No applause. Themes rotate: paradoxes, coincidences, money, travel, desire, power. Speak without armor.\",\n seats: \"13 seats only \u00b7 70\u201390 min\",\n price: \"\u20ac 22\",\n image: \"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/E5674D2E-CAC7-42AD-9E0C-FF9885250EDD.png\",\n url: \"https:\/\/bewitchedby13.com\/unfiltered_bb13\"\n }\n ];\n\n const soundFeatures = [\n \"Repetitive slow psychedelic structures.\",\n \"Nervous system regulation through rhythm and repetition.\",\n \"Shared altered state of attention.\",\n \"Not a class \u2014 a controlled sound field.\",\n \"Bring your guitar \u00b7 80 min.\"\n ];\n\n const privateDetails = [\n \"13 Seats\",\n \"Authorial Objects\",\n \"Low Light \u00b7 Floor Seating\",\n \"Defined beginning and end\"\n ];\n\n function renderNav(items, isMobile = false) {\n const baseClass = isMobile\n ? \"text-2xl font-serif font-black nav-hover transition-colors\"\n : \"nav-hover transition-colors\";\n return items.map(item => `<li><a href=\"${item.href}\" class=\"${baseClass}\">${item.label}<\/a><\/li>`).join(\"\");\n }\n\n function renderHeroSubtext(lines) {\n return lines.map(line => `<li class=\"opacity-95\">${line}<\/li>`).join(\"\");\n }\n\n function renderWildCards(cards) {\n return cards.map(card => `\n <article class=\"group relative bg-void border border-white\/10 hover:border-gallery-gold\/55 transition-all duration-500 flex flex-col shadow-lux\">\n <div class=\"h-64 overflow-hidden relative\">\n <img decoding=\"async\" src=\"${card.image}\" alt=\"${card.title}\"\n class=\"w-full h-full object-cover opacity-80 group-hover:opacity-100 group-hover:scale-105 transition-all duration-700 grayscale group-hover:grayscale-0\">\n <div class=\"absolute inset-0 bg-black\/25 group-hover:bg-black\/10 transition-colors\"><\/div>\n <div class=\"absolute top-4 left-4\">\n <span class=\"text-[11px] uppercase tracking-[0.22em] font-extrabold text-paper\/95 px-3 py-2 border border-white\/15 bg-black\/30 backdrop-blur-sm\">\n ${card.seats}\n <\/span>\n <\/div>\n <\/div>\n\n <div class=\"p-8 flex flex-col flex-grow\">\n <h3 class=\"text-2xl md:text-3xl font-serif font-black text-paper mb-4 group-hover:text-gallery-gold transition-colors headline-lux\">\n ${card.title}\n <\/h3>\n\n <p class=\"text-paper\/80 text-sm leading-relaxed mb-8 flex-grow font-sans\">\n ${card.description}\n <\/p>\n\n <div class=\"flex justify-between items-end border-t border-white\/10 pt-6\">\n <span class=\"text-sm text-paper\/70 font-mono tracking-[0.12em]\">${card.price}<\/span>\n\n <a href=\"${card.url}\" target=\"_blank\" rel=\"noopener\"\n class=\"text-xs uppercase tracking-[0.22em] border-b border-paper\/70 pb-1 hover:text-gallery-gold hover:border-gallery-gold transition-colors font-extrabold\">\n Open \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/article>\n `).join(\"\");\n }\n\n function renderListItems(items) {\n return items.map(item => `\n <li class=\"flex items-start gap-3\">\n <span class=\"text-gallery-gold mt-1 text-[10px]\">\u25a0<\/span>\n ${item}\n <\/li>\n `).join(\"\");\n }\n\n function renderSimpleList(items) {\n return items.map(item => `<li>${item}<\/li>`).join(\"\");\n }\n\n document.addEventListener(\"DOMContentLoaded\", () => {\n document.getElementById(\"nav-links\").innerHTML = renderNav(navItems);\n document.getElementById(\"mobile-nav-links\").innerHTML = renderNav(navItems, true);\n document.getElementById(\"hero-subtext\").innerHTML = renderHeroSubtext(heroSubtext);\n document.getElementById(\"wild-cards-container\").innerHTML = renderWildCards(wildCards);\n document.getElementById(\"sound-features\").innerHTML = renderListItems(soundFeatures);\n document.getElementById(\"private-details\").innerHTML = renderSimpleList(privateDetails);\n\n const menuBtn = document.getElementById(\"mobile-menu-btn\");\n const closeBtn = document.getElementById(\"close-menu\");\n const mobileMenu = document.getElementById(\"mobile-menu\");\n\n function toggleMenu() {\n mobileMenu.classList.toggle(\"hidden\");\n mobileMenu.classList.toggle(\"flex\");\n document.body.classList.toggle(\"overflow-hidden\");\n }\n\n menuBtn.addEventListener(\"click\", toggleMenu);\n closeBtn.addEventListener(\"click\", toggleMenu);\n\n document.querySelectorAll(\"#mobile-nav-links a\").forEach(link => {\n link.addEventListener(\"click\", toggleMenu);\n });\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener(\"click\", function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute(\"href\"));\n if (target) target.scrollIntoView({ behavior: \"smooth\" });\n });\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BB13 | Controlled Disruption BB13 Menu Close BB13 \u00b7 Format Page Controlled Disruption Speak without armor. Stand without performance. A structured environment designed to interrupt polite social choreography \u2014 so you stop freezing in public, stop over-editing your voice, and start occupying space without apology. \u2192 View Formats Unfiltered \u2192 What you leave with \u2022 […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7619","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/7619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/comments?post=7619"}],"version-history":[{"count":208,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/7619\/revisions"}],"predecessor-version":[{"id":8652,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/7619\/revisions\/8652"}],"wp:attachment":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/media?parent=7619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}