{"id":5669,"date":"2026-01-29T17:25:34","date_gmt":"2026-01-29T17:25:34","guid":{"rendered":"https:\/\/bewitchedby13.com\/?page_id=5669"},"modified":"2026-03-10T15:44:43","modified_gmt":"2026-03-10T15:44:43","slug":"atmospheres-_-xiii","status":"publish","type":"page","link":"https:\/\/bewitchedby13.com\/fi\/atmospheres-_-xiii\/","title":{"rendered":"Atmospheres XIII"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5669\" class=\"elementor elementor-5669\">\n\t\t\t\t<div class=\"elementor-element elementor-element-390f32b e-flex e-con-boxed e-con e-parent\" data-id=\"390f32b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5043aeb elementor-widget elementor-widget-html\" data-id=\"5043aeb\" 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 ATMOSPHERES XIII \/ WEATHER (ONE STYLE like city pages)\nPaste into ONE Elementor HTML widget.\nReplace:\n1) HERO_IMAGE_URL\n2) ACQUISITION_URL (your private acquisition page)\n3) (optional) Work links if you have dedicated pages\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&family=Forum&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n  :root{\n    \/* Pearl Weather palette *\/\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    --gold:#c6a65e;          \/* luxury accent *\/\n    --pearl:#d9d7cf;         \/* pearly highlight *\/\n    --storm:rgba(6,10,14,.94);\n\n    \/* Hero overlays *\/\n    --heroA: rgba(6,10,14,0.55);\n    --heroB: rgba(6,10,14,0.78);\n    --heroC: rgba(6,10,14,0.96);\n  }\n\n  \/* isolate *\/\n  .bb13-atmo-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  .bb13-atmo-page .container{\n    max-width:1240px;\n    margin:0 auto;\n    padding:0 22px;\n  }\n\n  \/* subtle grain *\/\n  .bb13-atmo-page .bb-grain::before{\n    content:\"\";\n    position:absolute; inset:0;\n    pointer-events:none;\n    opacity:.10;\n    background-image:url(\"https:\/\/www.transparenttextures.com\/patterns\/asfalt-light.png\");\n    mix-blend-mode:overlay;\n  }\n\n  \/* buttons *\/\n  .bb13-atmo-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    white-space:nowrap;\n  }\n  .bb13-atmo-page .bb-btn:hover{\n    border-color: rgba(198,166,94,.78);\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-atmo-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-atmo-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-atmo-page .hero-bg{\n    position:absolute; inset:0;\n    z-index:0;\n    overflow:hidden;\n  }\n  .bb13-atmo-page .hero-bg img{\n    width:100%; height:100%;\n    object-fit:cover;\n    opacity:.55;\n    transform:scale(1.01);\n    filter: saturate(.95) contrast(1.06);\n  }\n  .bb13-atmo-page .hero-bg .overlay{\n    position:absolute; inset:0;\n    background:\n      radial-gradient(circle at 55% 45%, transparent 48%, rgba(0,0,0,0.38) 100%),\n      linear-gradient(to bottom, var(--heroA), var(--heroB), var(--heroC));\n  }\n  .bb13-atmo-page .hero-inner{\n    position:relative;\n    z-index:2;\n    padding-top:86px;\n    padding-bottom:48px;\n  }\n  .bb13-atmo-page .kicker{\n    font-size:11px;\n    letter-spacing:.45em;\n    text-transform:uppercase;\n    color:var(--mute);\n    margin-bottom:18px;\n  }\n  .bb13-atmo-page h1{\n    font-family: Forum, serif;\n    font-size: clamp(54px, 6vw, 112px);\n    line-height:0.92;\n    margin:0;\n    color:var(--ink);\n  }\n  .bb13-atmo-page h1 .accent{\n    color: var(--gold);\n    display:block;\n  }\n  .bb13-atmo-page .lead{\n    margin:18px auto 0;\n    max-width:820px;\n    font-size:15px;\n    line-height:1.85;\n    letter-spacing:.14em;\n    color:var(--mute);\n    font-weight:300;\n  }\n  .bb13-atmo-page .hero-ctas{\n    margin-top:28px;\n    display:flex;\n    gap:10px;\n    justify-content:center;\n    flex-wrap:wrap;\n  }\n\n\/* QUOTE \u2014 GLASS PANEL \/ PURE WHITE TEXT *\/\n\n.bb13-atmo-page .quote{\n  position:relative;\n  background:#0f1620;\n  padding:110px 0;\n  overflow:hidden;\n}\n\n.bb13-atmo-page .quote::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(circle at 30% 20%, rgba(198,166,94,.10), transparent 60%),\n    radial-gradient(circle at 70% 80%, rgba(198,166,94,.08), transparent 60%);\n  pointer-events:none;\n}\n\n.bb13-atmo-page .quote .quote-panel{\n  position:relative;\n  max-width:1000px;\n  margin:0 auto;\n  padding:60px 60px;\n  background:rgba(15,22,32,.72);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:28px;\n  box-shadow:0 30px 80px rgba(0,0,0,.55);\n  text-align:center;\n}\n\n.bb13-atmo-page .quote .line{\n  width:1px;\n  height:80px;\n  margin:0 auto 40px;\n  background:linear-gradient(to bottom, transparent, rgba(198,166,94,.9), transparent);\n}\n\n.bb13-atmo-page .quote blockquote{\n  font-family:Forum, serif;\n  font-size:clamp(26px, 2.6vw, 44px);\n  line-height:1.35;\n  margin:0;\n  color:#ffffff !important;\n  text-shadow:0 4px 30px rgba(0,0,0,.65);\n}\n\n.bb13-atmo-page .quote blockquote span{\n  display:block;\n  margin-top:22px;\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n  font-size:16px;\n  letter-spacing:.06em;\n  color:rgba(255,255,255,.82) !important;\n}\n\n.bb13-atmo-page .quote .sig{\n  margin-top:28px;\n  font-size:11px;\n  letter-spacing:.32em;\n  text-transform:uppercase;\n  color:rgba(255,255,255,.65) !important;\n}\n\n\n  \/* SECTION *\/\n  .bb13-atmo-page .section{\n    padding:92px 0 100px;\n    background:var(--bg);\n  }\n  .bb13-atmo-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-atmo-page .section-head{ grid-template-columns:1fr; }\n  }\n\n  .bb13-atmo-page .section-label{\n    font-size:11px;\n    letter-spacing:.35em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n  .bb13-atmo-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-atmo-page .section-desc{\n    margin-top:10px;\n    color:var(--mute);\n    line-height:1.8;\n    max-width:760px;\n  }\n\n  \/* ORDER *\/\n  .bb13-atmo-page .order{\n    background:var(--panel);\n    border:1px solid var(--line);\n    border-radius:18px;\n    padding:18px;\n  }\n  .bb13-atmo-page .order .mini{\n    font-size:11px;\n    letter-spacing:.30em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n  .bb13-atmo-page .field{ margin-top:14px; }\n  .bb13-atmo-page label{\n    display:block;\n    font-size:12px;\n    letter-spacing:.22em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n  .bb13-atmo-page select,\n  .bb13-atmo-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-atmo-page .order-actions{\n    margin-top:14px;\n    display:flex;\n    gap:10px;\n  }\n  .bb13-atmo-page .order-actions a{ flex:1; text-align:center; }\n  .bb13-atmo-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-atmo-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-atmo-page .grid{ grid-template-columns:repeat(2, 1fr);} }\n  @media(max-width:640px){ .bb13-atmo-page .grid{ grid-template-columns:1fr; gap:14px;} }\n\n  .bb13-atmo-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-atmo-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\n  .bb13-atmo-page .thumb{\n    position:relative;\n    aspect-ratio: 500 \/ 509;\n    background:#070a0d;\n    overflow:hidden;\n  }\n  .bb13-atmo-page .thumb img{\n    position:absolute; inset:0;\n    width:100%; height:100%;\n    object-fit:cover;\n    opacity:.97;\n    transform: scale(1.01);\n    transition: transform .7s ease;\n  }\n  .bb13-atmo-page .card:hover .thumb img{ transform: scale(1.06); }\n  .bb13-atmo-page .thumb .fade{\n    position:absolute; inset:0;\n    background:linear-gradient(to top, rgba(6,10,14,.86), transparent 58%);\n  }\n  .bb13-atmo-page .badge{\n    position:absolute;\n    left:14px;\n    bottom:14px;\n    padding:8px 12px;\n    border-radius:999px;\n    font-size:10px;\n    letter-spacing:.20em;\n    text-transform:uppercase;\n    color:rgba(238,242,247,.94);\n    background: rgba(0,0,0,0.40);\n    border:1px solid rgba(198,166,94,.30);\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n  }\n\n  .bb13-atmo-page .info{ padding:16px 16px 18px; }\n  .bb13-atmo-page .toprow{\n    display:flex;\n    justify-content:space-between;\n    gap:10px;\n    font-size:11px;\n    letter-spacing:.24em;\n    text-transform:uppercase;\n    color:var(--mute);\n  }\n  .bb13-atmo-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-atmo-page .specs{\n    margin-top:10px;\n    display:grid;\n    grid-template-columns: repeat(3, minmax(0,1fr));\n    gap:10px;\n  }\n  .bb13-atmo-page .spec{\n    background:rgba(0,0,0,0.16);\n    border:1px solid var(--line);\n    border-radius:14px;\n    padding:10px 10px;\n    line-height:1.25;\n  }\n  .bb13-atmo-page .spec span{\n    display:block;\n    font-size:10px;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n    color:var(--mute);\n    margin-bottom:6px;\n  }\n  .bb13-atmo-page .spec b{\n    display:block;\n    font-family: Forum, serif;\n    font-weight:400;\n    font-size:14px;\n    color:rgba(238,242,247,.92);\n  }\n  @media(max-width:720px){\n    .bb13-atmo-page .specs{ grid-template-columns:1fr; }\n  }\n\n  .bb13-atmo-page .card-actions{\n    margin-top:12px;\n    display:flex;\n    gap:10px;\n    justify-content:space-between;\n    flex-wrap:wrap;\n  }\n  .bb13-atmo-page .card-actions a,\n  .bb13-atmo-page .card-actions button{\n    flex:1;\n    min-width: 140px;\n  }\n\n  \/* CONTACT *\/\n  .bb13-atmo-page .contact{\n    background:var(--bg2);\n    padding:84px 0;\n    text-align:center;\n  }\n  .bb13-atmo-page .brand{\n    font-family: Forum, serif;\n    font-size: clamp(34px, 3vw, 54px);\n    margin:0;\n    color:var(--ink);\n  }\n  .bb13-atmo-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-atmo-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-atmo-page\" id=\"bb13-atmo\">\n\n  <!-- HERO -->\n  <section class=\"hero\" id=\"home\">\n    <div class=\"hero-bg bb-grain\" aria-hidden=\"true\">\n      <!-- \u2705 replace hero image -->\n      <img decoding=\"async\" src=\"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/345AC488-7C3D-46DB-AD2C-4CC2D222418C.png\" alt=\"\">\n      <div class=\"overlay\"><\/div>\n    <\/div>\n\n    <div class=\"container hero-inner\">\n      <div class=\"kicker\">Pearl Weather \u00b7 Atmospheric Cycle<\/div>\n\n      <h1>\n        <span>Atmospheres XIII<\/span>\n        <span class=\"accent\"><br>WEATHER \u00b7 ATMOSPHERES<\/span>\n      <\/h1>\n\n      <p class=\"lead\">\n        Collectible functional artworks \u2014 not weather as scenery, but weather as inner architecture:\n        pressure, silence, electricity, and light after collapse.\n      <\/p>\n\n      <div class=\"hero-ctas\">\n        <a class=\"bb-btn bb-focus\" href=\"#atmo\">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 (kept, tightened) -->\n  <section class=\"quote\">\n    <div class=\"container\" style=\"text-align:center;\">\n      <div class=\"line\"><\/div>\n\n      <blockquote>\n        On hetki\u00e4, jolloin taivas alkaa kantaa merkityst\u00e4.\n        <br>Not clouds \u2014 pressure, density, electricity.\n        <br>Time stretches. Space holds its breath.\n        <br><br>\n        WEATHER \/ ATMOSPHERES is an atmospheric cycle:\n        <br>compression \u2192 rupture \u2192 chromatic release \u2192 afterglow.\n        <br><br>\n        These works are not images.\n        <br>They are instruments \u2014 altering the emotional climate of a room.\n        <br>\u2014 BB13\n        <span>Each piece is produced individually by private commission (or direct acquisition when available).<\/span>\n      <\/blockquote>\n\n      <div class=\"sig\">\u2014 Pearl Weather<\/div>\n    <\/div>\n  <\/section>\n\n  <!-- COLLECTION -->\n  <section class=\"section\" id=\"atmo\">\n    <div class=\"container\">\n\n      <div class=\"section-head\">\n        <div>\n          <div class=\"section-label\">Kokoelma<\/div>\n          <h2 class=\"section-title\">Valikoidut teokset<\/h2>\n          <p class=\"section-desc\">\n            Select a work 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            Direct acquisition links appear on works marked as available.\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=\"selectedPiece\">Selected Work<\/label>\n            <input id=\"selectedPiece\" class=\"bb-focus\" readonly value=\"(select a work 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\">The request link includes your selection automatically.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"grid\" id=\"atmo-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<\/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 Replace this with your real request page\n  const ACQ_BASE = \"ACQUISITION_URL\"; \/\/ e.g. \"https:\/\/bewitchedby13.com\/private-acquisition\/\"\n\n  \/\/ \u2705 Works (texts preserved, tightened; update links if you have dedicated pages)\n  const works = [\n    {\n      badge: \"LIMITED\",\n      title: \"RAINBOW ECSTASY\",\n      tag: \"Chromatic release \u00b7 Atmospheric Object\",\n      img: \"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/CE19B771-1C89-4DB0-AC84-5A88757B5D49.png\",\n      viewUrl: \"https:\/\/bewitchedby13.com\/rainbow_ecstasy_show\/\",\n      directUrl: \"https:\/\/buy.stripe.com\/eVq7sL8YngqI5uJ2mMaVa02\",\n      specs: { diameter: \"100 cm\", edition: \"1\/1\", price: \"5,813 \u20ac\" }\n    },\n    {\n      badge: \"FLAGSHIP\",\n      title: \"TEMPEST CORE\",\n      tag: \"Storm mechanics \u00b7 Gravity \u00b7 Charged stillness\",\n      img: \"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/01\/4AAB6373-6CB2-4FDC-8211-16B8D3BDFF6C.png\",\n      viewUrl: \"\/tempest-core\",\n      directUrl: \"\", \/\/ keep empty if request only\n      specs: { diameter: \"100 cm\", edition: \"1\/1\", price: \"8,000 \u20ac\" }\n    },\n    {\n      badge: \"COLLECTOR\",\n      title: \"SUNSHOWER\",\n      tag: \"Light with residue \u00b7 Warmth + moisture\",\n      img: \"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/01\/0A9F4CBA-4F05-4158-8F80-D99CCE826E64.png\",\n      viewUrl: \"\/rain-relic\",\n      directUrl: \"\",\n      specs: { diameter: \"90 cm\", edition: \"Collector\", price: \"Inquiry\" }\n    },\n    {\n      badge: \"ATMOSPHERE\",\n      title: \"NEW MOON CYCLE\",\n      tag: \"Compression \u00b7 Night pressure \u00b7 Inward axis\",\n      img: \"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/01\/24CF914D-0964-4524-AF7C-1F46745922C6.png\",\n      viewUrl: \"\/silent-pressure\",\n      directUrl: \"\",\n      specs: { diameter: \"\u2014\", edition: \"Smaller edition\", price: \"5,000 \u20ac\" }\n    },\n    {\n      badge: \"LIMITED\",\n      title: \"BREATH OF LIGHT\",\n      tag: \"After-storm clarity \u00b7 Soft resonance\",\n      img: \"https:\/\/bewitchedby13.com\/wp-content\/uploads\/2026\/02\/7652E2E4-A353-4794-B618-C720405DAF1D.jpeg\",\n      viewUrl: \"https:\/\/buy.stripe.com\/14A4gz3E3a2k3mB3qQaVa03\",\n      directUrl: \"https:\/\/buy.stripe.com\/14A4gz3E3a2k3mB3qQaVa03\",\n      specs: { diameter: \"\u2014\", edition: \"Limited\", price: \"4,800 \u20ac\" }\n    }\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 piece = document.getElementById(\"selectedPiece\")?.value || \"\";\n\n    const qs = new URLSearchParams();\n    qs.set(\"collection\",\"Atmospheres XIII\");\n    qs.set(\"series\",\"WEATHER \/ ATMOSPHERES\");\n    if(type) qs.set(\"format\", type);\n    if(piece && !piece.includes(\"(select\")) qs.set(\"work\", piece);\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(\"atmo-grid\");\n    if(!grid) return;\n\n    grid.innerHTML = works.map((w, idx) => {\n      const direct = (w.directUrl && w.directUrl.trim().length) ? `\n        <a class=\"bb-btn bb-focus\" href=\"${escapeHtml(w.directUrl)}\" target=\"_blank\" rel=\"noopener\">Acquire<\/a>\n      ` : `\n        <a class=\"bb-btn bb-focus\" href=\"${buildAcqUrl()}\">Request<\/a>\n      `;\n\n      return `\n        <article class=\"card\">\n          <div class=\"thumb\">\n            <img decoding=\"async\" src=\"${escapeHtml(w.img)}\" alt=\"ATMOSPHERES \u00b7 ${escapeHtml(w.title)}\" loading=\"lazy\">\n            <div class=\"fade\"><\/div>\n            <div class=\"badge\">${escapeHtml(w.badge || \"WORK\")}<\/div>\n          <\/div>\n\n          <div class=\"info\">\n            <div class=\"toprow\">\n              <div>${escapeHtml(w.tag || \"\")}<\/div>\n              <div>Work ${String(idx+1).padStart(2,'0')}<\/div>\n            <\/div>\n\n            <div class=\"name\">${escapeHtml(w.title)}<\/div>\n\n            <div class=\"specs\">\n              <div class=\"spec\"><span>Diameter<\/span><b>${escapeHtml(w.specs?.diameter || \"\u2014\")}<\/b><\/div>\n              <div class=\"spec\"><span>Edition<\/span><b>${escapeHtml(w.specs?.edition || \"\u2014\")}<\/b><\/div>\n              <div class=\"spec\"><span>Price<\/span><b>${escapeHtml(w.specs?.price || \"Inquiry\")}<\/b><\/div>\n            <\/div>\n\n            <div class=\"card-actions\">\n              <button type=\"button\" class=\"bb-btn bb-focus\" data-work=\"${escapeHtml(w.title)}\">Select<\/button>\n              <a class=\"bb-btn bb-focus\" href=\"${escapeHtml(w.viewUrl || \"#\")}\" ${w.viewUrl?.startsWith(\"http\") ? 'target=\"_blank\" rel=\"noopener\"' : \"\"}>View<\/a>\n              ${direct}\n            <\/div>\n          <\/div>\n        <\/article>\n      `;\n    }).join(\"\");\n\n    grid.querySelectorAll(\"button[data-work]\").forEach(btn => {\n      btn.addEventListener(\"click\", () => {\n        const title = btn.getAttribute(\"data-work\");\n        document.getElementById(\"selectedPiece\").value = title;\n\n        const url = buildAcqUrl();\n        const acqBtn = document.getElementById(\"acqBtn\");\n        const heroRequest = document.getElementById(\"heroRequest\");\n        if(acqBtn) acqBtn.href = url;\n        if(heroRequest) heroRequest.href = url;\n\n        if (window.innerWidth < 768) {\n          document.getElementById(\"selectedPiece\").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        const acqBtn = document.getElementById(\"acqBtn\");\n        const heroRequest = document.getElementById(\"heroRequest\");\n        if(acqBtn) acqBtn.href = url;\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<div class=\"elementor-element elementor-element-085865a e-flex e-con-boxed e-con e-parent\" data-id=\"085865a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18fbf27 elementor-widget elementor-widget-html\" data-id=\"18fbf27\" 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 Footer -->\n<footer class=\"bg-stone-900 text-stone-200\">\n  <div class=\"container mx-auto px-8 py-20\">\n    \n    <!-- Top Line -->\n    <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-10 border-b border-stone-700 pb-12 mb-12\">\n      <div>\n        <div class=\"font-display text-2xl tracking-widest text-white mb-3\">BB13<\/div>\n        <p class=\"text-stone-400 max-w-md leading-relaxed\">\n          Authorial collectible design house.  \n          Ceremonial tables and objects of presence conceived as functional artworks.\n        <\/p>\n      <\/div>\n\n      <div class=\"flex flex-wrap gap-4\">\n        <a href=\"https:\/\/bewitchedby13.com\/fi\/sacred-tables\/\" class=\"text-xs uppercase tracking-[0.2em] hover:text-gold-500 transition\">Kokoelmat<\/a>\n        <a href=\"https:\/\/bewitchedby13.com\/fi\/philosophy\/\" class=\"text-xs uppercase tracking-[0.2em] hover:text-gold-500 transition\">Filosofia<\/a>\n        <a href=\"https:\/\/bewitchedby13.com\/fi\/showroom-visit\/\" class=\"text-xs uppercase tracking-[0.2em] hover:text-gold-500 transition\">Private Appointments<\/a>\n        <a href=\"https:\/\/bewitchedby13.com\/fi\/contact-visit\/\" class=\"text-xs uppercase tracking-[0.2em] hover:text-gold-500 transition\">Yhteys<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Bottom Line -->\n    <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-6 text-xs text-stone-500\">\n      <div>\n        \u00a9 <span id=\"bb13-year\"><\/span> Bewitched by 13 \u00b7 Helsinki  \n      <\/div>\n      <div class=\"flex flex-wrap gap-6\">\n        <a href=\"\/fi\/privacy-policy\/\" class=\"hover:text-gold-500 transition\">Privacy Policy<\/a>\n        <a href=\"\/fi\/terms\/\" class=\"hover:text-gold-500 transition\">Ehdot ja s\u00e4\u00e4nn\u00f6t<\/a>\n        <a href=\"\/fi\/imprint\/\" class=\"hover:text-gold-500 transition\">Imprint<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  document.getElementById('bb13-year').textContent = new Date().getFullYear();\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>Pearl Weather \u00b7 Atmospheric Cycle Atmospheres XIII WEATHER \u00b7 ATMOSPHERES Collectible functional artworks \u2014 not weather as scenery, but weather as inner architecture: pressure, silence, electricity, and light after collapse. View Collection Request There are moments when the sky gathers meaning. Not clouds \u2014 pressure, density, electricity. Time stretches. Space holds its breath. WEATHER \/ [&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-5669","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\/5669","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=5669"}],"version-history":[{"count":281,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/5669\/revisions"}],"predecessor-version":[{"id":8320,"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/pages\/5669\/revisions\/8320"}],"wp:attachment":[{"href":"https:\/\/bewitchedby13.com\/fi\/wp-json\/wp\/v2\/media?parent=5669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}