{"id":3164,"date":"2025-11-21T14:21:04","date_gmt":"2025-11-21T14:21:04","guid":{"rendered":"https:\/\/bewitchedby13.com\/?page_id=3164"},"modified":"2026-05-14T14:51:28","modified_gmt":"2026-05-14T14:51:28","slug":"13-2","status":"publish","type":"page","link":"https:\/\/bewitchedby13.com\/fi\/","title":{"rendered":"Ceremonial Tables & Collectible Functional Art – BB13"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\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
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \n <\/title>\n\n <!-- Google Fonts -->\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;500;600&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n <!-- Font Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\">\n<meta name=\"p:domain_verify\" content=\"e6431986f51d22819b7c559c5d5ba8c8\"\/>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n black: '#0a0a0a',\n gold: '#C9A165',\n white: '#FBF9F6',\n beige: '#F3EDE6',\n gray: '#7B6650'\n }\n },\n fontFamily: {\n serif: ['\"Cinzel\"', 'serif'],\n sans: ['\"Inter\"', 'sans-serif']\n }\n }\n }\n }\n <\/script>\n\n <style>\n html { scroll-behavior: smooth; }\n img { display:block; filter:none !important; opacity:1 !important; mix-blend-mode:normal !important; transform:translateZ(0); }\n ::selection { background:#C9A165; color:#fff; }\n ::-webkit-scrollbar { width:6px; }\n ::-webkit-scrollbar-track { background:#FBF9F6; }\n ::-webkit-scrollbar-thumb { background:#C9A165; }\n\n \/* Luxury helpers *\/\n .lux-kicker { font-size: 11px; letter-spacing: .35em; text-transform: uppercase; }\n .lux-caption { font-size: 11px; letter-spacing: .32em; text-transform: uppercase; }\n <\/style>\n<\/head>\n\n<body class=\"bg-brand-white text-brand-black font-sans antialiased\">\n\n <!-- HERO (Luxury, short) -->\n <section class=\"relative min-h-screen flex items-center bg-brand-white\">\n <div class=\"container mx-auto px-6 grid grid-cols-1 lg:grid-cols-12 gap-12 items-center py-14\">\n\n <!-- Text (first on mobile) -->\n <div class=\"lg:col-span-5 order-1\">\n <div class=\"lux-kicker text-brand-gray\"> bewitched by 13 helsinki <\/div>\n\n <h1 class=\"font-serif text-5xl md:text-6xl leading-[1.02] mt-6\">\n <br>\n BB13 - Galleria <br>\n<br>STATEMENT ART TABLES IN HELSINKI <br> \n <\/h1>\n\n <p class=\"text-brand-gray font-light leading-relaxed mt-8 max-w-xl\">\n <br>The object becomes the emotional center of the room.\n <br> \n<br>One-of-one statement tables and atmospheric objects for private interiors, hospitality spaces, galleries and curated environments.<br>\n\n\n<br>Not decoration.\n<br>A focal presence that transforms the experience of space.\n\nNot something you simply use \u2014\nbut something that changes the way the space is experienced.<br> \n <br>private viewing by appointment. \n <p>You don\u2019t come here to look.\n You come to step into it.<br> <br>13\u20ac entry \u2014 not a price. <br>A filter.\n <br><\/be>Applied toward your private session <br> <br>You come with noise.You leave with clarity.<\/p>\n\n <div class=\"mt-10 flex flex-wrap gap-4\">\n <a href=\"https:\/\/buy.stripe.com\/9B6cN54I74I0g9n2mMaVa0i\"\n class=\"px-8 py-4 bg-brand-black text-brand-white text-[11px] uppercase tracking-[0.32em] hover:bg-brand-gold transition-colors\">\n Book Private Viewing\n <\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/available-works\/\"\n class=\"px-8 py-4 border border-brand-black\/70 text-brand-black text-[11px] uppercase tracking-[0.32em] hover:bg-brand-black hover:text-brand-white transition-colors\">\n View available works\n <\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/rent-a-table\/\"\n class=\"px-8 py-4 border border-brand-black\/70 text-brand-black text-[11px] uppercase tracking-[0.32em] hover:bg-brand-black hover:text-brand-white transition-colors\">\n Rent a Statement Table\n <\/a>\n <\/div>\n\n <div class=\"mt-12 flex items-center gap-3 text-[11px] uppercase tracking-[0.32em] text-brand-gray\">\n <i class=\"fas fa-map-marker-alt text-brand-gold\"><\/i>\n <span>\n Private acquisition only.\n <br>Replies within 24\u201348h. <br>Helsinki studio - Worldwide shiping.\n <\/span>\n <\/div>\n <\/div>\n\n <!-- Image (second on mobile) -->\n <div class=\"lg:col-span-7 order-2\">\n <div class=\"relative overflow-hidden bg-white shadow-2xl\">\n <div class=\"aspect-[16\/11] md:aspect-[16\/10] lg:aspect-[16\/9]\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/05\/73457827-BFC4-4562-98EF-6FD206BB5360-scaled.jpeg\"\n alt=\"BB13 Hero\"\n class=\"w-full h-full object-cover\"\n \/>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n<!-- BB13 CINEMATIC STATEMENT -->\n<section class=\"relative bg-black\">\n\n <div class=\"relative h-[70vh] md:h-[85vh] overflow-hidden\">\n\n <!-- BB13 HERO VIDEO BLOCK -->\n<section class=\"relative h-screen overflow-hidden bg-black\">\n\n <!-- VIDEO BACKGROUND -->\n <div class=\"absolute inset-0 z-0 overflow-hidden\">\n\n <video\n autoplay\n muted\n loop\n playsinline\n preload=\"auto\"\n class=\"absolute top-1\/2 left-1\/2 min-w-full min-h-full w-auto h-auto -translate-x-1\/2 -translate-y-1\/2 object-cover\"\n style=\"filter: brightness(0.70) contrast(1.12) saturate(0.9);\">\n\n <!-- REPLACE WITH YOUR SERVER VIDEO -->\n <source src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/05\/IMG_2576.mp4\" type=\"video\/mp4\">\n\n <\/video>\n\n <\/div>\n\n <!-- OVERLAY -->\n <div class=\"absolute inset-0 bg-black\/50 z-10\"><\/div>\n\n\n <!-- overlay -->\n <div class=\"absolute inset-0 bg-black\/45\"><\/div>\n\n <!-- quote -->\n <div class=\"absolute inset-0 flex items-center justify-center text-center px-6\">\n\n <h2 class=\"font-serif text-white text-3xl md:text-6xl leading-[1.1] max-w-4xl\">\n\n \n\n <\/h2>\n\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n <!-- STATEMENT (Manifesto, moved below hero) -->\n <section id=\"statement\" class=\"py-28 bg-brand-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-4xl\">\n <div class=\"lux-kicker text-brand-gold\">Statement<\/div>\n <h2 class=\"font-serif text-4xl md:text-5xl mt-6 leading-[1.05]\">\n If the space feels empty - <br class=\"hidden md:block\">\n it`s missing a center. \n <\/h2>\n\n <div class=\"mt-10 grid grid-cols-1 lg:grid-cols-12 gap-10\">\n <div class=\"lg:col-span-7 text-brand-gray font-light leading-relaxed space-y-6 text-[17px]\">\n <p>\n BB13 creates statement tables for interiors that refuse neutrality.\n<br>Each piece is conceived as a central object \u2014\nnot something you simply use,\nbut something that shapes the atmosphere of the room.\n\n\n \n <br>Born in Scandinavian neutrality.\nDesigned to disrupt it.\n\n \n\n <p>Sijoittelu<\/p>\n <p>\nPrivate interiors \u00b7 boutique hospitality \u00b7 curated spaces<\/p>\n\n \n <\/div>\n\n <div class=\"lg:col-span-5 border-t border-brand-black\/10 pt-8\">\n <div class=\"lux-kicker text-brand-gray\">access is Limited<\/div>\n \n \n <p class=\"mt-8 text-brand-black font-medium\">\n Helsinki Studio\n <\/p>\n <p>Working Worldwide<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- NOW SHOWING (inserted right after manifesto) -->\n <section id=\"now-showing\" class=\"py-20 md:py-28 bg-brand-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-6xl mx-auto\">\n\n <div class=\"text-center\">\n <div class=\"lux-kicker text-brand-gray\">Now Showing<\/div>\n\n <h2 class=\"font-serif text-4xl md:text-6xl mt-6 leading-[1.02]\">\n Sicilia XIII <br>\n <br> Mare Profondo\n <\/h2>\n\n <p class=\"text-brand-gray font-light leading-relaxed mt-6 max-w-2xl mx-auto\">\n one of one \n <\/p>\n\n <div class=\"mt-8\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/mare-profondo\/\"\n class=\"inline-flex items-center justify-center px-8 py-3 border border-brand-black\/60 text-brand-black text-[11px] uppercase tracking-[0.32em] hover:bg-brand-black hover:text-brand-white transition-colors\">\n Access the Piece \u2192\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Big image slot -->\n <div class=\"mt-12 overflow-hidden border border-brand-black\/10 bg-brand-white\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/05\/375D9E5A-1311-4137-8341-3AD3A0C11C71-scaled.jpeg\"\n alt=\"ATMOSPHERES XIII \u2014 BB13\"\n class=\"w-full h-[380px] md:h-[560px] object-cover\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"relative bg-black text-[#f3f0ea]\">\n <!-- Background image -->\n <div\n class=\"absolute inset-13 bg-center bg-cover opacity-100\"\n style=\"13');\">\n <\/div>\n\n\n\n <!-- Content -->\n <div class=\"relative container mx-auto px-4 py-16 md:py-24\">\n <h2 class=\"font-serif text-3xl sm:text-4xl md:text-6xl mb-6\"><\/h2>\n <\/div>\n <\/section>\n \n <!-- PRIVATE SESSIONS TEASER -->\n<section id=\"private-sessions\" class=\"py-24 bg-brand-black text-brand-white\">\n <div class=\"container mx-auto px-6\">\n\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n\n <!-- Text -->\n <div class=\"lg:col-span-7\">\n <span class=\"text-brand-gold lux-kicker\">Private Sessions<\/span>\n\n <h2 \n class=\"font-serif text-4xl md:text-6xl mt-6 leading-[1.05] !text-white\"\n style=\"color:#ffffff !important;\"\n >\n Tarot \u00b7 Jyotish Astrology <br class=\"hidden md:block\">\n Symbolic Reading\n <\/h2>\n\n <p class=\"text-white\/90 font-light leading-relaxed mt-8 max-w-2xl text-[17px]\">\n A private session inside the BB13 space \u2014 for clarity, timing,\n direction and symbolic insight.\n <\/p>\n\n <p class=\"text-white\/80 font-light leading-relaxed mt-5 max-w-2xl text-[16px]\">\n Not entertainment. Not fortune-telling. A focused reading of cycles,\n structure, inner movement and the question that is present now.\n <\/p>\n\n <div class=\"mt-10 grid grid-cols-1 sm:grid-cols-3 gap-5 max-w-3xl\">\n\n <div class=\"border border-brand-gold\/25 p-6 bg-black\/20\">\n <h3 class=\"font-serif text-xl mb-3 text-brand-gold\">\n Tarot\n <\/h3>\n <p class=\"text-white\/75 font-light text-sm leading-relaxed\">\n Symbolic clarity, hidden patterns and present choices.\n <\/p>\n <\/div>\n\n <div class=\"border border-brand-gold\/25 p-6 bg-black\/20\">\n <h3 class=\"font-serif text-xl mb-3 text-brand-gold\">\n Jyotish\n <\/h3>\n <p class=\"text-white\/75 font-light text-sm leading-relaxed\">\n Indian astrology: timing, structure, karma and direction.\n <\/p>\n <\/div>\n\n <div class=\"border border-brand-gold\/25 p-6 bg-black\/20\">\n <h3 class=\"font-serif text-xl mb-3 text-brand-gold\">\n Session\n <\/h3>\n <p class=\"text-white\/75 font-light text-sm leading-relaxed\">\n A private 90-minute experience by appointment.\n <\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"mt-10 flex flex-wrap gap-4\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/private-sessions\/\"\n class=\"px-8 py-4 bg-brand-white text-brand-black text-[11px] uppercase tracking-[0.32em] hover:bg-brand-gold transition-colors\">\n Book Private Session\n <\/a>\n\n <a href=\"https:\/\/bewitchedby13.com\/fi\/private-sessions\/\"\n class=\"px-8 py-4 border border-brand-white\/50 text-brand-white text-[11px] uppercase tracking-[0.32em] hover:bg-brand-white hover:text-brand-black transition-colors\">\n Explore Sessions\n <\/a>\n <\/div>\n\n <div class=\"mt-8 text-white\/60 text-xs uppercase tracking-[0.28em]\">\n Helsinki Studio \u00b7 By appointment \u00b7 90 min private session\n <\/div>\n <\/div>\n\n <!-- Image -->\n <div class=\"lg:col-span-5\">\n <div class=\"overflow-hidden bg-black border border-brand-gold\/20\">\n <div class=\"aspect-[4\/5]\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/04\/931E9F3C-8C3C-4C93-9D55-9A45213A16DA.png\"\n alt=\"Private Tarot and Jyotish astrology sessions in Helsinki by BB13\"\n class=\"w-full h-full object-cover\"\n loading=\"lazy\"\n \/>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n \n\n<!-- COLLECTIONS + CUSTOM SYMBOLIC TABLE -->\n<section id=\"collections\" class=\"py-32 bg-brand-white\">\n <div class=\"container mx-auto px-6\">\n\n <!-- Header -->\n <div class=\"flex flex-col md:flex-row md:items-end md:justify-between gap-10 mb-16\">\n <div class=\"max-w-2xl\">\n <span class=\"text-brand-gold lux-kicker\">Tutustu kokoelmaan<\/span>\n <h2 class=\"font-serif text-4xl md:text-5xl mt-5 leading-[1.05]\">\n Territories XIII\n <\/h2>\n <p class=\"text-brand-gray font-light mt-6 leading-relaxed max-w-xl\">\n Two visual territories. Two atmospheres. One authorial object system.\n <\/p>\n <\/div>\n\n <a href=\"https:\/\/bewitchedby13.com\/fi\/collections-new\/\"\n class=\"lux-caption border-b border-brand-black\/30 pb-2 hover:border-brand-black hover:text-brand-black transition\">\n VIEW COLLECTIONS \u2192\n <\/a>\n <\/div>\n\n <!-- Grid -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n\n <!-- Sicilia -->\n <a href=\"https:\/\/bewitchedby13.com\/fi\/sicilia-_-xiii\/\"\n class=\"group block\">\n <figure class=\"relative overflow-hidden bg-white\">\n <div class=\"aspect-[16\/11]\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/3AD89953-CF13-4176-B3C3-995F7AAF2DD8.png\"\n alt=\"Sicilia XIII statement art table collection by BB13\"\n class=\"w-full h-full object-cover block group-hover:scale-[1.01] transition-transform duration-700\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition duration-500\"\n style=\"background: linear-gradient(to top, rgba(0,0,0,0.22), rgba(0,0,0,0));\"><\/div>\n\n <figcaption class=\"mt-5 flex items-baseline justify-between gap-6\">\n <div>\n <div class=\"font-serif text-lg tracking-[0.14em]\">SICILIA XIII<\/div>\n <div class=\"lux-caption text-brand-gray mt-1\">\n Heat \u00b7 myth \u00b7 icon memory \u00b7 sacred density\n <\/div>\n <\/div>\n <div class=\"lux-caption text-brand-gray\">01<\/div>\n <\/figcaption>\n <\/figure>\n <\/a>\n\n <!-- Helsinki -->\n <a href=\"https:\/\/bewitchedby13.com\/fi\/helsinki-xiii\/\"\n class=\"group block\">\n <figure class=\"relative overflow-hidden bg-white\">\n <div class=\"aspect-[16\/11]\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/46E8591D-6276-4AC5-8C34-9C2536A97363.png\"\n alt=\"Helsinki XIII statement art table collection by BB13\"\n class=\"w-full h-full object-cover block group-hover:scale-[1.01] transition-transform duration-700\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition duration-500\"\n style=\"background: linear-gradient(to top, rgba(0,0,0,0.16), rgba(0,0,0,0));\"><\/div>\n\n <figcaption class=\"mt-5 flex items-baseline justify-between gap-6\">\n <div>\n <div class=\"font-serif text-lg tracking-[0.14em]\">HELSINKI XIII<\/div>\n <div class=\"lux-caption text-brand-gray mt-1\">\n North \u00b7 silence \u00b7 depth \u00b7 presence\n <\/div>\n <\/div>\n <div class=\"lux-caption text-brand-gray\">02<\/div>\n <\/figcaption>\n <\/figure>\n <\/a>\n\n <\/div>\n<!-- CUSTOM SYMBOLIC TABLE TEASER -->\n<section id=\"custom-symbolic-table\" class=\"py-24 bg-brand-beige\">\n <div class=\"container mx-auto px-6 text-center\">\n\n <span class=\"text-brand-gold lux-kicker\">Private Commission<\/span>\n\n <h2 class=\"font-serif text-4xl md:text-6xl mt-6 leading-[1.05]\">\n Commission Your Own <br class=\"hidden md:block\">\n Symbolic Table\n <\/h2>\n\n <p class=\"text-brand-gray font-light leading-relaxed mt-8 max-w-2xl mx-auto text-[17px]\">\n A one-of-one statement art table created around your symbol, story,\n atmosphere, place of power or personal mythology.\n <\/p>\n\n <div class=\"mt-10\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/custom-symbolic-table\/\"\n class=\"inline-flex items-center justify-center px-8 py-4 bg-brand-black text-brand-white text-[11px] uppercase tracking-[0.32em] hover:bg-brand-gold transition-colors\">\n Custom Your Own Table \u2192\n <\/a>\n <\/div>\n\n <div class=\"mt-8 text-brand-gray text-xs uppercase tracking-[0.28em]\">\n Created in Helsinki \u00b7 One-of-one \u00b7 Private commission\n <\/div>\n\n <\/div>\n<\/section>\n\n \n\n\n <!-- ABOUT -->\n <section id=\"about\" class=\"py-28 bg-brand-beige\">\n <div class=\"container mx-auto px-6\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2025\/10\/bb13vit.png\" alt=\"Why 13\" class=\"w-full shadow-xl\">\n <div class=\"absolute -bottom-6 -right-6 w-32 h-32 bg-brand-gold\/20 -z-10\"><\/div>\n <\/div>\n\n <div>\n <span class=\"text-brand-gold lux-kicker\">Tietoa 13<\/span>\n <h2 class=\"font-serif text-4xl mt-5 mb-8 text-brand-black\">13:n lumouksessa<\/h2>\n\n <div class=\"space-y-6 text-brand-gray font-light leading-relaxed max-w-xl\">\n <p>Henkil\u00f6kohtainen mytologia, muuntuneena ker\u00e4ilt\u00e4v\u00e4ksi esineist\u00f6ksi.<\/p>\n <p>\n Tables, forms, and symbols born from lived thresholds.\n In this universe, 13 is not a number \u2014 it is a principle.\n Every encounter, every rupture, every initiation carries its trace.\n <\/p>\n <p>Kolmetoista on rohkeutta astua pois tavanomaisesta ja ottaa oman el\u00e4m\u00e4n tekijyys.<\/p>\n <p>\n 13 on kynnysten luku, kuun k\u00e4tketty rytmi ja voima, joka rikkoo tavanomaisen paljastaakseen jotakin totta.\n <\/p>\n <p>\n BB13 on muotoilun, rituaalin, taiteen ja tilan integraatio \u2014 yhdistettyn\u00e4 yhteen ainoaan intentioon: transformaatioon.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Payments -->\n <div class=\"bb13-payments mt-16\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/visa\/000000\" alt=\"Visa\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/mastercard\/000000\" alt=\"Mastercard\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/applepay\/000000\" alt=\"Apple Pay\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlepay\/000000\" alt=\"Google Pay\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/klarna\/000000\" alt=\"Klarna\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/paypal\/000000\" alt=\"PayPal\">\n <\/div>\n\n <\/div>\n <\/section>\n\n <style>\n .bb13-payments {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 18px;\n flex-wrap: wrap;\n }\n .bb13-payments img {\n height: 28px;\n opacity: 0.85;\n transition: all 0.3s ease;\n filter: grayscale(100%);\n }\n .bb13-payments img:hover {\n opacity: 1;\n filter: grayscale(0%);\n }\n <\/style>\n\n<!-- FOOTER \u2014 BB13 refined -->\n<footer id=\"contact\" class=\"bg-brand-white border-t border-brand-black\/5 pt-24 pb-12\">\n <div class=\"container mx-auto px-6\">\n\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-12 mb-20\">\n\n <!-- BRAND -->\n <div class=\"md:col-span-1\">\n <h3 class=\"font-serif text-2xl tracking-widest mb-6\">BB13<\/h3>\n <p class=\"text-brand-gray text-sm font-light leading-relaxed\">\n Authorial Object Gallery<br>\n Collectible functional art for private interiors\n <\/p>\n <\/div>\n\n <!-- STUDIO -->\n <div>\n <h4 class=\"lux-caption text-brand-black mb-6\">Studio<\/h4>\n <ul class=\"space-y-3 text-sm text-brand-gray font-light\">\n <li>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/studio\/\" class=\"hover:text-brand-gold\">\n Private sessions\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/contact-visit\/\" class=\"hover:text-brand-gold\">\n Vierailu \/ Yhteydenotto\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n <!-- GALLERY -->\n <div>\n <h4 class=\"lux-caption text-brand-black mb-6\">Gallery<\/h4>\n <ul class=\"space-y-3 text-sm text-brand-gray font-light\">\n <li>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/sacred-tables\/#collections\" class=\"hover:text-brand-gold\">\n Kokoelma\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/events\/\" class=\"hover:text-brand-gold\">\n Tapahtumat\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n <!-- CONTACT -->\n <div>\n <h4 class=\"lux-caption text-brand-black mb-6\">Yhteys<\/h4>\n\n <p class=\"text-sm text-brand-gray font-light mb-4\">\n hello@bewitchedby13.com\n <\/p>\n\n <p class=\"text-xs text-brand-gray font-light mb-6 leading-relaxed\">\n Private moments are shared on Instagram<br>\n <a href=\"https:\/\/instagram.com\/bewitchedby13\" target=\"_blank\" class=\"hover:text-brand-gold\">\n @bewitchedby13\n <\/a>\n <\/p>\n\n <a href=\"https:\/\/bewitchedby13.com\/fi\/contact-visit\/\"\n class=\"inline-block px-6 py-3 bg-brand-black text-brand-white text-[11px] uppercase tracking-[0.32em] hover:bg-brand-gold transition-colors\">\n Request Visit\n <\/a>\n <\/div>\n\n <\/div>\n\n <!-- BOTTOM LINE -->\n <div class=\"border-t border-brand-black\/5 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-brand-gray uppercase tracking-widest\">\n <p>© 2025 BB13 \u00b7 Bewitched by 13. All Rights Reserved.<\/p>\n <div class=\"flex space-x-6 mt-4 md:mt-0\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/terms-conditions\/\" class=\"hover:text-brand-black\">TIETOSUOJA<\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/terms\/\" class=\"hover:text-brand-black\">Ehdot ja s\u00e4\u00e4nn\u00f6t<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad936ac elementor-widget elementor-widget-html\" data-id=\"ad936ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <base target=\"_self\">\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title><\/title>\n\n <!-- Google Fonts -->\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;500;600&family=Inter:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n <!-- Font Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n black: '#0a0a0a',\n gold: '#C9A165',\n white: '#FBF9F6',\n beige: '#F3EDE6',\n gray: '#7B6650'\n }\n },\n fontFamily: {\n serif: ['\"Cinzel\"', 'serif'],\n sans: ['\"Inter\"', 'sans-serif']\n }\n }\n }\n }\n <\/script>\n\n <style>\n html { scroll-behavior: smooth; }\n img { display:block; filter:none !important; opacity:1 !important; mix-blend-mode:normal !important; transform:translateZ(0); }\n ::selection { background:#C9A165; color:#fff; }\n ::-webkit-scrollbar { width:6px; }\n ::-webkit-scrollbar-track { background:#FBF9F6; }\n ::-webkit-scrollbar-thumb { background:#C9A165; }\n\n \/* Luxury helpers *\/\n .lux-kicker { font-size: 11px; letter-spacing: .35em; text-transform: uppercase; }\n .lux-caption { font-size: 11px; letter-spacing: .32em; text-transform: uppercase; }\n <\/style>\n<\/head>\n\n<body class=\"bg-brand-white text-brand-black font-sans antialiased\">\n\n <!-- HERO (Luxury, short) -->\n <section class=\"relative min-h-screen flex items-center bg-brand-white\">\n <div class=\"container mx-auto px-6 grid grid-cols-1 lg:grid-cols-12 gap-12 items-center py-14\">\n\n <!-- Text (first on mobile) -->\n <div class=\"lg:col-span-5 order-1\">\n <div class=\"lux-kicker text-brand-gray\"> bewitched by 13 helsinki <\/div>\n\n <h1 class=\"font-serif text-5xl md:text-6xl leading-[1.02] mt-6\">\n <br>\n BB13 - Galleria <br>\n<br>STATEMENT ART TABLES IN HELSINKI <br> \n <\/h1>\n\n <p class=\"text-brand-gray font-light leading-relaxed mt-8 max-w-xl\">\n <br>The object becomes the emotional center of the room.\n <br> \n<br>One-of-one statement tables and atmospheric objects for private interiors, hospitality spaces, galleries and curated environments.<br>\n\n\n<br>Not decoration.\n<br>A focal presence that transforms the experience of space.\n\nNot something you simply use \u2014\nbut something that changes the way the space is experienced.<br> \n <br>private viewing by appointment. \n <p>You don\u2019t come here to look.\n You come to step into it.<br> <br>13\u20ac entry \u2014 not a price. <br>A filter.\n <br><\/be>Applied toward your private session <br> <br>You come with noise.You leave with clarity.<\/p>\n\n <div class=\"mt-10 flex flex-wrap gap-4\">\n <a href=\"https:\/\/buy.stripe.com\/9B6cN54I74I0g9n2mMaVa0i\"\n class=\"px-8 py-4 bg-brand-black text-brand-white text-[11px] uppercase tracking-[0.32em] hover:bg-brand-gold transition-colors\">\n Book Private Viewing\n <\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/available-works\/\"\n class=\"px-8 py-4 border border-brand-black\/70 text-brand-black text-[11px] uppercase tracking-[0.32em] hover:bg-brand-black hover:text-brand-white transition-colors\">\n View available works\n <\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/rent-a-table\/\"\n class=\"px-8 py-4 border border-brand-black\/70 text-brand-black text-[11px] uppercase tracking-[0.32em] hover:bg-brand-black hover:text-brand-white transition-colors\">\n Rent a Statement Table\n <\/a>\n <\/div>\n\n <div class=\"mt-12 flex items-center gap-3 text-[11px] uppercase tracking-[0.32em] text-brand-gray\">\n <i class=\"fas fa-map-marker-alt text-brand-gold\"><\/i>\n <span>\n Private acquisition only.\n <br>Replies within 24\u201348h. <br>Helsinki studio - Worldwide shiping.\n <\/span>\n <\/div>\n <\/div>\n\n <!-- Image (second on mobile) -->\n <div class=\"lg:col-span-7 order-2\">\n <div class=\"relative overflow-hidden bg-white shadow-2xl\">\n <div class=\"aspect-[16\/11] md:aspect-[16\/10] lg:aspect-[16\/9]\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/05\/73457827-BFC4-4562-98EF-6FD206BB5360-scaled.jpeg\"\n alt=\"BB13 Hero\"\n class=\"w-full h-full object-cover\"\n \/>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n<!-- BB13 CINEMATIC STATEMENT -->\n<section class=\"relative bg-black\">\n\n <div class=\"relative h-[70vh] md:h-[85vh] overflow-hidden\">\n\n <!-- BB13 HERO VIDEO BLOCK -->\n<section class=\"relative h-screen overflow-hidden bg-black\">\n\n <!-- VIDEO BACKGROUND -->\n <div class=\"absolute inset-0 z-0 overflow-hidden\">\n\n <video\n autoplay\n muted\n loop\n playsinline\n preload=\"auto\"\n class=\"absolute top-1\/2 left-1\/2 min-w-full min-h-full w-auto h-auto -translate-x-1\/2 -translate-y-1\/2 object-cover\"\n style=\"filter: brightness(0.70) contrast(1.12) saturate(0.9);\">\n\n <!-- REPLACE WITH YOUR SERVER VIDEO -->\n <source src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/05\/IMG_2576.mp4\" type=\"video\/mp4\">\n\n <\/video>\n\n <\/div>\n\n <!-- OVERLAY -->\n <div class=\"absolute inset-0 bg-black\/50 z-10\"><\/div>\n\n\n <!-- overlay -->\n <div class=\"absolute inset-0 bg-black\/45\"><\/div>\n\n <!-- quote -->\n <div class=\"absolute inset-0 flex items-center justify-center text-center px-6\">\n\n <h2 class=\"font-serif text-white text-3xl md:text-6xl leading-[1.1] max-w-4xl\">\n\n \n\n <\/h2>\n\n\n <\/div>\n\n <\/div>\n\n<\/section>\n\n <!-- STATEMENT (Manifesto, moved below hero) -->\n <section id=\"statement\" class=\"py-28 bg-brand-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-4xl\">\n <div class=\"lux-kicker text-brand-gold\">Statement<\/div>\n <h2 class=\"font-serif text-4xl md:text-5xl mt-6 leading-[1.05]\">\n If the space feels empty - <br class=\"hidden md:block\">\n it`s missing a center. \n <\/h2>\n\n <div class=\"mt-10 grid grid-cols-1 lg:grid-cols-12 gap-10\">\n <div class=\"lg:col-span-7 text-brand-gray font-light leading-relaxed space-y-6 text-[17px]\">\n <p>\n BB13 creates statement tables for interiors that refuse neutrality.\n<br>Each piece is conceived as a central object \u2014\nnot something you simply use,\nbut something that shapes the atmosphere of the room.\n\n\n \n <br>Born in Scandinavian neutrality.\nDesigned to disrupt it.\n\n \n\n <p>Sijoittelu<\/p>\n <p>\nPrivate interiors \u00b7 boutique hospitality \u00b7 curated spaces<\/p>\n\n \n <\/div>\n\n <div class=\"lg:col-span-5 border-t border-brand-black\/10 pt-8\">\n <div class=\"lux-kicker text-brand-gray\">access is Limited<\/div>\n \n \n <p class=\"mt-8 text-brand-black font-medium\">\n Helsinki Studio\n <\/p>\n <p>Working Worldwide<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- NOW SHOWING (inserted right after manifesto) -->\n <section id=\"now-showing\" class=\"py-20 md:py-28 bg-brand-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"max-w-6xl mx-auto\">\n\n <div class=\"text-center\">\n <div class=\"lux-kicker text-brand-gray\">Now Showing<\/div>\n\n <h2 class=\"font-serif text-4xl md:text-6xl mt-6 leading-[1.02]\">\n Sicilia XIII <br>\n <br> Mare Profondo\n <\/h2>\n\n <p class=\"text-brand-gray font-light leading-relaxed mt-6 max-w-2xl mx-auto\">\n one of one \n <\/p>\n\n <div class=\"mt-8\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/mare-profondo\/\"\n class=\"inline-flex items-center justify-center px-8 py-3 border border-brand-black\/60 text-brand-black text-[11px] uppercase tracking-[0.32em] hover:bg-brand-black hover:text-brand-white transition-colors\">\n Access the Piece \u2192\n <\/a>\n <\/div>\n <\/div>\n\n <!-- Big image slot -->\n <div class=\"mt-12 overflow-hidden border border-brand-black\/10 bg-brand-white\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/05\/375D9E5A-1311-4137-8341-3AD3A0C11C71-scaled.jpeg\"\n alt=\"ATMOSPHERES XIII \u2014 BB13\"\n class=\"w-full h-[380px] md:h-[560px] object-cover\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"relative bg-black text-[#f3f0ea]\">\n <!-- Background image -->\n <div\n class=\"absolute inset-13 bg-center bg-cover opacity-100\"\n style=\"13');\">\n <\/div>\n\n\n\n <!-- Content -->\n <div class=\"relative container mx-auto px-4 py-16 md:py-24\">\n <h2 class=\"font-serif text-3xl sm:text-4xl md:text-6xl mb-6\"><\/h2>\n <\/div>\n <\/section>\n \n <!-- PRIVATE SESSIONS TEASER -->\n<section id=\"private-sessions\" class=\"py-24 bg-brand-black text-brand-white\">\n <div class=\"container mx-auto px-6\">\n\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n\n <!-- Text -->\n <div class=\"lg:col-span-7\">\n <span class=\"text-brand-gold lux-kicker\">Private Sessions<\/span>\n\n <h2 \n class=\"font-serif text-4xl md:text-6xl mt-6 leading-[1.05] !text-white\"\n style=\"color:#ffffff !important;\"\n >\n Tarot \u00b7 Jyotish Astrology <br class=\"hidden md:block\">\n Symbolic Reading\n <\/h2>\n\n <p class=\"text-white\/90 font-light leading-relaxed mt-8 max-w-2xl text-[17px]\">\n A private session inside the BB13 space \u2014 for clarity, timing,\n direction and symbolic insight.\n <\/p>\n\n <p class=\"text-white\/80 font-light leading-relaxed mt-5 max-w-2xl text-[16px]\">\n Not entertainment. Not fortune-telling. A focused reading of cycles,\n structure, inner movement and the question that is present now.\n <\/p>\n\n <div class=\"mt-10 grid grid-cols-1 sm:grid-cols-3 gap-5 max-w-3xl\">\n\n <div class=\"border border-brand-gold\/25 p-6 bg-black\/20\">\n <h3 class=\"font-serif text-xl mb-3 text-brand-gold\">\n Tarot\n <\/h3>\n <p class=\"text-white\/75 font-light text-sm leading-relaxed\">\n Symbolic clarity, hidden patterns and present choices.\n <\/p>\n <\/div>\n\n <div class=\"border border-brand-gold\/25 p-6 bg-black\/20\">\n <h3 class=\"font-serif text-xl mb-3 text-brand-gold\">\n Jyotish\n <\/h3>\n <p class=\"text-white\/75 font-light text-sm leading-relaxed\">\n Indian astrology: timing, structure, karma and direction.\n <\/p>\n <\/div>\n\n <div class=\"border border-brand-gold\/25 p-6 bg-black\/20\">\n <h3 class=\"font-serif text-xl mb-3 text-brand-gold\">\n Session\n <\/h3>\n <p class=\"text-white\/75 font-light text-sm leading-relaxed\">\n A private 90-minute experience by appointment.\n <\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"mt-10 flex flex-wrap gap-4\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/request-access\/\"\n class=\"px-8 py-4 bg-brand-white text-brand-black text-[11px] uppercase tracking-[0.32em] hover:bg-brand-gold transition-colors\">\n Book Private Session\n <\/a>\n\n <a href=\"https:\/\/bewitchedby13.com\/fi\/private-sessions\/\"\n class=\"px-8 py-4 border border-brand-white\/50 text-brand-white text-[11px] uppercase tracking-[0.32em] hover:bg-brand-white hover:text-brand-black transition-colors\">\n Explore Sessions\n <\/a>\n <\/div>\n\n <div class=\"mt-8 text-white\/60 text-xs uppercase tracking-[0.28em]\">\n Helsinki Studio \u00b7 By appointment \u00b7 90 min private session\n <\/div>\n <\/div>\n\n <!-- Image -->\n <div class=\"lg:col-span-5\">\n <div class=\"overflow-hidden bg-black border border-brand-gold\/20\">\n <div class=\"aspect-[4\/5]\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/04\/931E9F3C-8C3C-4C93-9D55-9A45213A16DA.png\"\n alt=\"Private Tarot and Jyotish astrology sessions in Helsinki by BB13\"\n class=\"w-full h-full object-cover\"\n loading=\"lazy\"\n \/>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n \n\n<!-- COLLECTIONS + CUSTOM SYMBOLIC TABLE -->\n<section id=\"collections\" class=\"py-32 bg-brand-white\">\n <div class=\"container mx-auto px-6\">\n\n <!-- Header -->\n <div class=\"flex flex-col md:flex-row md:items-end md:justify-between gap-10 mb-16\">\n <div class=\"max-w-2xl\">\n <span class=\"text-brand-gold lux-kicker\">Tutustu kokoelmaan<\/span>\n <h2 class=\"font-serif text-4xl md:text-5xl mt-5 leading-[1.05]\">\n Territories XIII\n <\/h2>\n <p class=\"text-brand-gray font-light mt-6 leading-relaxed max-w-xl\">\n Two visual territories. Two atmospheres. One authorial object system.\n <\/p>\n <\/div>\n\n <a href=\"https:\/\/bewitchedby13.com\/fi\/collections_bb13\/\"\n class=\"lux-caption border-b border-brand-black\/30 pb-2 hover:border-brand-black hover:text-brand-black transition\">\n VIEW COLLECTIONS \u2192\n <\/a>\n <\/div>\n\n <!-- Grid -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12\">\n\n <!-- Sicilia -->\n <a href=\"https:\/\/bewitchedby13.com\/fi\/sicilia-_-xiii\/\"\n class=\"group block\">\n <figure class=\"relative overflow-hidden bg-white\">\n <div class=\"aspect-[16\/11]\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/3AD89953-CF13-4176-B3C3-995F7AAF2DD8.png\"\n alt=\"Sicilia XIII statement art table collection by BB13\"\n class=\"w-full h-full object-cover block group-hover:scale-[1.01] transition-transform duration-700\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition duration-500\"\n style=\"background: linear-gradient(to top, rgba(0,0,0,0.22), rgba(0,0,0,0));\"><\/div>\n\n <figcaption class=\"mt-5 flex items-baseline justify-between gap-6\">\n <div>\n <div class=\"font-serif text-lg tracking-[0.14em]\">SICILIA XIII<\/div>\n <div class=\"lux-caption text-brand-gray mt-1\">\n Heat \u00b7 myth \u00b7 icon memory \u00b7 sacred density\n <\/div>\n <\/div>\n <div class=\"lux-caption text-brand-gray\">01<\/div>\n <\/figcaption>\n <\/figure>\n <\/a>\n\n <!-- Helsinki -->\n <a href=\"https:\/\/bewitchedby13.com\/fi\/helsinki-xiii\/\"\n class=\"group block\">\n <figure class=\"relative overflow-hidden bg-white\">\n <div class=\"aspect-[16\/11]\">\n <img decoding=\"async\"\n src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/46E8591D-6276-4AC5-8C34-9C2536A97363.png\"\n alt=\"Helsinki XIII statement art table collection by BB13\"\n class=\"w-full h-full object-cover block group-hover:scale-[1.01] transition-transform duration-700\"\n loading=\"lazy\"\n \/>\n <\/div>\n\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition duration-500\"\n style=\"background: linear-gradient(to top, rgba(0,0,0,0.16), rgba(0,0,0,0));\"><\/div>\n\n <figcaption class=\"mt-5 flex items-baseline justify-between gap-6\">\n <div>\n <div class=\"font-serif text-lg tracking-[0.14em]\">HELSINKI XIII<\/div>\n <div class=\"lux-caption text-brand-gray mt-1\">\n North \u00b7 silence \u00b7 depth \u00b7 presence\n <\/div>\n <\/div>\n <div class=\"lux-caption text-brand-gray\">02<\/div>\n <\/figcaption>\n <\/figure>\n <\/a>\n\n <\/div>\n<!-- CUSTOM SYMBOLIC TABLE TEASER -->\n<section id=\"custom-symbolic-table\" class=\"py-24 bg-brand-beige\">\n <div class=\"container mx-auto px-6 text-center\">\n\n <span class=\"text-brand-gold lux-kicker\">Private Commission<\/span>\n\n <h2 class=\"font-serif text-4xl md:text-6xl mt-6 leading-[1.05]\">\n Commission Your Own <br class=\"hidden md:block\">\n Symbolic Table\n <\/h2>\n\n <p class=\"text-brand-gray font-light leading-relaxed mt-8 max-w-2xl mx-auto text-[17px]\">\n A one-of-one statement art table created around your symbol, story,\n atmosphere, place of power or personal mythology.\n <\/p>\n\n <div class=\"mt-10\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/custom-symbolic-table\/\"\n class=\"inline-flex items-center justify-center px-8 py-4 bg-brand-black text-brand-white text-[11px] uppercase tracking-[0.32em] hover:bg-brand-gold transition-colors\">\n Custom Your Own Table \u2192\n <\/a>\n <\/div>\n\n <div class=\"mt-8 text-brand-gray text-xs uppercase tracking-[0.28em]\">\n Created in Helsinki \u00b7 One-of-one \u00b7 Private commission\n <\/div>\n\n <\/div>\n<\/section>\n\n \n\n\n <!-- ABOUT -->\n <section id=\"about\" class=\"py-28 bg-brand-beige\">\n <div class=\"container mx-auto px-6\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 items-center\">\n <div class=\"relative\">\n <img decoding=\"async\" src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2025\/10\/bb13vit.png\" alt=\"Why 13\" class=\"w-full shadow-xl\">\n <div class=\"absolute -bottom-6 -right-6 w-32 h-32 bg-brand-gold\/20 -z-10\"><\/div>\n <\/div>\n\n <div>\n <span class=\"text-brand-gold lux-kicker\">Tietoa 13<\/span>\n <h2 class=\"font-serif text-4xl mt-5 mb-8 text-brand-black\">13:n lumouksessa<\/h2>\n\n <div class=\"space-y-6 text-brand-gray font-light leading-relaxed max-w-xl\">\n <p>Henkil\u00f6kohtainen mytologia, muuntuneena ker\u00e4ilt\u00e4v\u00e4ksi esineist\u00f6ksi.<\/p>\n <p>\n Tables, forms, and symbols born from lived thresholds.\n In this universe, 13 is not a number \u2014 it is a principle.\n Every encounter, every rupture, every initiation carries its trace.\n <\/p>\n <p>Kolmetoista on rohkeutta astua pois tavanomaisesta ja ottaa oman el\u00e4m\u00e4n tekijyys.<\/p>\n <p>\n 13 on kynnysten luku, kuun k\u00e4tketty rytmi ja voima, joka rikkoo tavanomaisen paljastaakseen jotakin totta.\n <\/p>\n <p>\n BB13 on muotoilun, rituaalin, taiteen ja tilan integraatio \u2014 yhdistettyn\u00e4 yhteen ainoaan intentioon: transformaatioon.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Payments -->\n <div class=\"bb13-payments mt-16\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/visa\/000000\" alt=\"Visa\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/mastercard\/000000\" alt=\"Mastercard\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/applepay\/000000\" alt=\"Apple Pay\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/googlepay\/000000\" alt=\"Google Pay\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/klarna\/000000\" alt=\"Klarna\">\n <img decoding=\"async\" src=\"https:\/\/cdn.simpleicons.org\/paypal\/000000\" alt=\"PayPal\">\n <\/div>\n\n <\/div>\n <\/section>\n\n <style>\n .bb13-payments {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 18px;\n flex-wrap: wrap;\n }\n .bb13-payments img {\n height: 28px;\n opacity: 0.85;\n transition: all 0.3s ease;\n filter: grayscale(100%);\n }\n .bb13-payments img:hover {\n opacity: 1;\n filter: grayscale(0%);\n }\n <\/style>\n\n<!-- FOOTER \u2014 BB13 refined -->\n<footer id=\"contact\" class=\"bg-brand-white border-t border-brand-black\/5 pt-24 pb-12\">\n <div class=\"container mx-auto px-6\">\n\n <div class=\"grid grid-cols-1 md:grid-cols-4 gap-12 mb-20\">\n\n <!-- BRAND -->\n <div class=\"md:col-span-1\">\n <h3 class=\"font-serif text-2xl tracking-widest mb-6\">BB13<\/h3>\n <p class=\"text-brand-gray text-sm font-light leading-relaxed\">\n Authorial Object Gallery<br>\n Collectible functional art for private interiors\n <\/p>\n <\/div>\n\n <!-- STUDIO -->\n <div>\n <h4 class=\"lux-caption text-brand-black mb-6\">Studio<\/h4>\n <ul class=\"space-y-3 text-sm text-brand-gray font-light\">\n <li>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/studio\/\" class=\"hover:text-brand-gold\">\n Private sessions\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/contact-visit\/\" class=\"hover:text-brand-gold\">\n Vierailu \/ Yhteydenotto\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n <!-- GALLERY -->\n <div>\n <h4 class=\"lux-caption text-brand-black mb-6\">Gallery<\/h4>\n <ul class=\"space-y-3 text-sm text-brand-gray font-light\">\n <li>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/sacred-tables\/#collections\" class=\"hover:text-brand-gold\">\n Kokoelma\n <\/a>\n <\/li>\n <li>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/events\/\" class=\"hover:text-brand-gold\">\n Tapahtumat\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n <!-- CONTACT -->\n <div>\n <h4 class=\"lux-caption text-brand-black mb-6\">Yhteys<\/h4>\n\n <p class=\"text-sm text-brand-gray font-light mb-4\">\n hello@bewitchedby13.com\n <\/p>\n\n <p class=\"text-xs text-brand-gray font-light mb-6 leading-relaxed\">\n Private moments are shared on Instagram<br>\n <a href=\"https:\/\/instagram.com\/bewitchedby13\" target=\"_blank\" class=\"hover:text-brand-gold\">\n @bewitchedby13\n <\/a>\n <\/p>\n\n <a href=\"https:\/\/bewitchedby13.com\/fi\/contact-visit\/\"\n class=\"inline-block px-6 py-3 bg-brand-black text-brand-white text-[11px] uppercase tracking-[0.32em] hover:bg-brand-gold transition-colors\">\n Request Visit\n <\/a>\n <\/div>\n\n <\/div>\n\n <!-- BOTTOM LINE -->\n <div class=\"border-t border-brand-black\/5 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-brand-gray uppercase tracking-widest\">\n <p>© 2025 BB13 \u00b7 Bewitched by 13. All Rights Reserved.<\/p>\n <div class=\"flex space-x-6 mt-4 md:mt-0\">\n <a href=\"https:\/\/bewitchedby13.com\/fi\/terms-conditions\/\" class=\"hover:text-brand-black\">TIETOSUOJA<\/a>\n <a href=\"https:\/\/bewitchedby13.com\/fi\/terms\/\" class=\"hover:text-brand-black\">Ehdot ja s\u00e4\u00e4nn\u00f6t<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>BB13 creates collectible ceremonial tables and functional art objects conceived for private interiors of presence.Not decoration-form that holds authority, silence and transformation.<\/p>","protected":false},"author":1,"featured_media":5565,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3164","page","type-page","status-publish","has-post-thumbnail","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\/3164","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=3164"}],"version-history":[{"count":1258,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/3164\/revisions"}],"predecessor-version":[{"id":9704,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/3164\/revisions\/9704"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/media\/5565"}],"wp:attachment":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/media?parent=3164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}