{"id":7858,"date":"2026-03-01T23:19:02","date_gmt":"2026-03-01T23:19:02","guid":{"rendered":"https:\/\/bewitchedby13.com\/?page_id=7858"},"modified":"2026-03-16T12:52:51","modified_gmt":"2026-03-16T12:52:51","slug":"helsinki-xiii","status":"publish","type":"page","link":"https:\/\/bewitchedby13.com\/fi\/helsinki-xiii\/","title":{"rendered":"\u2003Helsinki XIII"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7858\" class=\"elementor elementor-7858\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7be7f1e e-flex e-con-boxed e-con e-parent\" data-id=\"7be7f1e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28d9b00 elementor-widget elementor-widget-html\" data-id=\"28d9b00\" 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<!-- BB13 \u00b7 HELSINKI XIII (FIXED: full head + BW contrast + bright silver title)\nPaste into ONE Elementor HTML widget.\nReplace HERO_IMAGE_URL + ACQUISITION_URL + the 9 images in helsinkiIcons. -->\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&family=Forum&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n  :root{\n    \/* HELSINKI palette (cold \/ granite \/ sea) *\/\n    --bg:#0b0f14;\n    --bg2:#0f1620;\n    --panel:#121a24;\n    --line:rgba(255,255,255,0.10);\n\n    --ink:#eef2f7;\n    --mute:rgba(238,242,247,0.72);\n\n    \/* keep warm accent for micro details only *\/\n    --gold:#c6a65e;\n\n    \/* \u2705 NEW: bright silver for the main bottom title *\/\n    --silver:#e7eef9;\n\n    \/* \u2705 STRONG overlay (keeps text readable) *\/\n    --heroOverlayA: rgba(4,7,10,0.62);\n    --heroOverlayB: rgba(4,7,10,0.82);\n    --heroOverlayC: rgba(4,7,10,0.94);\n  }\n\n  \/* isolate styles inside widget *\/\n  .bb13-helsinki-page{\n    background:var(--bg);\n    color:var(--ink);\n    overflow-x:hidden;\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n  }\n\n  \/* subtle grain *\/\n  .bb13-helsinki-page .bb-grain::before{\n    content:\"\";\n    position:absolute; inset:0;\n    pointer-events:none;\n    opacity:.09;\n    background-image:url(\"https:\/\/www.transparenttextures.com\/patterns\/asfalt-light.png\");\n    mix-blend-mode:overlay;\n  }\n\n  .bb13-helsinki-page .container{\n    max-width:1240px;\n    margin:0 auto;\n    padding:0 22px;\n  }\n\n  \/* button *\/\n  .bb13-helsinki-page .bb-btn{\n    border:1px solid rgba(238,242,247,.28);\n    padding:12px 18px;\n    text-transform:uppercase;\n    letter-spacing:.22em;\n    font-size:11px;\n    transition:.25s ease;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:.5rem;\n    color: rgba(238,242,247,.92);\n    background: rgba(0,0,0,0.18);\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n    line-height:1;\n    border-radius:14px;\n    text-decoration:none;\n    cursor:pointer;\n  }\n  .bb13-helsinki-page .bb-btn:hover{\n    border-color: rgba(198,166,94,.70);\n    box-shadow:0 0 0 1px rgba(198,166,94,.18) inset;\n    background: rgba(0,0,0,0.26);\n    color: rgba(238,242,247,.98);\n    transform: translateY(-1px);\n  }\n  .bb13-helsinki-page .bb-focus:focus{\n    outline:none;\n    box-shadow:0 0 0 2px rgba(198,166,94,.30);\n  }\n\n  \/* HERO *\/\n  .bb13-helsinki-page .hero{\n    position:relative;\n    min-height:92vh;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n  }\n  .bb13-helsinki-page .hero-bg{\n    position:absolute; inset:0;\n    z-index:0;\n    overflow:hidden;\n    background:#05080c;\n  }\n\n  \/* \u2705 FIX 1: keep head visible\n     - no zoom\n     - object-position moved UP\n     - grayscale + contrast *\/\n  .bb13-helsinki-page .hero-bg img{\n    width:100%; height:100%;\n    object-fit:cover;\n    object-position: 50% 12%; \/* \ud83d\udc48 shows more top (head) *\/\n    opacity:.60;\n    transform:none; \/* \ud83d\udc48 IMPORTANT: no scale, so we don\u2019t crop the head *\/\n    filter: grayscale(1) contrast(1.35) brightness(0.92);\n  }\n\n  \/* \u2705 Optional: on very small screens push even more up *\/\n  @media(max-width:520px){\n    .bb13-helsinki-page .hero-bg img{\n      object-position: 50% 6%;\n      opacity:.62;\n    }\n  }\n\n  \/* overlay + vignette *\/\n  .bb13-helsinki-page .hero-bg .overlay{\n    position:absolute; inset:0;\n    background:\n      radial-gradient(circle at center, transparent 52%, rgba(0,0,0,0.42) 100%),\n      linear-gradient(to bottom, var(--heroOverlayA), var(--heroOverlayB), var(--heroOverlayC));\n  }\n\n  .bb13-helsinki-page .hero-inner{\n    position:relative;\n    z-index:2;\n    padding-top:86px;\n    padding-bottom:42px;\n  }\n\n  .bb13-helsinki-page .kicker{\n    font-size:11px;\n    letter-spacing:.45em;\n    text-transform:uppercase;\n    color:var(--mute);\n    margin-bottom:18px;\n    text-shadow: 0 6px 22px rgba(0,0,0,.55);\n  }\n\n  .bb13-helsinki-page h1{\n    font-family: Forum, serif;\n    font-size: clamp(52px, 6vw, 110px);\n    line-height:0.92;\n    margin:0;\n    color:var(--ink);\n    text-shadow: 0 10px 34px rgba(0,0,0,.65);\n  }\n\n  \/* \u2705 FIX 2: bright silver bottom title *\/\n  .bb13-helsinki-page h1 .accent{\n    color: var(--silver);\n    display:block;\n    text-shadow:\n      0 10px 34px rgba(0,0,0,.75),\n      0 0 22px rgba(231,238,249,.18);\n  }\n\n  .bb13-helsinki-page .lead{\n    margin:20px auto 0;\n    max-width:760px;\n    font-size:16px;\n    line-height:1.85;\n    letter-spacing:.14em;\n    color:rgba(238,242,247,0.78);\n    font-weight:300;\n    text-shadow: 0 8px 24px rgba(0,0,0,.55);\n  }\n\n  .bb13-helsinki-page .hero-ctas{\n    margin-top:30px;\n    display:flex;\n    gap:10px;\n    justify-content:center;\n    flex-wrap:wrap;\n  }\n\n  \/* QUOTE *\/\n  .bb13-helsinki-page .quote{\n    background:var(--bg2);\n    padding:84px 0;\n    position:relative;\n  }\n  .bb13-helsinki-page .quote .line{\n    width:1px; height:72px;\n    margin:0 auto 26px;\n    background:linear-gradient(to bottom, transparent, rgba(198,166,94,.9), transparent);\n  }\n  .bb13-helsinki-page blockquote{\n    font-family: Forum, serif;\n    font-size: clamp(24px, 2.6vw, 42px);\n    line-height:1.35;\n    margin:0 auto;\n    max-width:980px;\n    color:var(--ink);\n  }\n  .bb13-helsinki-page blockquote span{\n    display:block;\n    margin-top:14px;\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n    font-size:16px;\n    letter-spacing:.06em;\n    color:var(--mute);\n    line-height:1.75;\n  }\n  .bb13-helsinki-page .sig{\n    margin-top:18px;\n    text-align:center;\n    font-size:11px;\n    letter-spacing:.28em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n\n  \/* SECTION *\/\n  .bb13-helsinki-page .section{\n    padding:92px 0 100px;\n    background:var(--bg);\n  }\n  .bb13-helsinki-page .section-head{\n    display:grid;\n    grid-template-columns: 1.2fr .8fr;\n    gap:22px;\n    align-items:end;\n    margin-bottom:28px;\n  }\n  @media(max-width:980px){\n    .bb13-helsinki-page .section-head{ grid-template-columns:1fr; }\n  }\n\n  .bb13-helsinki-page .section-label{\n    font-size:11px;\n    letter-spacing:.35em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n  .bb13-helsinki-page .section-title{\n    margin:10px 0 0;\n    font-family: Forum, serif;\n    font-size: clamp(32px, 3vw, 52px);\n    color:var(--ink);\n    letter-spacing:.04em;\n  }\n  .bb13-helsinki-page .section-desc{\n    margin-top:10px;\n    color:var(--mute);\n    line-height:1.8;\n    max-width:720px;\n  }\n\n  \/* ORDER MODULE *\/\n  .bb13-helsinki-page .order{\n    background:var(--panel);\n    border:1px solid var(--line);\n    border-radius:18px;\n    padding:18px;\n  }\n  .bb13-helsinki-page .order .mini{\n    font-size:11px;\n    letter-spacing:.30em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n  .bb13-helsinki-page .field{ margin-top:14px; }\n  .bb13-helsinki-page label{\n    display:block;\n    font-size:12px;\n    letter-spacing:.22em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n  .bb13-helsinki-page select,\n  .bb13-helsinki-page input{\n    margin-top:8px;\n    width:100%;\n    background:var(--bg);\n    border:1px solid var(--line);\n    border-radius:14px;\n    padding:12px 14px;\n    color:var(--ink);\n    box-sizing:border-box;\n  }\n  .bb13-helsinki-page .order-actions{\n    margin-top:14px;\n    display:flex;\n    gap:10px;\n  }\n  .bb13-helsinki-page .order-actions a{ flex:1; text-align:center; }\n  .bb13-helsinki-page .hint{\n    margin-top:12px;\n    font-size:12px;\n    color:var(--mute);\n    line-height:1.6;\n  }\n\n  \/* GRID *\/\n  .bb13-helsinki-page .grid{\n    display:grid;\n    grid-template-columns:repeat(3, 1fr);\n    gap:18px;\n    margin-top:24px;\n  }\n  @media(max-width:1024px){ .bb13-helsinki-page .grid{ grid-template-columns:repeat(2, 1fr);} }\n  @media(max-width:640px){ .bb13-helsinki-page .grid{ grid-template-columns:1fr; gap:14px;} }\n\n  .bb13-helsinki-page .card{\n    background:var(--panel);\n    border:1px solid var(--line);\n    border-radius:18px;\n    overflow:hidden;\n    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;\n  }\n  .bb13-helsinki-page .card:hover{\n    transform: translateY(-4px);\n    border-color: rgba(198,166,94,.40);\n    box-shadow: 0 20px 55px rgba(0,0,0,.45);\n  }\n  .bb13-helsinki-page .thumb{\n    position:relative;\n    aspect-ratio: 500 \/ 509;\n    background:#070a0d;\n    overflow:hidden;\n  }\n  .bb13-helsinki-page .thumb img{\n    position:absolute; inset:0;\n    width:100%; height:100%;\n    object-fit:cover;\n    opacity:.96;\n    transform: scale(1.01);\n    transition: transform .7s ease;\n  }\n  .bb13-helsinki-page .card:hover .thumb img{ transform: scale(1.06); }\n  .bb13-helsinki-page .thumb .fade{\n    position:absolute; inset:0;\n    background:linear-gradient(to top, rgba(6,10,14,.82), transparent 55%);\n  }\n  .bb13-helsinki-page .info{\n    padding:16px 16px 18px;\n  }\n  .bb13-helsinki-page .toprow{\n    display:flex;\n    justify-content:space-between;\n    gap:10px;\n    font-size:11px;\n    letter-spacing:.28em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n  .bb13-helsinki-page .name{\n    margin:10px 0 0;\n    font-family: Forum, serif;\n    font-size:24px;\n    line-height:1.1;\n    color:var(--ink);\n  }\n  .bb13-helsinki-page .card-actions{\n    margin-top:12px;\n    display:flex;\n    gap:10px;\n    justify-content:space-between;\n  }\n\n  \/* CONTACT *\/\n  .bb13-helsinki-page .contact{\n    background:var(--bg2);\n    padding:84px 0;\n    text-align:center;\n  }\n  .bb13-helsinki-page .brand{\n    font-family: Forum, serif;\n    font-size: clamp(34px, 3vw, 54px);\n    margin:0;\n    color:var(--ink);\n  }\n  .bb13-helsinki-page .small{\n    margin-top:10px;\n    font-size:11px;\n    letter-spacing:.25em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n  .bb13-helsinki-page .contact-actions{\n    margin-top:18px;\n    display:flex;\n    gap:10px;\n    justify-content:center;\n    flex-wrap:wrap;\n  }\n<\/style>\n\n<div class=\"bb13-helsinki-page\" id=\"bb13-helsinki\">\n\n  <!-- HERO -->\n  <section class=\"hero\" id=\"home\">\n    <div class=\"hero-bg bb-grain\" aria-hidden=\"true\">\n      <!-- \u2705 REPLACE: HERO_IMAGE_URL -->\n      <img decoding=\"async\" src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/196381FB-09BD-4AF5-B0F6-F1F6A6855AA6-scaled.jpeg\" alt=\"Helsinki XIII hero\">\n      <div class=\"overlay\"><\/div>\n    <\/div>\n\n    <div class=\"container hero-inner\">\n      <div class=\"kicker\">Objekteja, jotka kantavat myytti\u00e4 ja materiaa.<\/div>\n\n      <h1>\n        <span>Helsinki XIII<\/span>\n        <span class=\"accent\"><br>Pohjolan legendat<\/span>\n      <\/h1>\n\n      <p class=\"lead\">Seremoniallisten p\u00f6ytien upotukset \u00b7 Sein\u00e4paneelit\nValmistetaan yksityistilauksesta<\/p>\n\n      <div class=\"hero-ctas\">\n        <a class=\"bb-btn bb-focus\" href=\"#helsinki\">TUTUSTU KOKOELMAAN<\/a>\n        <a class=\"bb-btn bb-focus\" id=\"heroRequest\" href=\"\/fi\/ACQUISITION_URL\/\">Tee tilaustiedustelu<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TEXT \/ QUOTE -->\n  <section class=\"quote\">\n    <div class=\"container\" style=\"text-align:center;\">\n      <div class=\"line\"><\/div>\n\n      <blockquote>\n          Ker\u00e4ilij\u00e4lle <br>\n        <br>Helsinki ei ole \u00e4\u00e4nek\u00e4s.\n        <br>Se ei esiinny.\n        <br>Se kannattelee.\n        <br><br>\n        Graniitti ja meri \u2014\n        <br>pid\u00e4ttyv\u00e4isyys ja kylmyys.\n        <br><br>\n        T\u00e4\u00e4ll\u00e4 voima on hiljaista:\n        <br>reunan tarkkuus,\n        <br>muodon selkeys,\n        <br>valo, joka ei hyv\u00e4ksy liiallisuutta.\n        <br><br>\n        Ja sitten: valkoiset y\u00f6t.\n        <br>Pid\u00e4tetty kirkkaus,\n        <br>jossa aika hellitt\u00e4\u00e4 otettaan\n        <br>ja huone muuttuu kynnykseksi.\n        <br><br>\n        Helsinki XIII syntyy t\u00e4st\u00e4 j\u00e4nnitteest\u00e4:\n        <br>kurinalaisuus ja unelma,\n        <br>j\u00e4\u00e4 ja hopea\n        <br>rauha, joka tiivistyy.\n        <br>\u2014 BB13\n        <span>Jokainen teos valmistetaan yksil\u00f6llisesti\nyksityisen tilauksen perusteella.<\/span>\n      <\/blockquote>\n\n      <div class=\"sig\">GRANIITTI \u00b7 MERI \u00b7 VALKOISET Y\u00d6T<\/div>\n    <\/div>\n  <\/section>\n\n  <!-- COLLECTION -->\n  <section class=\"section\" id=\"helsinki\">\n    <div class=\"container\">\n\n      <div class=\"section-head\">\n        <div>\n          <div class=\"section-label\">Kokoelma<\/div>\n          <h2 class=\"section-title\">Helsinki XIII<\/h2>\n          <p class=\"section-desc\">\n            Choose a piece and request it as a <span style=\"color:rgba(238,242,247,.92)\">Table Inlay<\/span> or a\n            <span style=\"color:rgba(238,242,247,.92)\">Wall Panel<\/span>.\n          <\/p>\n        <\/div>\n\n        <!-- Order module -->\n        <div class=\"order\">\n          <div class=\"mini\">Tee tilaustiedustelu<\/div>\n\n          <div class=\"field\">\n            <label for=\"orderType\">Formaatti<\/label>\n            <select id=\"orderType\" class=\"bb-focus\">\n              <option value=\"Table Inlay\">Table Inlay<\/option>\n              <option value=\"Wall Panel\">Wall Panel<\/option>\n            <\/select>\n          <\/div>\n\n          <div class=\"field\">\n            <label for=\"selectedIcon\">Valittu teos<\/label>\n            <input id=\"selectedIcon\" class=\"bb-focus\" readonly value=\"(select a piece below)\" \/>\n          <\/div>\n\n          <div class=\"order-actions\">\n            <a id=\"acqBtn\" class=\"bb-btn bb-focus\" href=\"\/fi\/ACQUISITION_URL\/\">Tee tilaustiedustelu<\/a>\n            <a class=\"bb-btn bb-focus\" href=\"#contact\">Yhteys<\/a>\n          <\/div>\n\n          <div class=\"hint\">Linkki sis\u00e4lt\u00e4\u00e4 valitsemasi teoksen automaattisesti.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"grid\" id=\"helsinki-grid\"><\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- CONTACT -->\n  <section class=\"contact\" id=\"contact\">\n    <div class=\"container\">\n      <h3 class=\"brand\"> 13:n lumouksessa<br> <br> Tiedot <br>\n<br>Painettu kompositio \u00b7 Epoksipinnoite\n<br>Halkaisija \u00d8 80\u2013110 cm tilauksesta\n<br>Uniikit teokset\n<br>Valmistetaan yksityistilauksesta\n<br>Jokainen teos valmistetaan vain yhten\u00e4 kappaleena. <br> Hinta pyynn\u00f6st\u00e4 <\/h3>\n      <div class=\"small\">Helsinki \u00b7 BB13 \u2014 Taide- ja objektigalleria<\/div>\n\n      <div class=\"contact-actions\">\n        <a class=\"bb-btn bb-focus\" href=\"https:\/\/bewitchedby13.com\/fi\/contact-visit\/\">S\u00e4hk\u00f6posti:<\/a>\n        <a class=\"bb-btn bb-focus\" href=\"https:\/\/bewitchedby13.com\/fi\/private-acquisition\/\">Tee tilaustiedustelu<\/a>\n      <\/div>\n\n      <div class=\"small\" style=\"margin-top:18px;\">bewitchedby13.com<\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n  \/\/ \u2705 IMPORTANT: Replace this with your real page URL\n  const ACQ_BASE = \"ACQUISITION_URL\"; \/\/ e.g. \"https:\/\/bewitchedby13.com\/private-acquisition\/\"\n\n  \/\/ \u2705 Replace images\/titles as you like (9 pieces)\n  const helsinkiIcons = [\n    { title:\"Sampo XIII\", tag:\"Engine of Creation\", img:\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/B4DBA150-9898-4075-A651-2D6E1A17AB6D-1.png\" },\n    { title:\" Kalevala World Egg  XIII\", tag:\"The first form from which the world unfolds.\", img:\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/DCC45145-6526-4BD1-84C3-2362F8BA6474.png\" },\n    { title:\"Ilmarinen  XIII\", tag:\"Master of Transformation\", img:\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/EC3B4D8F-C957-433D-8FF2-413CA3FD1453.png\" },\n    { title:\"Rune Order XIII\", tag:\"Northern geometry. Mythic restraint.\", img:\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/46E8591D-6276-4AC5-8C34-9C2536A97363.png\" },\n    { title:\"Kalevala Crown XIII\", tag:\"Tradition refined into presence.\", img:\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/4A1AF714-9B17-40CE-89D8-CFADCA731500.png\" },\n    { title:\"Silent Power XIII\", tag:\"Nothing extra. Everything exact.\", img:\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/92152CFA-030E-4B53-BF0D-600B7E378567-2.png\" },\n    { title:\"Baltic Sea XIII\", tag:\"Pressure. Steel calm.\", img:\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/0369EC38-072D-4954-B738-D9B0F72A0EDE.png\" },\n    { title:\"Granite Circle  XIII\", tag:\"Reflection that concentrates.\", img:\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/05540BE5-23C5-4C4F-B6AF-764D144106DB.png\" },\n    { title:\"Juhanus XIII\", tag:\"A room becomes a threshold.\", img:\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/03\/B950904F-5334-40C5-BEF6-B1AA2DE8771C.png\" }\n  ];\n\n  function escapeHtml(s){\n    return String(s)\n      .replaceAll(\"&\", \"&amp;\")\n      .replaceAll(\"<\", \"&lt;\")\n      .replaceAll(\">\", \"&gt;\")\n      .replaceAll('\"', \"&quot;\")\n      .replaceAll(\"'\", \"&#039;\");\n  }\n\n  function buildAcqUrl(){\n    const type = document.getElementById(\"orderType\")?.value || \"\";\n    const icon = document.getElementById(\"selectedIcon\")?.value || \"\";\n\n    const qs = new URLSearchParams();\n    qs.set(\"collection\",\"Helsinki XIII\");\n    if(type) qs.set(\"format\", type);\n    if(icon) qs.set(\"piece\", icon);\n\n    if(!ACQ_BASE || ACQ_BASE === \"ACQUISITION_URL\") return \"#\";\n    return ACQ_BASE.includes(\"?\") ? `${ACQ_BASE}&${qs.toString()}` : `${ACQ_BASE}?${qs.toString()}`;\n  }\n\n  function renderCards(){\n    const grid = document.getElementById(\"helsinki-grid\");\n    if(!grid) return;\n\n    grid.innerHTML = helsinkiIcons.map((item, idx) => `\n      <article class=\"card\">\n        <div class=\"thumb\">\n          <img decoding=\"async\" src=\"${escapeHtml(item.img)}\" alt=\"HELSINKI \u00b7 ${escapeHtml(item.title)}\" loading=\"lazy\">\n          <div class=\"fade\"><\/div>\n        <\/div>\n\n        <div class=\"info\">\n          <div class=\"toprow\">\n            <div>${escapeHtml(item.tag)}<\/div>\n            <div>Piece ${String(idx+1).padStart(2,'0')}<\/div>\n          <\/div>\n\n          <div class=\"name\">${escapeHtml(item.title)}<\/div>\n\n          <div class=\"card-actions\">\n            <button type=\"button\" class=\"bb-btn bb-focus\" data-icon=\"${escapeHtml(item.title)}\">Select<\/button>\n            <a class=\"bb-btn bb-focus\" href=\"${buildAcqUrl()}\">Request<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n    `).join(\"\");\n\n    grid.querySelectorAll(\"button[data-icon]\").forEach(btn => {\n      btn.addEventListener(\"click\", () => {\n        const title = btn.getAttribute(\"data-icon\");\n        document.getElementById(\"selectedIcon\").value = title;\n\n        const url = buildAcqUrl();\n        document.getElementById(\"acqBtn\").href = url;\n\n        const heroRequest = document.getElementById(\"heroRequest\");\n        if(heroRequest) heroRequest.href = url;\n\n        if (window.innerWidth < 768) {\n          document.getElementById(\"selectedIcon\").scrollIntoView({ behavior:\"smooth\", block:\"center\" });\n        }\n      });\n    });\n  }\n\n  document.addEventListener(\"DOMContentLoaded\", () => {\n    const startUrl = buildAcqUrl();\n    const acqBtn = document.getElementById(\"acqBtn\");\n    const heroRequest = document.getElementById(\"heroRequest\");\n    if(acqBtn) acqBtn.href = startUrl;\n    if(heroRequest) heroRequest.href = startUrl;\n\n    renderCards();\n\n    const orderType = document.getElementById(\"orderType\");\n    if(orderType){\n      orderType.addEventListener(\"change\", () => {\n        const url = buildAcqUrl();\n        document.getElementById(\"acqBtn\").href = url;\n        const heroRequest = document.getElementById(\"heroRequest\");\n        if(heroRequest) heroRequest.href = url;\n      });\n    }\n  });\n<\/script>\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>Objects that hold myth and matter. Helsinki XIII Legends of the North Ceremonial Table Inlays \u00b7 Wall Panels \u00b7 Produced by Private Commission View Collection Request Collector\u2019s Note Helsinki is not loud. It does not perform. It holds. Granite and sea \u2014 restraint and cold. Here, power is silent: precision of edge, clarity of form, [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7858","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\/7858","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=7858"}],"version-history":[{"count":163,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/7858\/revisions"}],"predecessor-version":[{"id":8518,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/7858\/revisions\/8518"}],"wp:attachment":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/media?parent=7858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}