{"id":2553,"date":"2026-02-24T12:16:12","date_gmt":"2026-02-24T12:16:12","guid":{"rendered":"https:\/\/sisellan.com\/?page_id=2553"},"modified":"2026-02-27T14:16:56","modified_gmt":"2026-02-27T14:16:56","slug":"prueba-2","status":"publish","type":"page","link":"https:\/\/sisellan.com\/es\/prueba-2\/","title":{"rendered":"prueba"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2553\" class=\"elementor elementor-2553\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5273949 e-flex e-con-boxed e-con e-parent\" data-id=\"5273949\" 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-81b9f94 elementor-widget elementor-widget-html\" data-id=\"81b9f94\" 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<!-- ============================================================\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1.35rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/sisellan.com\/wp-content\/uploads\/2026\/02\/SiselLan_ProyectoVirgilio_0012-1.jpg\",\n      title: \"Proyecto Virgilio\",\n      desc:  \"A poetic exploration of light and shadow<br>in architectural space.\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/sisellan.com\/wp-content\/uploads\/2026\/02\/SiselLan_ProyectoVirgilio_0011.jpg\",\n      title: \"Second Slide Title\",\n      desc:  \"Replace this with your second slide description text.\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/via.placeholder.com\/1200x675\/cccccc\/888888?text=Slide+3\",\n      title: \"Third Slide Title\",\n      desc:  \"Replace this with your third slide description text.\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/sisellan.com\/wp-content\/uploads\/2026\/02\/SiselLan_ProyectoVirgilio_0012-1.jpg\",\n      title: \"Slide 4\",\n      desc:  \"A poetic exploration of light and shadow<br>in architectural space.\"\n    },\n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71d52b0 elementor-widget elementor-widget-html\" data-id=\"71d52b0\" 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<!-- ============================================================   AUTORETRATOS\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953343\/SiselLan_Autoretratos_01\/SiselLan_Autoretratos_01.jpg?_i=AA\",\n      title: \"My Broken Self, 2020\",\n      desc:  \"Digital Photograph<br>Jpeg 2400 x 1600 px.\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953332\/SiselLan_Autoretratos_02\/SiselLan_Autoretratos_02.jpg?_i=AA\",\n      title: \"Self Portrait, 2020\",\n      desc:  \"Digital Photograph<br>Jpeg 2400 x 1600 px.\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953318\/SiselLan_Autoretratos_03\/SiselLan_Autoretratos_03.jpg?_i=AA\",\n      title: \"Self Portrait, 2020\",\n      desc:  \"Digital Photograph<br>Jpeg 2400 x 1600 px.\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953306\/SiselLan_Autoretratos_04\/SiselLan_Autoretratos_04.jpg?_i=AA\",\n      title: \"Self Portrait, 2020\",\n      desc:  \"Digital Photograph<br>Jpeg 2400 x 1600 px.\"\n    },\n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f33f2dd elementor-widget elementor-widget-html\" data-id=\"f33f2dd\" 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<!-- ============================================================     MINIMUM WAGE\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1600,c_scale\/f_auto,q_auto\/v1773953214\/SiselLan_MinimumWage_01\/SiselLan_MinimumWage_01.jpg?_i=AA\",\n      title: \"Minimum Wage (Michigan), 2025\",\n      desc:  \"Cyanotype on dollar bills<br>62.4 x 33 cms.\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1600,c_scale\/f_auto,q_auto\/v1773953199\/SiselLan_MinimumWage_02\/SiselLan_MinimumWage_02.jpg?_i=AA\",\n      title: \"Minimum Wage (New York), 2025\",\n      desc:  \"Cyanotype on dollar bills<br>62.4 x 33 cms.\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1600,c_scale\/f_auto,q_auto\/v1773953188\/SiselLan_MinimumWage_03\/SiselLan_MinimumWage_03.jpg?_i=AA\",\n      title: \"Minimum Wage (Texas), 2025\",\n      desc:  \"Cyanotype on dollar bills<br>62.4 x 33 cms.\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1600,c_scale\/f_auto,q_auto\/v1773953174\/SiselLan_MinimumWage_04\/SiselLan_MinimumWage_04.jpg?_i=AA\",\n      title: \"Minimum Wage (Washington), 2025\",\n      desc:  \"Cyanotype on dollar bills<br>62.4 x 33 cms.\"\n    },\n\/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1600,c_scale\/f_auto,q_auto\/v1773953161\/SiselLan_MinimumWage_05\/SiselLan_MinimumWage_05.jpg?_i=AA\",\n      title: \"Minimum Wage, 2025\",\n      desc:  \"Cyanotype on dollar bills<br>Digital file\"\n    },\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-192de0b elementor-widget elementor-widget-html\" data-id=\"192de0b\" 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<!-- ============================================================     TORRES GEMELAS\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953131\/SiselLan_TorresGemelas_01\/SiselLan_TorresGemelas_01.jpg?_i=AA\",\n      title: \"The end of Postmodernism (Distortion 001\/400), 2021\",\n      desc:  \"Digital Photograph<br>Jpg 2500 x 2028 px\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953112\/SiselLan_TorresGemelas_02\/SiselLan_TorresGemelas_02.jpg?_i=AA\",\n      title: \"The end of Postmodernism (Distortion 040\/400), 2021\",\n      desc:  \"Digital Photograph<br>Jpg 2500 x 2028 px\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773953095\/SiselLan_TorresGemelas_03\/SiselLan_TorresGemelas_03.jpg?_i=AA\",\n      title: \"The end of Postmodernism (Distortion 080\/400), 2021\",\n      desc:  \"Digital Photograph<br>Jpg 2500 x 2028 px\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773953082\/SiselLan_TorresGemelas_04\/SiselLan_TorresGemelas_04.jpg?_i=AA\",\n      title: \"The end of Postmodernism (Distortion 120\/400), 2021\",\n      desc:  \"Digital Photograph<br>Jpg 2500 x 2028 px\"\n    },\n\/\/ SLIDE 5\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773953057\/SiselLan_TorresGemelas_05\/SiselLan_TorresGemelas_05.jpg?_i=AA\",\n      title: \"The end of Postmodernism (Distortion 200\/400), 2021\",\n      desc:  \"Digital Photograph<br>Jpg 2500 x 2028 px\"\n    },\n    \/\/ SLIDE 6\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773953037\/SiselLan_TorresGemelas_06\/SiselLan_TorresGemelas_06.jpg?_i=AA\",\n      title: \"The end of Postmodernism (Distortion 320\/400), 2021\",\n      desc:  \"Digital Photograph<br>Jpg 2500 x 2028 px\"\n    },\n    \/\/ SLIDE 7\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773953024\/SiselLan_TorresGemelas_07\/SiselLan_TorresGemelas_07.jpg?_i=AA\",\n      title: \"The end of Postmodernism (Distortion 400\/400), 2021\",\n      desc:  \"Digital Photograph<br>Jpg 2500 x 2028 px\"\n    },\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n  \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2c69b5 elementor-widget elementor-widget-html\" data-id=\"d2c69b5\" 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<!-- ============================================================    24 HORAS 31 MINUTOS\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953294\/SiselLan_24Horas31Minutos_01\/SiselLan_24Horas31Minutos_01.jpg?_i=AA\",\n      title: \"Abundancia, 2018\",\n      desc:  \"1767 and 1\/5 mexican 5 cents coins<br>40 x 60 cms. each panel\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773953287\/SiselLan_24Horas31Minutos_02\/SiselLan_24Horas31Minutos_02.png?_i=AA\",\n      title: \"24 Horas, 31 Minutos, 2018\",\n      desc:  \"Intervened clock<br>30.5 x 30.5 x 7 cms.\"\n    },\n\n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6def3e5 elementor-widget elementor-widget-html\" data-id=\"6def3e5\" 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<!-- ============================================================     THE AMERICAN DREAM\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953243\/SiselLan_TheAmericanDream_01\/SiselLan_TheAmericanDream_01.jpg?_i=AA\",\n      title: \"Wealth - Poverty, 2022\",\n      desc:  \"Cyanotype on a dollar bill<br>15.6 x 6.6 cms\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953225\/SiselLan_TheAmericanDream_02\/SiselLan_TheAmericanDream_02.jpg?_i=AA\",\n      title: \"The American Dream, 2022\",\n      desc:  \"Cyanotype on 20 dollar bills<br>62.4 x 33 cms.\"\n    },\n\n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6792fa7 elementor-widget elementor-widget-html\" data-id=\"6792fa7\" 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<!-- ============================================================     LOS 43\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953144\/SiselLan_Los43_01\/SiselLan_Los43_01.jpg?_i=AA\",\n      title: \"LOS 43, 2025\",\n      desc:  \"Matches, cyanotype on tea bags and matches<br>62.4 x 33 cms.\"\n    },\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6997395 elementor-widget elementor-widget-html\" data-id=\"6997395\" 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<!-- ============================================================     100 HUGS\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773953006\/SiselLan_100Hugs_01\/SiselLan_100Hugs_01.jpg?_i=AA\",\n      title: \"100 Hugs, 2025\",\n      desc:  \"99 Framed Digital photograhs, Steel Fence, Photography printed on ripped cloth<br> \"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773953000\/SiselLan_100Hugs_02\/SiselLan_100Hugs_02.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2025\",\n      desc:  \"Steel fence, Digital Photograph printed on ripped cloth<br> \"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952986\/SiselLan_100Hugs_03\/SiselLan_100Hugs_03.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2025\",\n      desc:  \"99 Framed Digital Photographs<br>115.24 x 10.16 cms. each\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952961\/SiselLan_100Hugs_04\/SiselLan_100Hugs_04.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2021\",\n      desc:  \"Digital Photograph on Photo Paper<br>15.24 x 10.16 cms.\"\n    },\n\/\/ SLIDE 5\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952953\/SiselLan_100Hugs_05\/SiselLan_100Hugs_05.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2021\",\n      desc:  \"Digital Photograph on Photo Paper<br>15.24 x 10.16 cms.\"\n    },\n\/\/ SLIDE 6\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952942\/SiselLan_100Hugs_06\/SiselLan_100Hugs_06.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2019\",\n      desc:  \"Digital Photograph on Photo Paper<br>15.24 x 10.16 cms.\"\n    },\n\/\/ SLIDE 7\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952933\/SiselLan_100Hugs_07\/SiselLan_100Hugs_07.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2021\",\n      desc:  \"Digital Photograph on Photo Paper<br>15.24 x 10.16 cms.\"\n    },\n\/\/ SLIDE 8\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952924\/SiselLan_100Hugs_08\/SiselLan_100Hugs_08.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2017\",\n      desc:  \"Digital Photograph on Photo Paper<br>15.24 x 10.16 cms.\"\n    },\n\/\/ SLIDE 9\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952915\/SiselLan_100Hugs_09\/SiselLan_100Hugs_09.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2019\",\n      desc:  \"Digital Photograph on Photo Paper<br>15.24 x 10.16 cms.\"\n    },\n\/\/ SLIDE 10\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952903\/SiselLan_100Hugs_10\/SiselLan_100Hugs_10.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2017\",\n      desc:  \"Digital Photograph on Photo Paper<br>10.16 x .24  cms.\"\n    },\n\/\/ SLIDE 11\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952895\/SiselLan_100Hugs_11\/SiselLan_100Hugs_11.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2017\",\n      desc:  \"Digital Photograph on Photo Paper<br>15.24 x 10.16 cms.\"\n    },\n\/\/ SLIDE 12\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952888\/SiselLan_100Hugs_12\/SiselLan_100Hugs_12.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2017\",\n      desc:  \"Digital Photograph on Photo Paper<br>15.24 x 10.16 cms.\"\n    },\n\/\/ SLIDE 13\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952880\/SiselLan_100Hugs_13\/SiselLan_100Hugs_13.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2019\",\n      desc:  \"Digital Photograph on Photo Paper<br>10.16 x 15.24 cms.\"\n    },\n\/\/ SLIDE 14\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952872\/SiselLan_100Hugs_14\/SiselLan_100Hugs_14.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2024\",\n      desc:  \"Digital Photograph on Photo Paper<br>15.24 x 10.16 cms.\"\n    },\n\/\/ SLIDE 15\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952856\/SiselLan_100Hugs_15\/SiselLan_100Hugs_15.jpg?_i=AA\",\n      title: \"100 Hugs (detail), 2025\",\n      desc:  \"Steel fence, Digital Photograph printed on ripped cloth<br> \"\n    },\n\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fe908d elementor-widget elementor-widget-html\" data-id=\"8fe908d\" 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<!-- ============================================================     ACRILICOS\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952835\/SiselLan_Acrilicos_01\/SiselLan_Acrilicos_01.jpg?_i=AA\",\n      title: \"Some of the Ones I Couldn't See (detail), 2022\",\n      desc:  \"Digital Photograph printed on Acrylic blocks<br>7.5 x 5 x 2.5 cms. each\"\n    },\n\n    \/\/ SLIDE 2\n    {\n       image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952799\/SiselLan_Acrilicos_02\/SiselLan_Acrilicos_02.jpg?_i=AA\",\n      title: \"Some of the Ones I Couldn't See (detail), 2022\",\n      desc:  \"Digital Photograph printed on Acrylic blocks<br>7.5 x 5 x 2.5 cms. each\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952787\/SiselLan_Acrilicos_03\/SiselLan_Acrilicos_03.jpg?_i=AA\",\n      title: \"Some of the Ones I Couldn't See (detail), 2022\",\n      desc:  \"Digital Photograph printed on Acrylic blocks<br>7.5 x 5 x 2.5 cms. each\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952780\/SiselLan_Acrilicos_04\/SiselLan_Acrilicos_04.jpg?_i=AA\",\n      title: \"Some of the Ones I Couldn't See (detail), 2022\",\n      desc:  \"Digital Photograph printed on Acrylic blocks<br>7.5 x 5 x 2.5 cms. each\"\n    },\n\/\/ SLIDE 5\n    {\n    image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952767\/SiselLan_Acrilicos_05\/SiselLan_Acrilicos_05.jpg?_i=AA\",\n      title: \"Some of the Ones I Couldn't See, 2022\",\n      desc:  \"Digital Photograph printed on Acrylic blocks, Light Table<br>77.5 x 60 x 40 cms.\"\n    },\n\/\/ SLIDE 6\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952753\/SiselLan_Acrilicos_06\/SiselLan_Acrilicos_06.jpg?_i=AA\",\n      title: \"Some of the Ones I Couldn't See, 2022\",\n      desc:  \"Digital Photograph printed on Acrylic blocks, Light Table<br>77.5 x 60 x 40 cms.\"\n    },\n\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c35aff elementor-widget elementor-widget-html\" data-id=\"0c35aff\" 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<!-- ============================================================     CAMP ENCOURAGE\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952744\/SiselLan_CampEncourage_01\/SiselLan_CampEncourage_01.jpg?_i=AA\",\n      title: \"Camp Encourage (8:00 - 10:00), 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952736\/SiselLan_CampEncourage_02\/SiselLan_CampEncourage_02.jpg?_i=AA\",\n      title: \"Camp Encourage (10:30 - 12:00), 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952728\/SiselLan_CampEncourage_03\/SiselLan_CampEncourage_03.jpg?_i=AA\",\n      title: \"Camp Encourage (10:30 - 12:00), 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952719\/SiselLan_CampEncourage_04\/SiselLan_CampEncourage_04.jpg?_i=AA\",\n      title: \"Camp Encourage (12:30 - 13:30), 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\/\/ SLIDE 5\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952712\/SiselLan_CampEncourage_05\/SiselLan_CampEncourage_05.jpg?_i=AA\",\n      title: \"Camp Encourage (14:00 - 15:00), 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\/\/ SLIDE 6\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952703\/SiselLan_CampEncourage_06\/SiselLan_CampEncourage_06.jpg?_i=AA\",\n      title: \"Camp Encourage (16:00 - 17:00), 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\/\/ SLIDE 7\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952695\/SiselLan_CampEncourage_07\/SiselLan_CampEncourage_07.jpg?_i=AA\",\n      title: \"Camp Encourage (18:00 - 19:00), 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\/\/ SLIDE 8\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952683\/SiselLan_CampEncourage_08\/SiselLan_CampEncourage_08.jpg?_i=AA\",\n      title: \"Camp Encourage (19:00 - 20:00), 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-589a159 elementor-widget elementor-widget-html\" data-id=\"589a159\" 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<!-- ============================================================     HUGS SERIES\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952673\/SiselLan_HugsSeries_01\/SiselLan_HugsSeries_01.jpg?_i=AA\",\n      title: \"The Hugs Series, 2017\",\n      desc:  \"Digital Photograph<br>RAW File\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952666\/SiselLan_HugsSeries_02\/SiselLan_HugsSeries_02.jpg?_i=AA\",\n      title: \"The Hugs Series, 2017\",\n      desc:  \"Digital Photograph<br>RAW File\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952658\/SiselLan_HugsSeries_03\/SiselLan_HugsSeries_03.jpg?_i=AA\",\n      title: \"The Hugs Series, 2017\",\n      desc:  \"Digital Photograph<br>RAW File\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952264\/SiselLan_HugsSeries_04\/SiselLan_HugsSeries_04.jpg?_i=AA\",\n      title: \"The Hugs Series, 2017\",\n      desc:  \"Digital Photograph<br>RAW File\"\n    },\n\/\/ SLIDE 5\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952644\/SiselLan_HugsSeries_05\/SiselLan_HugsSeries_05.jpg?_i=AA\",\n      title: \"The Hugs Series, 2017\",\n      desc:  \"Digital Photograph<br>RAW File\"\n    },\n\/\/ SLIDE 6\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952636\/SiselLan_HugsSeries_06\/SiselLan_HugsSeries_06.jpg?_i=AA\",\n      title: \"The Hugs Series, 2017\",\n      desc:  \"Digital Photograph<br>RAW File\"\n    },\n\/\/ SLIDE 7\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952628\/SiselLan_HugsSeries_07\/SiselLan_HugsSeries_07.jpg?_i=AA\",\n      title: \"The Hugs Series, 2017\",\n      desc:  \"Digital Photograph<br>RAW File\"\n    },\n\/\/ SLIDE 8\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952274\/SiselLan_HugsSeries_08\/SiselLan_HugsSeries_08.jpg?_i=AA\",\n      title: \"The Hugs Series, 2018\",\n      desc:  \"Digital Photograph<br>RAW File\"\n    },\n\n\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-441ab2a elementor-widget elementor-widget-html\" data-id=\"441ab2a\" 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<!-- ============================================================     MASCARAS\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952614\/SiselLan_Mascaras_01\/SiselLan_Mascaras_01.jpg?_i=AA\",\n      title: \"Self Portrait, 2021\",\n      desc:  \"Cardboard, rope, charcoal<br>15.8 x 23.1 cms.\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952604\/SiselLan_Mascaras_02\/SiselLan_Mascaras_02.jpg?_i=AA\",\n      title: \"Self Portrait, 2021\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>30.48 x 20.32 cms.\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952593\/SiselLan_Mascaras_03\/SiselLan_Mascaras_03.jpg?_i=AA\",\n      title: \"Self Portrait, 2021\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>30.48 x 20.32 cms.\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952588\/SiselLan_Mascaras_04\/SiselLan_Mascaras_04.jpg?_i=AA\",\n      title: \"Self Portrait, 2021\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>30.48 x 20.32 cms.\"\n    },\n\/\/ SLIDE 5\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952582\/SiselLan_Mascaras_05\/SiselLan_Mascaras_05.jpg?_i=AA\",\n      title: \"Self Portrait, 2021\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>30.48 x 20.32 cms.\"\n    },\n\n\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3062f6d elementor-widget elementor-widget-html\" data-id=\"3062f6d\" 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<!-- ============================================================     METAMORPHOSIS\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952559\/SiselLan_Metamorphosis_01\/SiselLan_Metamorphosis_01.jpg?_i=AA\",\n      title: \"Baptism, 2021\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>30.48 X 20.32 cms.\"\n    },\n\n    \/\/ SLIDE 2\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952543\/SiselLan_Metamorphosis_02\/SiselLan_Metamorphosis_02.jpg?_i=AA\",\n      title: \"Baptism, 2021\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>30.48 X 20.32 cms.\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952528\/SiselLan_Metamorphosis_03\/SiselLan_Metamorphosis_03.jpg?_i=AA\",\n      title: \"Baptism, 2021\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>30.48 X 20.32 cms.\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952521\/SiselLan_Metamorphosis_04\/SiselLan_Metamorphosis_04.jpg?_i=AA\",\n      title: \"Baptism, 2021\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>30.48 X 20.32 cms.\"\n    },\n\/\/ SLIDE 5\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952505\/SiselLan_Metamorphosis_05\/SiselLan_Metamorphosis_05.jpg?_i=AA\",\n      title: \"Metamorphosis, 2021\",\n      desc:  \"16 Digital Photographs, monitor, video<br> \"\n    },\n\n\n\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f8866e elementor-widget elementor-widget-html\" data-id=\"2f8866e\" 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<!-- ============================================================     POLAROIDS\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n   var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952493\/SiselLan_Polaroids_01\/SiselLan_Polaroids_01.jpg?_i=AA\",\n      title: \"Some of the Ones I Couldn't See (detail), 2022\",\n      desc:  \"Polaroids<br>8.8 x 10.7 cms. each\"\n    },\n\n    \/\/ SLIDE 2\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1474,c_scale\/f_auto,q_auto\/v1773952483\/SiselLan_Polaroids_02\/SiselLan_Polaroids_02.jpg?_i=AA\",\n      title: \"Sunset #1, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952478\/SiselLan_Polaroids_03\/SiselLan_Polaroids_03.jpg?_i=AA\",\n      title: \"Sunset #19, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952474\/SiselLan_Polaroids_04\/SiselLan_Polaroids_04.jpg?_i=AA\",\n      title: \"Sunset #36, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 5\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952469\/SiselLan_Polaroids_05\/SiselLan_Polaroids_05.jpg?_i=AA\",\n      title: \"Sunset #40, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 6\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952465\/SiselLan_Polaroids_06\/SiselLan_Polaroids_06.jpg?_i=AA\",\n      title: \"Sunset #44, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 7\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952460\/SiselLan_Polaroids_07\/SiselLan_Polaroids_07.jpg?_i=AA\",\n      title: \"Sunset #54, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 8\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952389\/SiselLan_Polaroids_08\/SiselLan_Polaroids_08.jpg?_i=AA\",\n      title: \"Sunset #60, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 9\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952384\/SiselLan_Polaroids_09\/SiselLan_Polaroids_09.jpg?_i=AA\",\n      title: \"Sunset #74, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 10\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952380\/SiselLan_Polaroids_10\/SiselLan_Polaroids_10.jpg?_i=AA\",\n      title: \"Sunset #86, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 11\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952376\/SiselLan_Polaroids_11\/SiselLan_Polaroids_11.jpg?_i=AA\",\n      title: \"Sunset #120, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 12\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952371\/SiselLan_Polaroids_12\/SiselLan_Polaroids_12.jpg?_i=AA\",\n      title: \"Sunset #126, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 13\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952368\/SiselLan_Polaroids_13\/SiselLan_Polaroids_13.jpg?_i=AA\",\n      title: \"Sunset #222, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 14\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952363\/SiselLan_Polaroids_14\/SiselLan_Polaroids_14.jpg?_i=AA\",\n      title: \"Sunset #241, 2022\",\n      desc:  \"Polaroid<br>8.8 x 10.7 cms.\"\n    },\n\/\/ SLIDE 15\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952353\/SiselLan_Polaroids_15\/SiselLan_Polaroids_15.jpg?_i=AA\",\n      title: \"Some of the Ones I Couldn't See (detail), 2022\",\n      desc:  \"Polaroids<br>8.8 x 10.7 cms. each\"\n    },\n\/\/ SLIDE 16\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/w_2560,h_1475,c_scale\/f_auto,q_auto\/v1773952329\/SiselLan_Polaroids_16\/SiselLan_Polaroids_16.jpg?_i=AA\",\n      title: \"Some of the Ones I Couldn't See (detail), 2022\",\n      desc:  \"Polaroids<br>8.8 x 10.7 cms. each\"\n    },\n\n\n\n\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9577170 elementor-widget elementor-widget-html\" data-id=\"9577170\" 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<!-- ============================================================     WALL SERIES\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n   var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952256\/SiselLan_WallSeries_01\/SiselLan_WallSeries_01.jpg?_i=AA\",\n      title: \"The Wall Series, 2018\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\n    \/\/ SLIDE 2\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952246\/SiselLan_WallSeries_02\/SiselLan_WallSeries_02.jpg?_i=AA\",\n      title: \"The Wall Series, 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952237\/SiselLan_WallSeries_03\/SiselLan_WallSeries_03.jpg?_i=AA\",\n      title: \"The Wall Series, 2018\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n    \/\/ SLIDE 4\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952229\/SiselLan_WallSeries_04\/SiselLan_WallSeries_04.jpg?_i=AA\",\n      title: \"The Wall Series, 2019\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\/\/ SLIDE 5\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952220\/SiselLan_WallSeries_05\/SiselLan_WallSeries_05.jpg?_i=AA\",\n      title: \"The Wall Series, 2018\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\/\/ SLIDE 6\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952209\/SiselLan_WallSeries_06\/SiselLan_WallSeries_06.jpg?_i=AA\",\n      title: \"The Wall Series, 2017\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\/\/ SLIDE 7\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952202\/SiselLan_WallSeries_07\/SiselLan_WallSeries_07.jpg?_i=AA\",\n      title: \"The Wall Series, 2018\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>30.48 x 20.32 cms.\"\n    },\n\/\/ SLIDE 8\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952195\/SiselLan_WallSeries_08\/SiselLan_WallSeries_08.jpg?_i=AA\",\n      title: \"The Wall Series, 2018\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.\"\n    },\n\n\n\n\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f5d176 elementor-widget elementor-widget-html\" data-id=\"8f5d176\" 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<!-- ============================================================     VIRGILIO TEJIDAS\n     MINIMALIST SLIDER \u2014 Elementor HTML Widget\n     Paste this entire block into an Elementor \"HTML\" widget.\n     You can use as many copies of this snippet as you want \u2014\n     each one generates its own unique ID automatically.\n     ============================================================ -->\n\n<style>\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;600;700&display=swap');\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   FONT SIZE SETTINGS \u2014 adjust freely here\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n:root {\n  --slider-title-size:        1rem;   \/* Slide title (bold) \u2014 desktop *\/\n  --slider-desc-size:         0.85rem;  \/* Slide description \u2014 desktop *\/\n  --slider-title-size-mobile: 1rem;  \/* Title on phones *\/\n  --slider-desc-size-mobile:  0.75rem;  \/* Description on phones *\/\n}\n\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   WRAPPER \u2014 all rules scoped to .sls-wrap so\n   they won't bleed into your page styles.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-wrap {\n  max-width: 750px;       \/* \u2190 max width of the slider; change freely *\/\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n  user-select: none;\n}\n\n\/* \u2500\u2500 IMAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-img-wrap {\n  width: 100%;\n  \/* Image height ratio: 56.25% = 16:9 | 75% = 4:3 | 66.6% = 3:2 *\/\n  padding-top: 56.25%;\n  position: relative;\n  overflow: hidden;\n  background: #e8e8e8;\n}\n\n.sls-img-wrap img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 0;\n  transition: opacity 0.8s ease;\n}\n\n.sls-img-wrap img.sls-loaded {\n  opacity: 1;\n}\n\n\/* \u2500\u2500 TEXT AREA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  text-align: left;\n}*\/\n\n.sls-text {\n  padding: 1.25rem 0 0.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.sls-text-left{\n  display: flex;\n  flex-direction: column;\n}\n\n.sls-title {\n  font-size: var(--slider-title-size);\n  font-weight: 700;\n  line-height: 1.25;\n  margin: 0;\n  color: inherit;\n  transition: opacity 0.3s ease;\n}\n\n.sls-desc {\n  font-size: var(--slider-desc-size);\n  font-weight: 400;\n  line-height: 1;\n  margin: 0;\n  color: inherit;\n  opacity: 0.75;\n  transition: opacity 0.3s ease;\n}\n\n\/* \u2500\u2500 ARROWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sls-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  margin-top: .25rem;\n}\n\n.sls-arrow {\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  line-height: 1;\n  color: inherit;\n  opacity: 0.6;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n}\n\n.sls-arrow:hover {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.sls-arrow svg {\n  width: 30px;\n  height: 30px;\n  display: block;\n}\n\n\/* \u2500\u2500 DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*.sls-dots {\n  display: flex;\n  gap: 6px;\n  align-items: center;\n}\n\n.sls-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0.25;\n  transition: opacity 0.25s ease, transform 0.25s ease;\n  cursor: pointer;\n}\n\n.sls-dot.active {\n  opacity: 1;\n  transform: scale(1.35);\n}*\/\n\n\/* \u2500\u2500 MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .sls-title { font-size: var(--slider-title-size-mobile); }\n  .sls-desc  { font-size: var(--slider-desc-size-mobile); }\n  .sls-arrow svg { width: 28px; height: 28px; }\n}\n\n.sls-title{ margin:0 !important; }\n.sls-desc{ margin:0 !important; line-height:1.4; }\n.sls-text-left{ gap:0; }\n\n.sls-title{\n  font-weight:500;\n}\n\n.sls-desc{\n  font-weight:300;\n}\n\n.sls-counter{\n  font-size:0.8rem;\n  opacity:0.6;\n  min-width:40px;\n  text-align:center;\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 SLIDER MARKUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<!-- The unique ID is injected by JS below \u2014 do not add one manually -->\n<div class=\"sls-wrap sls-instance\">\n  <div class=\"sls-img-wrap\">\n    <img decoding=\"async\" class=\"sls-img\" src=\"\" alt=\"\" \/>\n  <\/div>\n  <div class=\"sls-text\">\n  <div class=\"sls-text-left\">\n    <p class=\"sls-title\"><\/p>\n    <p class=\"sls-desc\"><\/p>\n  <\/div>\n  \n  <div class=\"sls-nav\">\n    <button class=\"sls-arrow sls-prev\" aria-label=\"Previous slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"15 18 9 12 15 6\"\/>\n      <\/svg>\n    <\/button>\n    <div class=\"sls-dots\"><\/div>\n    \n    <span class=\"sls-counter\"><\/span>\n    \n    <button class=\"sls-arrow sls-next\" aria-label=\"Next slide\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\n           stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <polyline points=\"9 18 15 12 9 6\"\/>\n      <\/svg>\n    <\/button>\n  <\/div>\n<\/div>\n\n<!-- \u2500\u2500\u2500 SLIDES DATA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Add or remove slides below. Each slide has:\n       image : full URL to your photo\n       title : bold headline\n       desc  : description (basic HTML like <br> is fine)\n\n     To ADD a slide: copy one { \u2026 } block, paste it after the last,\n     keep a comma after each } except the very last one.\n     To REMOVE: delete the entire { \u2026 } block and its trailing comma.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 AUTOPLAY INTERVAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/*var AUTOPLAY_MS = 4000; \/\/ milliseconds between slides (4000 = 4 sec)\n*\/\n  \/* \u2500\u2500 SLIDES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n   var slides = [\n\n    \/\/ SLIDE 1\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952320\/SiselLan_VirgilioTejidas_01\/SiselLan_VirgilioTejidas_01.jpg?_i=AA\",\n      title: \"Self Portrait, 2021\",\n      desc:  \"Woven Photographs printed on velum paper<br>24 x 16 cms.\"\n    },\n\n    \/\/ SLIDE 2\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952311\/SiselLan_VirgilioTejidas_02\/SiselLan_VirgilioTejidas_02.jpg?_i=AA\",\n      title: \"Self Portrait, 2020\",\n      desc:  \"Digital Photograph printed on Fine Art Paper<br>25.4 x 20.3 cms.\"\n    },\n\n    \/\/ SLIDE 3 \u2014 duplicate this block to add more slides\n    {\n     image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952302\/SiselLan_VirgilioTejidas_03\/SiselLan_VirgilioTejidas_03.jpg?_i=AA\",\n      title: \"Self Portrait, 2021\",\n      desc:  \"Woven Photographs printed on paper<br>24 x 16 cms.\"\n    },\n    \/\/ SLIDE 4\n    {\n      image: \"https:\/\/res.cloudinary.com\/ddjtpecho\/images\/f_auto,q_auto\/v1773952294\/SiselLan_VirgilioTejidas_04\/SiselLan_VirgilioTejidas_04.jpg?_i=AA\",\n      title: \"Self Portrait, 2021\",\n      desc:  \"Woven Photographs printed on paper<br>24 x 16 cms.\"\n    },\n\n\n\n\n\n    \n\n    \/\/ \u2190 add more slides above this line, preceded by a comma\n  ];\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     ENGINE \u2014 no edits needed below this line\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 \/* Find the LAST uninitialised .sls-instance on the page.\n     This correctly targets whichever copy of the snippet was\n     just rendered, even when multiple copies exist. *\/\n  var allInstances = document.querySelectorAll('.sls-instance:not([data-sls-ready])');\n  var root = allInstances[allInstances.length - 1];\n  if (!root) return;\n  root.setAttribute('data-sls-ready', '1');\n\n  var imgEl    = root.querySelector('.sls-img');\n  var titleEl  = root.querySelector('.sls-title');\n  var descEl   = root.querySelector('.sls-desc');\n  var dotsWrap = root.querySelector('.sls-dots');\n  var prevBtn  = root.querySelector('.sls-prev');\n  var nextBtn  = root.querySelector('.sls-next');\n\nvar counterEl = root.querySelector('.sls-counter');\n\n\n  var idx   = 0;\n  var timer = null;\n\n  \/* Build dots *\/\n  slides.forEach(function (_, i) {\n    var d = document.createElement('span');\n    d.className = 'sls-dot' + (i === 0 ? ' active' : '');\n    d.addEventListener('click', function () { goTo(i); });\n    dotsWrap.appendChild(d);\n  });\n\n  function goTo(n) {\n    idx = ((n % slides.length) + slides.length) % slides.length;\n    var s = slides[idx];\n\n    \/* Fade out text *\/\n    titleEl.style.opacity = '0';\n    descEl.style.opacity  = '0';\n\n    \/* Swap image with fade *\/\n    imgEl.classList.remove('sls-loaded');\n    var newImg = new Image();\n    newImg.onload = newImg.onerror = function () {\n      imgEl.src = s.image;\n      imgEl.alt = s.title;\n      imgEl.classList.add('sls-loaded');\n    };\n    newImg.src = s.image;\n\n    \/* Update text after short delay *\/\n    setTimeout(function () {\n      titleEl.textContent   = s.title;\n      descEl.innerHTML      = s.desc;\n      titleEl.style.opacity = '1';\n      descEl.style.opacity  = '0.75';\n    }, 200);\n\n    \/* Update dots *\/\n    \n    if(counterEl){\n  counterEl.textContent = (idx+1) + \"\/\" + slides.length;\n}\n    dotsWrap.querySelectorAll('.sls-dot').forEach(function (d, i) {\n      d.classList.toggle('active', i === idx);\n    });\n\n    resetAutoplay();\n  }\n\n  function next() { goTo(idx + 1); }\n  function prev() { goTo(idx - 1); }\n\n  function resetAutoplay() {\n    clearInterval(timer);\n    timer = setInterval(next, AUTOPLAY_MS);\n  }\n\n  nextBtn.addEventListener('click', next);\n  prevBtn.addEventListener('click', prev);\n\n  \/* Swipe support *\/\n  var touchX = null;\n  root.addEventListener('touchstart', function (e) {\n    touchX = e.touches[0].clientX;\n  }, { passive: true });\n  root.addEventListener('touchend', function (e) {\n    if (touchX === null) return;\n    var dx = e.changedTouches[0].clientX - touchX;\n    if (Math.abs(dx) > 40) { dx < 0 ? next() : prev(); }\n    touchX = null;\n  }, { passive: true });\n\n  \/* Init *\/\n  goTo(0);\n\n})();\n<\/script>\n<!-- \u2500\u2500\u2500 END SLIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50ea578 elementor-widget elementor-widget-html\" data-id=\"50ea578\" 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<!-- A 3 MINUTE HUG -->\n<!-- SINGLE IMAGE (no slider) \u2014 safe to use on same page as your other slider -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;500;600;700&display=swap');\n\n:root{\n  --ss-title-size: 1rem;\n  --ss-desc-size:  0.85rem;\n  --ss-title-size-mobile: 1rem;\n  --ss-desc-size-mobile:  0.75rem;\n}\n\n.ss-wrap{\n  max-width: 750px;\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n}\n\n.ss-img{\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%; \/* 16:9 *\/\n  background: #e8e8e8;\n  overflow: hidden;\n}\n\n.ss-img > img{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 1 !important; \/* override any global slider css *\/\n}\n\n.ss-text{\n  padding: 1.25rem 0 0.5rem;\n}\n\n.ss-title{\n  font-size: var(--ss-title-size);\n  font-weight: 500;\n  line-height: 1.25;\n  margin: 0 0 0.15rem 0;   \/* peque\u00f1o espacio controlado *\/\n}\n\n.ss-desc{\n  font-size: var(--ss-desc-size);\n  font-weight: 300;\n  line-height: 1.3;\n  margin: 0;\n  opacity: 0.75;\n}\n\n.ss-text p{ margin:0 !important; }\n\n@media (max-width: 600px){\n  .ss-title{ font-size: var(--ss-title-size-mobile); }\n  .ss-desc{  font-size: var(--ss-desc-size-mobile); }\n}\n<\/style>\n\n<div class=\"ss-wrap\">\n  <div class=\"ss-img\">\n    <img width=\"2000\" height=\"1335\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAwIiBoZWlnaHQ9IjEzMzUiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHZhbHVlcz0icmdiYSgxNTMsMTUzLDE1MywwLjUpO3JnYmEoMTUzLDE1MywxNTMsMC4xKTtyZ2JhKDE1MywxNTMsMTUzLDAuNSkiIGR1cj0iMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvcmVjdD48L3N2Zz4=\" alt=\"A 3 Minute Hug, 2018\" loading=\"lazy\" data-public-id=\"SiselLan_A3MinuteHug_01\/SiselLan_A3MinuteHug_01.jpg\" class=\"wp-post-2553 wp-image-2687\" data-format=\"jpg\" data-transformations=\"f_auto,q_auto\" data-version=\"1773953280\" data-seo=\"1\" data-responsive=\"1\" data-size=\"2000 1335\" data-delivery=\"upload\" onload=\";window.CLDBind?CLDBind(this):null;\" data-cloudinary=\"lazy\" \/>\n  <\/div>\n\n  <div class=\"ss-text\">\n    <p class=\"ss-title\">A 3 Minute Hug, 2018<\/p>\n    <p class=\"ss-desc\">Digital Photograph printed on Fine Art Paper<br>60.96 x 40.64 cms.<\/p>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0fb0ff elementor-widget elementor-widget-html\" data-id=\"b0fb0ff\" 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<!-- FLIPBOOK -->\n<!-- SINGLE IMAGE (no slider) \u2014 safe to use on same page as your other slider -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;500;600;700&display=swap');\n\n:root{\n  --ss-title-size: 1rem;\n  --ss-desc-size:  0.85rem;\n  --ss-title-size-mobile: 1rem;\n  --ss-desc-size-mobile:  0.75rem;\n}\n\n.ss-wrap{\n  max-width: 750px;\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n}\n\n.ss-img{\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%; \/* 16:9 *\/\n  background: #e8e8e8;\n  overflow: hidden;\n}\n\n.ss-img > img{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 1 !important; \/* override any global slider css *\/\n}\n\n.ss-text{\n  padding: 1.25rem 0 0.5rem;\n}\n\n.ss-title{\n  font-size: var(--ss-title-size);\n  font-weight: 500;\n  line-height: 1.25;\n  margin: 0 0 0.15rem 0;   \/* peque\u00f1o espacio controlado *\/\n}\n\n.ss-desc{\n  font-size: var(--ss-desc-size);\n  font-weight: 300;\n  line-height: 1.3;\n  margin: 0;\n  opacity: 0.75;\n}\n\n.ss-text p{ margin:0 !important; }\n\n@media (max-width: 600px){\n  .ss-title{ font-size: var(--ss-title-size-mobile); }\n  .ss-desc{  font-size: var(--ss-desc-size-mobile); }\n}\n<\/style>\n\n<div class=\"ss-wrap\">\n  <div class=\"ss-img\">\n    <img width=\"2560\" height=\"1475\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYwIiBoZWlnaHQ9IjE0NzUiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHZhbHVlcz0icmdiYSgxNTMsMTUzLDE1MywwLjUpO3JnYmEoMTUzLDE1MywxNTMsMC4xKTtyZ2JhKDE1MywxNTMsMTUzLDAuNSkiIGR1cj0iMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvcmVjdD48L3N2Zz4=\" alt=\"The End of Postmodernism, 2021\" loading=\"lazy\" data-public-id=\"SiselLan_Flipbook_01\/SiselLan_Flipbook_01.jpg\" class=\"wp-post-2553 wp-image-2694\" data-format=\"jpg\" data-transformations=\"f_auto,q_auto\" data-version=\"1773953271\" data-seo=\"1\" data-responsive=\"1\" data-size=\"2560 1475\" data-delivery=\"upload\" onload=\";window.CLDBind?CLDBind(this):null;\" data-cloudinary=\"lazy\" \/>\n  <\/div>\n\n  <div class=\"ss-text\">\n    <p class=\"ss-title\">A 3 Minute Hug, 2018<\/p>\n    <p class=\"ss-desc\">Flipbook on paper<br>10.2 x 10.2 x 1.1 cms.<\/p>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bea8822 elementor-widget elementor-widget-html\" data-id=\"bea8822\" 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<!-- A YEAR OF HAPPINESS -->\n<!-- SINGLE IMAGE (no slider) \u2014 safe to use on same page as your other slider -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;500;600;700&display=swap');\n\n:root{\n  --ss-title-size: 1rem;\n  --ss-desc-size:  0.85rem;\n  --ss-title-size-mobile: 1rem;\n  --ss-desc-size-mobile:  0.75rem;\n}\n\n.ss-wrap{\n  max-width: 750px;\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n}\n\n.ss-img{\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%; \/* 16:9 *\/\n  background: #e8e8e8;\n  overflow: hidden;\n}\n\n.ss-img > img{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 1 !important; \/* override any global slider css *\/\n}\n\n.ss-text{\n  padding: 1.25rem 0 0.5rem;\n}\n\n.ss-title{\n  font-size: var(--ss-title-size);\n  font-weight: 500;\n  line-height: 1.25;\n  margin: 0 0 0.15rem 0;   \/* peque\u00f1o espacio controlado *\/\n}\n\n.ss-desc{\n  font-size: var(--ss-desc-size);\n  font-weight: 300;\n  line-height: 1.3;\n  margin: 0;\n  opacity: 0.75;\n}\n\n.ss-text p{ margin:0 !important; }\n\n@media (max-width: 600px){\n  .ss-title{ font-size: var(--ss-title-size-mobile); }\n  .ss-desc{  font-size: var(--ss-desc-size-mobile); }\n}\n<\/style>\n\n<div class=\"ss-wrap\">\n  <div class=\"ss-img\">\n    <img width=\"2560\" height=\"1475\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYwIiBoZWlnaHQ9IjE0NzUiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHZhbHVlcz0icmdiYSgxNTMsMTUzLDE1MywwLjUpO3JnYmEoMTUzLDE1MywxNTMsMC4xKTtyZ2JhKDE1MywxNTMsMTUzLDAuNSkiIGR1cj0iMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvcmVjdD48L3N2Zz4=\" alt=\"A Yeay of Happiness,2023\" loading=\"lazy\" data-public-id=\"SiselLan_YearOfHappiness_01\/SiselLan_YearOfHappiness_01.jpg\" class=\"wp-post-2553 wp-image-2726\" data-format=\"jpg\" data-transformations=\"f_auto,q_auto\" data-version=\"1773953259\" data-seo=\"1\" data-responsive=\"1\" data-size=\"2560 1475\" data-delivery=\"upload\" onload=\";window.CLDBind?CLDBind(this):null;\" data-cloudinary=\"lazy\" \/>\n  <\/div>\n\n  <div class=\"ss-text\">\n    <p class=\"ss-title\">A Yeay of Happiness,2023<\/p>\n    <p class=\"ss-desc\">16 Mirrors, Servo motors, arduinos<br>60 X 60 cms.<\/p>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22d5b7a elementor-widget elementor-widget-html\" data-id=\"22d5b7a\" 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<!-- VOCAL WALTZ -->\n<!-- SINGLE IMAGE (no slider) \u2014 safe to use on same page as your other slider -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@300;400;500;600;700&display=swap');\n\n:root{\n  --ss-title-size: 1rem;\n  --ss-desc-size:  0.85rem;\n  --ss-title-size-mobile: 1rem;\n  --ss-desc-size-mobile:  0.75rem;\n}\n\n.ss-wrap{\n  max-width: 750px;\n  margin: 0 auto;\n  font-family: \"Gothic A1\", sans-serif;\n}\n\n.ss-img{\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%; \/* 16:9 *\/\n  background: #e8e8e8;\n  overflow: hidden;\n}\n\n.ss-img > img{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  opacity: 1 !important; \/* override any global slider css *\/\n}\n\n.ss-text{\n  padding: 1.25rem 0 0.5rem;\n}\n\n.ss-title{\n  font-size: var(--ss-title-size);\n  font-weight: 500;\n  line-height: 1.25;\n  margin: 0 0 0.15rem 0;   \/* peque\u00f1o espacio controlado *\/\n}\n\n.ss-desc{\n  font-size: var(--ss-desc-size);\n  font-weight: 300;\n  line-height: 1.3;\n  margin: 0;\n  opacity: 0.75;\n}\n\n.ss-text p{ margin:0 !important; }\n\n@media (max-width: 600px){\n  .ss-title{ font-size: var(--ss-title-size-mobile); }\n  .ss-desc{  font-size: var(--ss-desc-size-mobile); }\n}\n<\/style>\n\n<div class=\"ss-wrap\">\n  <div class=\"ss-img\">\n    <img width=\"2560\" height=\"1475\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYwIiBoZWlnaHQ9IjE0NzUiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwiIHZhbHVlcz0icmdiYSgxNTMsMTUzLDE1MywwLjUpO3JnYmEoMTUzLDE1MywxNTMsMC4xKTtyZ2JhKDE1MywxNTMsMTUzLDAuNSkiIGR1cj0iMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvcmVjdD48L3N2Zz4=\" alt=\"Untitled, 2022\" loading=\"lazy\" data-public-id=\"SiselLan_VocalWaltz_01\/SiselLan_VocalWaltz_01.jpg\" class=\"wp-post-2553 wp-image-2950\" data-format=\"jpg\" data-transformations=\"f_auto,q_auto\" data-version=\"1773952284\" data-seo=\"1\" data-responsive=\"1\" data-size=\"2560 1475\" data-delivery=\"upload\" onload=\";window.CLDBind?CLDBind(this):null;\" data-cloudinary=\"lazy\" \/>\n  <\/div>\n\n  <div class=\"ss-text\">\n    <p class=\"ss-title\">Untitled, 2022<\/p>\n    <p class=\"ss-desc\">Polaroid lift on cotton paper<br>15 X 15 cms.<\/p>\n  <\/div>\n<\/div>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A 3 Minute Hug, 2018 Digital Photograph printed on Fine Art Paper60.96 x 40.64 cms. A 3 Minute Hug, 2018 Flipbook on paper10.2 x 10.2 x 1.1 cms. A Yeay of Happiness,2023 16 Mirrors, Servo motors, arduinos60 X 60 cms. Untitled, 2022 Polaroid lift on cotton paper15 X 15 cms.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_cloudinary_featured_overwrite":false,"footnotes":""},"class_list":["post-2553","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/sisellan.com\/es\/wp-json\/wp\/v2\/pages\/2553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sisellan.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sisellan.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sisellan.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sisellan.com\/es\/wp-json\/wp\/v2\/comments?post=2553"}],"version-history":[{"count":94,"href":"https:\/\/sisellan.com\/es\/wp-json\/wp\/v2\/pages\/2553\/revisions"}],"predecessor-version":[{"id":2954,"href":"https:\/\/sisellan.com\/es\/wp-json\/wp\/v2\/pages\/2553\/revisions\/2954"}],"wp:attachment":[{"href":"https:\/\/sisellan.com\/es\/wp-json\/wp\/v2\/media?parent=2553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}