{"product_id":"symphonia-concerts-15-february","title":"Symphonia Concerts 15 February","description":"\u003cstyle\u003e\n    \/* Base Styles and Typography *\/\n    .symphonia-product-wrapper h1 {\n      font-size: 2.5rem;\n      font-weight: 300;\n      color: #333333;\n      margin-bottom: 10px;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n    }\n    .symphonia-product-wrapper .event-date {\n      color: #d4af37;\n      font-size: 1.2rem;\n      font-weight: bold;\n      margin-bottom: 30px;\n      display: block;\n    }\n\n    \/* Buttons *\/\n    .symphonia-btn {\n      display: inline-block;\n      padding: 18px 45px;\n      background-color: #d4af37;\n      color: #fff !important;\n      text-decoration: none;\n      font-size: 18px;\n      font-weight: bold;\n      text-transform: uppercase;\n      border-radius: 50px;\n      box-shadow: 0 4px 10px rgba(212, 175, 55, 0.3);\n      transition: all 0.3s ease;\n      border: none;\n      cursor: pointer;\n      margin: 20px 0;\n    }\n    .symphonia-btn:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 15px rgba(212, 175, 55, 0.4);\n      background-color: #c49b2d;\n    }\n\n    \/* Collapsible Dropdowns *\/\n    details {\n      border-bottom: 1px solid #eee;\n      background: #fff;\n      transition: all 0.3s ease;\n    }\n    summary {\n      list-style: none;\n      padding: 18px 25px;\n      font-weight: bold;\n      color: #333;\n      cursor: pointer;\n      position: relative;\n      background-color: #ffffff;\n      transition: background-color 0.2s ease;\n    }\n    summary::-webkit-details-marker {\n      display: none;\n    }\n    summary:hover {\n      background-color: #f9f9f9;\n    }\n    summary::after {\n      content: '+';\n      position: absolute;\n      right: 25px;\n      color: #d4af37;\n      font-size: 24px;\n      font-weight: 300;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n    details[open] summary {\n      border-bottom: 2px solid #d4af37;\n    }\n    details[open] summary::after {\n      content: '−';\n    }\n    .details-content {\n      padding: 25px;\n      background: #fff;\n    }\n\n    \/* Teacher Modal Trigger *\/\n    .teacher-trigger {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: #f5f5f5;\n      padding: 15px 25px;\n      margin: 20px 0;\n      cursor: pointer;\n      border-radius: 4px;\n      transition: background-color 0.2s ease;\n    }\n    .teacher-trigger:hover {\n      background-color: #ededed;\n    }\n    .teacher-trigger .name {\n      font-weight: bold;\n      font-size: 16px;\n    }\n    .teacher-trigger .action-label {\n      color: #d4af37;\n      font-weight: bold;\n    }\n\n    \/* Modal Styles *\/\n    .modal-overlay {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(255, 255, 255, 0.8);\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      z-index: 1000;\n      justify-content: center;\n      align-items: center;\n    }\n    .teacher-modal {\n      background: white;\n      max-width: 600px;\n      width: 90%;\n      max-height: 80vh;\n      overflow-y: auto;\n      padding: 40px;\n      border-radius: 8px;\n      box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n      position: relative;\n    }\n    .close-modal {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      font-size: 30px;\n      cursor: pointer;\n      color: #333;\n      line-height: 1;\n    }\n    .modal-bio-text {\n      margin-top: 20px;\n      font-size: 16px;\n      line-height: 1.8;\n    }\n\n    \/* Airy Spacing *\/\n    .content-section {\n      margin-bottom: 40px;\n    }\n  \u003c\/style\u003e\n\u003cdiv style=\"max-width: 900px; margin: 0 auto; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333333; background-color: #ffffff; line-height: 1.6;\" class=\"symphonia-product-wrapper\"\u003e\n\u003c!-- Hero Section --\u003e\u003cheader style=\"text-align: center; padding-top: 40px;\" class=\"content-section\"\u003e\n\u003ch1\u003eChamber Music Compositions by Ben Hoadley\u003c\/h1\u003e\n\u003cspan class=\"event-date\"\u003e15 February 3:00pm\u003c\/span\u003e\u003ca class=\"symphonia-btn\" href=\"https:\/\/symphoniamusic.co.nz\/collections\/symphonia-events\/products\/symphonia-concert-series\"\u003eBook Tickets\u003c\/a\u003e\u003c\/header\u003e\u003c!-- Artist Section --\u003e\n\u003csection class=\"content-section\"\u003e\u003c\/section\u003e\n\u003c!-- Modal Overlay --\u003e\n\u003cdiv class=\"modal-overlay\" id=\"hoadley-bio\"\u003e\n\u003cdiv class=\"teacher-modal\"\u003e\n\u003cspan class=\"close-modal\"\u003e×\u003c\/span\u003e\n\u003ch2 style=\"color: #d4af37; margin-bottom: 10px;\"\u003eBen Hoadley\u003c\/h2\u003e\n\u003ch4 style=\"text-transform: uppercase; font-weight: 400; margin-bottom: 20px;\"\u003eComposer \u0026amp; Bassoonist\u003c\/h4\u003e\n\u003cdiv class=\"modal-bio-text\"\u003e\n\u003cp\u003eBen Hoadley is one of Australasia's most versatile wind players and composers. His music has been performed and recorded across the globe, known for its lyrical qualities and technical mastery of wind instrumentation.\u003c\/p\u003e\n\u003cp\u003eBorn in New Zealand, Ben's career has seen him perform with major orchestras including the Auckland Philharmonia and the Sydney Symphony Orchestra. As a composer, he has been a finalist in the SOUNZ Contemporary Award and has received commissions from leading ensembles and soloists internationally.\u003c\/p\u003e\n\u003cp\u003eHis compositions often reflect the landscapes of Aotearoa, blending traditional Western classical structures with a modern, atmospheric sensibility. Ben is also a dedicated educator, holding positions at various tertiary institutions where he shares his expertise in both performance and creative practice.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- JavaScript for Modals --\u003e \u003cscript\u003e\n    function openModal(id) {\n      const modal = document.getElementById(id);\n      modal.style.display = 'flex';\n      document.body.style.overflow = 'hidden'; \/\/ Prevent scroll\n    }\n\n    function closeModal(event, id) {\n      const modal = document.getElementById(id);\n      \/\/ Close if clicking overlay or if called directly\n      if (event.target === modal || !event) {\n        modal.style.display = 'none';\n        document.body.style.overflow = 'auto'; \/\/ Restore scroll\n      }\n    }\n\n    \/\/ Close on Escape key\n    document.addEventListener('keydown', function(event) {\n      if (event.key === \"Escape\") {\n        const modals = document.querySelectorAll('.modal-overlay');\n        modals.forEach(modal =\u003e {\n          modal.style.display = 'none';\n        });\n        document.body.style.overflow = 'auto';\n      }\n    });\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Symphonia Music","offers":[{"title":"Default Title","offer_id":47757923418279,"sku":null,"price":35.0,"currency_code":"NZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/2432\/4007\/files\/Symphonia_Concert_Poster_A4_Ben_Hoadley_9565162a-abf6-4df5-a032-bb4dd41d9ec3.png?v=1769730619","url":"https:\/\/symphoniamusic.co.nz\/products\/symphonia-concerts-15-february","provider":"Symphonia Music","version":"1.0","type":"link"}