{"id":100,"date":"2026-06-27T17:00:25","date_gmt":"2026-06-27T17:00:25","guid":{"rendered":"https:\/\/ioooil.com\/?page_id=100"},"modified":"2026-07-11T14:39:05","modified_gmt":"2026-07-11T14:39:05","slug":"%e8%a7%86%e9%a2%91top","status":"publish","type":"page","link":"https:\/\/ioooil.com\/%e6%97%a5%e6%9c%ac%e8%af%ad\/","title":{"rendered":"\u89c6\u9891TOP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"100\" class=\"elementor elementor-100\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51c9d7f e-con-full ioooil-hero-stage e-flex e-con e-parent\" data-id=\"51c9d7f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/d8j0ntlcm91z4.cloudfront.net\\\/user_38xzZboKViGWJOttwIXH07lWA1P\\\/hf_20260424_064411_9e9d7f84-9277-41f4-ab10-59172d89e6be.mp4&quot;}\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-18934786 ioooil-manual-gallery-style elementor-widget elementor-widget-html\" data-id=\"18934786\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* \u89c6\u9891\u9996\u5c4f\u5bb9\u5668 *\/\n.ioooil-hero-stage,\n.elementor-element-35f4bd0d,\n.elementor-element-3715c2b3,\n.elementor-element-3853224d {\n  position: relative !important;\n  overflow: hidden !important;\n  min-height: 100vh !important;\n  isolation: isolate;\n}\n\n.ioooil-hero-stage::before,\n.elementor-element-35f4bd0d::before,\n.elementor-element-3715c2b3::before,\n.elementor-element-3853224d::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  background:\n    linear-gradient(90deg, rgba(8, 9, 7, .74) 0%, rgba(8, 9, 7, .44) 38%, rgba(8, 9, 7, .08) 72%),\n    linear-gradient(180deg, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, .12) 52%, rgba(0, 0, 0, .58) 100%);\n}\n\n\/* \u8fd9\u4e2a HTML \u5c0f\u5de5\u5177\u672c\u8eab\u9690\u85cf\uff0c\u4e0d\u5f71\u54cd\u9875\u9762 *\/\n.ioooil-manual-gallery-style {\n  display: none !important;\n}\n\n\/* \u89c6\u9891\u4e0a\u7684\u5317\u7f8e\u5e02\u573a\u6587\u6848\u5c42 *\/\n.ioooil-video-copy {\n  position: absolute !important;\n  left: var(--ioooil-copy-left, clamp(24px, 6vw, 112px)) !important;\n  top: var(--ioooil-copy-top, 96px) !important;\n  z-index: 30 !important;\n  width: var(--ioooil-copy-width, min(720px, calc(100% - 48px))) !important;\n  pointer-events: auto;\n}\n.ioooil-video-copy .elementor-widget-container {\n  margin: 0 !important;\n}\n\n.ioooil-hero-kicker {\n  margin: 0 0 10px !important;\n  color: #c9ff3d !important;\n  font-size: clamp(13px, 1.1vw, 17px) !important;\n  font-weight: 700 !important;\n  line-height: 1.1 !important;\n  letter-spacing: .13em !important;\n  text-transform: uppercase !important;\n}\n\n.ioooil-hero-title {\n  margin: 0 !important;\n  max-width: 760px;\n  color: #fff !important;\n  font-size: var(--ioooil-title-size, 104px) !important;\n  font-weight: 800 !important;\n  line-height: .88 !important;\n  letter-spacing: 0 !important;\n  text-transform: uppercase !important;\n  text-shadow: 0 18px 46px rgba(0, 0, 0, .42);\n}\n\n.ioooil-hero-title span {\n  color: #c9ff3d !important;\n}\n\n.ioooil-hero-subtitle {\n  margin: 18px 0 0 !important;\n  max-width: 560px;\n  color: rgba(255, 255, 255, .88) !important;\n  font-size: var(--ioooil-subtitle-size, 18px) !important;\n  font-weight: 400 !important;\n  line-height: 1.48 !important;\n}\n\n.ioooil-hero-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 28px;\n}\n\n.ioooil-hero-actions a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 46px;\n  padding: 13px 20px;\n  border-radius: 999px;\n  color: #10130c !important;\n  background: #c9ff3d;\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: .08em;\n  text-decoration: none !important;\n  text-transform: uppercase;\n  box-shadow: 0 16px 38px rgba(0, 0, 0, .28);\n}\n\n.ioooil-hero-actions a:last-child {\n  color: #fff !important;\n  background: rgba(255, 255, 255, .13);\n  border: 1px solid rgba(255, 255, 255, .32);\n  backdrop-filter: blur(10px);\n}\n\n\/* =========================\n   \u94fa\u6ee1\u5f0f\u4f5c\u54c1\u6846\uff1a\u53c2\u8003\u56fe\u7684\u6a2a\u5411\u5e95\u90e8\u753b\u5eca\n========================= *\/\n.ioooil-manual-gallery-wrap,\n.elementor-element-58c9f2b2 {\n  position: absolute !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: var(--ioooil-gallery-bottom, clamp(78px, 9vh, 118px)) !important;\n  z-index: 40 !important;\n  width: 100% !important;\n  height: var(--ioooil-gallery-height, clamp(270px, 26vw, 380px)) !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  pointer-events: auto;\n  mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);\n  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);\n}\n\n\/* Defensive: old imports may leave one frame outside the moving rail. *\/\n.ioooil-manual-gallery-wrap > .ioooil-frame,\n.elementor-element-58c9f2b2 > .ioooil-frame {\n  display: none !important;\n}\n\n.ioooil-manual-gallery-wrap > .e-con-inner,\n.ioooil-manual-gallery-wrap > .elementor-container,\n.ioooil-manual-gallery-wrap > .elementor-widget-wrap,\n.elementor-element-58c9f2b2 > .e-con-inner,\n.elementor-element-58c9f2b2 > .elementor-container,\n.elementor-element-58c9f2b2 > .elementor-widget-wrap {\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none !important;\n  overflow: visible !important;\n}\n\n.ioooil-manual-gallery-track,\n.elementor-element-5a2686ee {\n  position: absolute !important;\n  left: 0 !important;\n  bottom: var(--ioooil-arch-space, 92px) !important;\n  display: flex !important;\n  flex-flow: row nowrap !important;\n  align-items: flex-end !important;\n  justify-content: flex-start !important;\n  gap: clamp(14px, 2vw, 34px) !important;\n  width: max-content !important;\n  min-width: max-content !important;\n  height: 100% !important;\n  min-height: 0 !important;\n  max-height: 100% !important;\n  margin: 0 !important;\n  padding: 0 clamp(14px, 2vw, 36px) !important;\n  transform: translate3d(var(--ioooil-gallery-x, 0px), 0, 0);\n  overflow: visible !important;\n  pointer-events: auto;\n  will-change: transform;\n  transform-origin: center bottom;\n}\n\n.ioooil-manual-gallery-track.is-dragging,\n.elementor-element-5a2686ee.is-dragging {\n  cursor: grabbing;\n}\n\n.ioooil-manual-gallery-track img,\n.elementor-element-5a2686ee img {\n  -webkit-user-drag: none;\n  user-select: none;\n}\n\n.ioooil-frame {\n  flex: 0 0 auto !important;\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  will-change: transform;\n  transform-origin: center bottom;\n}\n\n.ioooil-frame .elementor-widget-container {\n  overflow: visible !important;\n}\n\n.ioooil-frame,\n.ioooil-frame * {\n  cursor: grab;\n  touch-action: pan-y;\n  user-select: none;\n}\n\n.ioooil-frame:active {\n  cursor: grabbing;\n}\n\n.ioooil-frame img {\n  display: block !important;\n  width: 100% !important;\n  aspect-ratio: 1 \/ 1 !important;\n  height: auto !important;\n  object-fit: cover !important;\n  border: 10px solid rgba(255, 255, 255, .88) !important;\n  border-radius: 18px !important;\n  background: rgba(255, 255, 255, .9) !important;\n  box-shadow:\n    0 26px 60px rgba(0, 0, 0, .46),\n    inset 0 0 0 1px rgba(0, 0, 0, .08) !important;\n}\n\n.ioooil-frame-1 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n  opacity: .9;\n  animation-delay: -.4s;\n}\n\n.ioooil-frame-2 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n  animation-delay: -1.2s;\n}\n\n.ioooil-frame-3 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n  z-index: 3;\n  animation-delay: -2s;\n}\n\n.ioooil-frame-4 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n  animation-delay: -2.8s;\n}\n\n.ioooil-frame-5 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n  opacity: .9;\n  animation-delay: -3.6s;\n}\n\n\n.ioooil-frame-6 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n  opacity: .94;\n}\n\n.ioooil-frame-7 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n}\n\n.ioooil-frame-8 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n  z-index: 2;\n}\n\n.ioooil-frame-9 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n}\n\n.ioooil-frame-10 {\n  width: var(--ioooil-frame-size, clamp(210px, 14.5vw, 282px)) !important;\n  opacity: .9;\n}\n\n\n\n\/* Static arch fallback for Elementor editor when JS is blocked. *\/\n.ioooil-frame-1,\n.ioooil-frame-10 { transform: translateY(82px) rotate(-3.2deg); }\n.ioooil-frame-2,\n.ioooil-frame-9 { transform: translateY(54px) rotate(-2.1deg); }\n.ioooil-frame-3,\n.ioooil-frame-8 { transform: translateY(28px) rotate(-1.2deg); }\n.ioooil-frame-4,\n.ioooil-frame-7 { transform: translateY(10px) rotate(-.45deg); }\n.ioooil-frame-5,\n.ioooil-frame-6 { transform: translateY(0) rotate(.1deg); }\n\n\/* Elementor editor fallback: if scripts do not run, the whole rail still moves. *\/\n.ioooil-manual-gallery-track {\n  animation: ioooilTrackEditorFallback 38s linear infinite !important;\n}\n\n.elementor-editor-active .ioooil-manual-gallery-track {\n  animation: ioooilTrackEditorFallback 38s linear infinite !important;\n}\n\n.ioooil-manual-gallery-track.is-js-ready,\n.elementor-element-5a2686ee.is-js-ready {\n  animation: none !important;\n}\n\nbody.elementor-editor-active .ioooil-manual-gallery-track.is-js-ready,\n.elementor-editor-active .ioooil-manual-gallery-track.is-js-ready,\nbody.elementor-editor-active .elementor-element-5a2686ee.is-js-ready,\n.elementor-editor-active .elementor-element-5a2686ee.is-js-ready {\n  animation: ioooilTrackEditorFallback 38s linear infinite !important;\n}\n\n@keyframes ioooilTrackEditorFallback {\n  0% { transform: translate3d(0, 0, 0); }\n  100% { transform: translate3d(-50%, 0, 0); }\n}\n\n@keyframes ioooilFrameFloat {\n  0%, 100% { translate: 0 0; }\n  50% { translate: 0 -10px; }\n}\n\n\n@media (max-height: 760px) and (min-width: 768px) {\n  .ioooil-hero-kicker {\n    font-size: 13px !important;\n    margin-bottom: 8px !important;\n  }\n\n  .ioooil-hero-title {\n    font-size: var(--ioooil-title-size, 88px) !important;\n  }\n\n  .ioooil-hero-subtitle {\n    margin-top: 12px !important;\n    font-size: var(--ioooil-subtitle-size, 16px) !important;\n    max-width: var(--ioooil-frame-size, 220px) !important;\n  }\n\n  .ioooil-hero-actions {\n    margin-top: 18px !important;\n  }\n}\n@media (max-height: 820px) and (min-width: 768px) {\n.ioooil-manual-gallery-wrap {\n    bottom: var(--ioooil-gallery-bottom, 64px) !important;\n    height: var(--ioooil-gallery-height, 330px) !important;\n  }\n\n  .ioooil-frame-1,\n  .ioooil-frame-5 {\n    width: var(--ioooil-frame-size, 220px) !important;\n  }\n\n  .ioooil-frame-2,\n  .ioooil-frame-4 {\n    width: var(--ioooil-frame-size, 220px) !important;\n  }\n\n  .ioooil-frame-3 {\n    width: var(--ioooil-frame-size, 220px) !important;\n  }\n}\n\n@media (max-width: 767px) {\n  .elementor-element-3715c2b3,\n  .elementor-element-3853224d {\n    min-height: 92vh !important;\n  }\n\n  .ioooil-video-copy {\n    left: var(--ioooil-copy-left, 20px) !important;\n    right: auto !important;\n    top: var(--ioooil-copy-top, 64px) !important;\n    width: var(--ioooil-copy-width, calc(100% - 40px)) !important;\n  }\n\n  .ioooil-hero-title {\n    font-size: var(--ioooil-title-size, 64px) !important;\n    line-height: .9 !important;\n  }\n\n  .ioooil-hero-subtitle {\n    max-width: 320px;\n    font-size: var(--ioooil-subtitle-size, 15px) !important;\n  }\n\n  .ioooil-hero-actions {\n    gap: 10px;\n    margin-top: 20px;\n  }\n\n  .ioooil-hero-actions a {\n    min-height: 42px;\n    padding: 12px 15px;\n    font-size: 11px;\n  }\n\n  .ioooil-manual-gallery-wrap {\n    bottom: var(--ioooil-gallery-bottom, 34px) !important;\n    height: var(--ioooil-gallery-height, 216px) !important;\n  }\n\n  .ioooil-manual-gallery-track {\n    gap: 14px !important;\npadding: 0 12px !important;\n  }\n\n  .ioooil-frame,\n.ioooil-frame * {\n  cursor: grab;\n  touch-action: pan-y;\n  user-select: none;\n}\n\n.ioooil-frame:active {\n  cursor: grabbing;\n}\n\n.ioooil-frame img {\n    border-width: 7px !important;\n    border-radius: 14px !important;\n  }\n\n  .ioooil-frame-1,\n  .ioooil-frame-5 {\n    width: var(--ioooil-frame-size, 220px) !important;\n  }\n\n  .ioooil-frame-2,\n  .ioooil-frame-4 {\n    width: var(--ioooil-frame-size, 220px) !important;\n  }\n\n  .ioooil-frame-3 {\n    width: var(--ioooil-frame-size, 220px) !important;\n  }\n  .ioooil-frame-1,\n.ioooil-frame-2 {\n    }\n.ioooil-frame-4 {\n    }\n\n  \/* Mobile static arch fallback. *\/\n  .ioooil-frame-1,\n  .ioooil-frame-10 { transform: translateY(48px) rotate(-2.5deg); }\n  .ioooil-frame-2,\n  .ioooil-frame-9 { transform: translateY(32px) rotate(-1.7deg); }\n  .ioooil-frame-3,\n  .ioooil-frame-8 { transform: translateY(18px) rotate(-1deg); }\n  .ioooil-frame-4,\n  .ioooil-frame-7 { transform: translateY(7px) rotate(-.35deg); }\n  .ioooil-frame-5,\n  .ioooil-frame-6 { transform: translateY(0) rotate(.1deg); }\n\n}\n<\/style>\n<script>\n(function () {\n  window.ioooilGalleryLoopReady = true;\n\n\n  function clampNumber(value, min, max) {\n    return Math.min(max, Math.max(min, value));\n  }\n\n  function layoutHeroStage() {\n    var hero = document.querySelector('.ioooil-hero-stage, .elementor-element-35f4bd0d, .elementor-element-3715c2b3, .elementor-element-3853224d');\n    if (!hero) return;\n\n    var vw = window.innerWidth || document.documentElement.clientWidth || 1440;\n    var vh = window.innerHeight || document.documentElement.clientHeight || 820;\n    var mobile = vw < 768;\n    var baseW = mobile ? 390 : 1440;\n    var baseH = mobile ? 760 : 820;\n    var scale = Math.min(vw \/ baseW, vh \/ baseH);\n    scale = clampNumber(scale, mobile ? .86 : .72, mobile ? 1.04 : 1.08);\n\n    var copyLeft = mobile ? 20 : clampNumber(86 * scale, 56, 112);\n    var copyTop = mobile ? clampNumber(68 * scale, 52, 72) : clampNumber(96 * scale, 68, 112);\n    var titleSize = mobile ? clampNumber(66 * scale, 44, 72) : clampNumber(104 * scale, 64, 116);\n    var subtitleSize = mobile ? clampNumber(16 * scale, 14, 16) : clampNumber(18 * scale, 15, 20);\n    var copyWidth = mobile ? vw - 40 : Math.min(720 * scale, vw - copyLeft - 32);\n    var galleryHeight = mobile ? clampNumber(218 * scale, 188, 232) : clampNumber(340 * scale, 292, 380);\n    var galleryBottom = mobile ? clampNumber(42 * scale, 30, 48) : clampNumber(76 * scale, 56, 92);\n\n    hero.style.setProperty('--ioooil-copy-left', copyLeft.toFixed(2) + 'px');\n    hero.style.setProperty('--ioooil-copy-top', copyTop.toFixed(2) + 'px');\n    hero.style.setProperty('--ioooil-copy-width', copyWidth.toFixed(2) + 'px');\n    hero.style.setProperty('--ioooil-title-size', titleSize.toFixed(2) + 'px');\n    hero.style.setProperty('--ioooil-subtitle-size', subtitleSize.toFixed(2) + 'px');\n    hero.style.setProperty('--ioooil-gallery-height', galleryHeight.toFixed(2) + 'px');\n    hero.style.setProperty('--ioooil-gallery-bottom', galleryBottom.toFixed(2) + 'px');\n    hero.style.setProperty('--ioooil-frame-size', (mobile ? clampNumber(138 * scale, 116, 146) : clampNumber(230 * scale, 190, 250)).toFixed(2) + 'px');\n  }\n  function ensureGalleryClasses() {\n    var firstFrame = document.querySelector('.ioooil-frame');\n    if (!firstFrame) return;\n    var track = firstFrame.parentElement;\n    if (track) track.classList.add('ioooil-manual-gallery-track');\n    var wrap = track && track.parentElement;\n    if (wrap) wrap.classList.add('ioooil-manual-gallery-wrap');\n  }\n\n  function initLoopGallery(track) {\n    if (!track || track.dataset.ioooilLoopReady === '1') return;\n    track.dataset.ioooilLoopReady = '1';\n    track.classList.add('is-js-ready');\n\n    var originalCount = track.children.length;\n    var offset = 0;\n    var speed = 34;\n    var lastTime = performance.now();\n    var dragging = false;\n    var pausedUntil = 0;\n    var startX = 0;\n    var startOffset = 0;\n    var cycleWidth = 1;\n\n    Array.prototype.forEach.call(track.querySelectorAll('img'), function (img) {\n      img.setAttribute('draggable', 'false');\n    });\n\n    function fillLoop() {\n      var guard = 0;\n      while (track.scrollWidth < window.innerWidth * 2.7 && guard < 6) {\n        Array.prototype.slice.call(track.children, 0, originalCount).forEach(function (child) {\n          var clone = child.cloneNode(true);\n          clone.setAttribute('aria-hidden', 'true');\n          track.appendChild(clone);\n        });\n        guard += 1;\n      }\n    }\n\n    function measure() {\n      fillLoop();\n      var first = track.children[0];\n      var nextSet = track.children[originalCount];\n      if (first && nextSet) {\n        cycleWidth = Math.max(1, nextSet.offsetLeft - first.offsetLeft);\n      } else {\n        cycleWidth = Math.max(1, track.scrollWidth \/ 2);\n      }\n      offset = normalize(offset);\n      apply();\n    }\n\n    function normalize(value) {\n      if (!cycleWidth) return value;\n      while (value <= -cycleWidth) value += cycleWidth;\n      while (value > 0) value -= cycleWidth;\n      return value;\n    }\n\n    function layoutArch() {\n      var centerX = window.innerWidth \/ 2;\n      var half = Math.max(1, window.innerWidth \/ 2);\n      Array.prototype.forEach.call(track.children, function (frame) {\n        var rect = frame.getBoundingClientRect();\n        var frameCenter = rect.left + rect.width \/ 2;\n        var signed = Math.max(-1, Math.min(1, (frameCenter - centerX) \/ half));\n        var distance = Math.min(1, Math.abs(signed));\n        var eased = distance * distance;\n        var drop = window.innerWidth < 768 ? 46 : 82;\n        var y = drop * eased;\n        var rotate = signed * (window.innerWidth < 768 ? 2.2 : 2.8);\n        var scale = 1;\n        frame.style.transform = 'translateY(' + y.toFixed(2) + 'px) rotate(' + rotate.toFixed(2) + 'deg) scale(' + scale.toFixed(3) + ')';\n      });\n    }\n\n    function apply() {\n      track.style.setProperty('--ioooil-gallery-x', offset + 'px');\n      layoutArch();\n    }\n\n    function tick(now) {\n      var delta = Math.min(64, now - lastTime);\n      lastTime = now;\n      if (!dragging && now > pausedUntil) {\n        offset = normalize(offset - speed * delta \/ 1000);\n        apply();\n      }\n      requestAnimationFrame(tick);\n    }\n\n    track.addEventListener('dragstart', function (event) {\n      event.preventDefault();\n    });\n\n    track.addEventListener('pointerdown', function (event) {\n      var frame = event.target.closest && event.target.closest('.ioooil-frame');\n      if (!frame || (event.button && event.button !== 0)) return;\n      dragging = true;\n      startX = event.clientX;\n      startOffset = offset;\n      track.classList.add('is-dragging');\n      track.classList.add('is-js-ready');\n      if (track.setPointerCapture) track.setPointerCapture(event.pointerId);\n      event.preventDefault();\n    });\n\n    track.addEventListener('pointermove', function (event) {\n      if (!dragging) return;\n      offset = startOffset + event.clientX - startX;\n      apply();\n      event.preventDefault();\n    });\n\n    function endDrag(event) {\n      if (!dragging) return;\n      dragging = false;\n      offset = normalize(offset);\n      apply();\n      pausedUntil = performance.now() + 350;\n      track.classList.remove('is-dragging');\n      try {\n        if (track.releasePointerCapture) track.releasePointerCapture(event.pointerId);\n      } catch (error) {}\n    }\n\n    track.addEventListener('pointerup', endDrag);\n    track.addEventListener('pointercancel', endDrag);\n    window.addEventListener('resize', function () {\n      layoutHeroStage();\n      measure();\n    });\n\n    measure();\n    requestAnimationFrame(tick);\n  }\n\n  function bootLoopGallery() {\n    ensureGalleryClasses();\n    layoutHeroStage();\n    document.querySelectorAll('.ioooil-manual-gallery-track, .elementor-element-5a2686ee').forEach(initLoopGallery);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', bootLoopGallery);\n  } else {\n    bootLoopGallery();\n  }\n\n  var retryCount = 0;\n  var retryTimer = window.setInterval(function () {\n    bootLoopGallery();\n    retryCount += 1;\n    if (retryCount > 24 || document.querySelector('.ioooil-manual-gallery-track[data-ioooil-loop-ready=\"1\"]')) {\n      window.clearInterval(retryTimer);\n    }\n  }, 250);\n\n  if (window.MutationObserver) {\n    var observer = new MutationObserver(function () {\n      bootLoopGallery();\n    });\n    observer.observe(document.documentElement, { childList: true, subtree: true });\n    window.setTimeout(function () { observer.disconnect(); }, 8000);\n  }\n})();\n<\/script>\n\n<style id=\"ioooil-mobile-fix-v2\">\n@media (max-width: 767px) {\n  .ioooil-hero-stage {\n    min-height: 740px !important;\n    height: 740px !important;\n    overflow: hidden !important;\n  }\n\n  .ioooil-video-copy {\n    top: 16px !important;\n    left: 18px !important;\n    width: calc(100% - 36px) !important;\n    height: auto !important;\n    bottom: auto !important;\n  }\n\n  .ioooil-hero-kicker {\n    max-width: 320px !important;\n    margin-bottom: 8px !important;\n    font-size: 12px !important;\n    line-height: 1.15 !important;\n    letter-spacing: .08em !important;\n  }\n\n  .ioooil-hero-title {\n    max-width: 330px !important;\n    font-size: clamp(44px, 12.4vw, 49px) !important;\n    line-height: .9 !important;\n    word-break: normal !important;\n    overflow-wrap: normal !important;\n    hyphens: none !important;\n  }\n\n  .ioooil-hero-subtitle {\n    max-width: 315px !important;\n    margin-top: 14px !important;\n    font-size: 15px !important;\n    line-height: 1.45 !important;\n  }\n\n  .ioooil-hero-actions {\n    margin-top: 18px !important;\n    gap: 10px !important;\n    flex-wrap: nowrap !important;\n  }\n\n  .ioooil-hero-actions a {\n    min-height: 40px !important;\n    padding: 0 18px !important;\n    font-size: 12px !important;\n    white-space: nowrap !important;\n  }\n\n  .ioooil-manual-gallery-wrap {\n    top: auto !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 90px !important;\n    width: 100% !important;\n    height: 190px !important;\n    min-height: 190px !important;\n    overflow: visible !important;\n    z-index: 40 !important;\n  }\n\n  .ioooil-manual-gallery-track {\n    top: auto !important;\n    bottom: 38px !important;\n    height: auto !important;\n    min-height: 0 !important;\n    gap: 12px !important;\n    padding: 0 10px !important;\n  }\n\n  .ioooil-frame {\n    width: 118px !important;\n  }\n\n  .ioooil-frame img {\n    border-width: 6px !important;\n    border-radius: 13px !important;\n  }\n\n  .ioooil-frame-1,\n  .ioooil-frame-10 { transform: translateY(42px) rotate(-2.4deg) !important; }\n  .ioooil-frame-2,\n  .ioooil-frame-9 { transform: translateY(28px) rotate(-1.7deg) !important; }\n  .ioooil-frame-3,\n  .ioooil-frame-8 { transform: translateY(15px) rotate(-.9deg) !important; }\n  .ioooil-frame-4,\n  .ioooil-frame-7 { transform: translateY(6px) rotate(-.35deg) !important; }\n  .ioooil-frame-5,\n  .ioooil-frame-6 { transform: translateY(0) rotate(.1deg) !important; }\n}\n<\/style>\n\n\n<style id=\"ioooil-mobile-fix-v3\">\n@media (max-width: 767px) {\n  .ioooil-video-copy {\n    top: 42px !important;\n  }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30487d01 ioooil-video-copy elementor-widget elementor-widget-html\" data-id=\"30487d01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ioooil-hero-content\">\n  <p class=\"ioooil-hero-kicker\">Hand-painted wall art for North America<\/p>\n  <h1 class=\"ioooil-hero-title\">Original<br><span>Oil Paintings<\/span><\/h1>\n  <p class=\"ioooil-hero-subtitle\">Textured, gallery-ready decorative paintings made for calm living rooms, boutique spaces, and collected homes.<\/p>\n  <div class=\"ioooil-hero-actions\">\n    <a href=\"\/shop\/\">Shop Artworks<\/a>\n    <a href=\"\/custom\/\">Custom Size<\/a>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e00a739 e-con-full e-flex e-con e-child\" data-id=\"5e00a739\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-400a0d55 e-con-full e-flex e-con e-child\" data-id=\"400a0d55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-490fcbe3 ioooil-frame ioooil-frame-1 elementor-widget elementor-widget-image\" data-id=\"490fcbe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1.png\" class=\"attachment-full size-full wp-image-1333\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c13f03d ioooil-frame ioooil-frame-2 elementor-widget elementor-widget-image\" data-id=\"1c13f03d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1.png\" class=\"attachment-full size-full wp-image-1334\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72c10c4f ioooil-frame ioooil-frame-3 elementor-widget elementor-widget-image\" data-id=\"72c10c4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1.png\" class=\"attachment-full size-full wp-image-1335\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ad47f96 ioooil-frame ioooil-frame-4 elementor-widget elementor-widget-image\" data-id=\"1ad47f96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1.png\" class=\"attachment-full size-full wp-image-1336\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d1f3ba ioooil-frame ioooil-frame-5 elementor-widget elementor-widget-image\" data-id=\"7d1f3ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1.png\" class=\"attachment-full size-full wp-image-1337\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7416e703 ioooil-frame ioooil-frame-6 elementor-widget elementor-widget-image\" data-id=\"7416e703\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1.png\" class=\"attachment-full size-full wp-image-1338\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18886907 ioooil-frame ioooil-frame-7 elementor-widget elementor-widget-image\" data-id=\"18886907\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1.png\" class=\"attachment-full size-full wp-image-1338\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31a32176 ioooil-frame ioooil-frame-8 elementor-widget elementor-widget-image\" data-id=\"31a32176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1.png\" class=\"attachment-full size-full wp-image-1339\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-708637a6 ioooil-frame ioooil-frame-9 elementor-widget elementor-widget-image\" data-id=\"708637a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1.png\" class=\"attachment-full size-full wp-image-1340\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38c9f8cb ioooil-frame ioooil-frame-10 elementor-widget elementor-widget-image\" data-id=\"38c9f8cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1.png\" class=\"attachment-full size-full wp-image-1341\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74e7ace2 ioooil-frame ioooil-frame-1 elementor-widget elementor-widget-image\" data-id=\"74e7ace2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1.png\" class=\"attachment-full size-full wp-image-1333\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-10-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b9d1cd9 ioooil-frame ioooil-frame-2 elementor-widget elementor-widget-image\" data-id=\"6b9d1cd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1.png\" class=\"attachment-full size-full wp-image-1334\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-11-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7063372b ioooil-frame ioooil-frame-3 elementor-widget elementor-widget-image\" data-id=\"7063372b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1.png\" class=\"attachment-full size-full wp-image-1335\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-12-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f2e814d ioooil-frame ioooil-frame-4 elementor-widget elementor-widget-image\" data-id=\"7f2e814d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1.png\" class=\"attachment-full size-full wp-image-1336\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-13-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bac91a1 ioooil-frame ioooil-frame-5 elementor-widget elementor-widget-image\" data-id=\"7bac91a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1.png\" class=\"attachment-full size-full wp-image-1337\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-14-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f292046 ioooil-frame ioooil-frame-6 elementor-widget elementor-widget-image\" data-id=\"4f292046\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1.png\" class=\"attachment-full size-full wp-image-1338\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2917921c ioooil-frame ioooil-frame-7 elementor-widget elementor-widget-image\" data-id=\"2917921c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1.png\" class=\"attachment-full size-full wp-image-1338\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-15-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a8635df ioooil-frame ioooil-frame-8 elementor-widget elementor-widget-image\" data-id=\"6a8635df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1.png\" class=\"attachment-full size-full wp-image-1339\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-17-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eac6303 ioooil-frame ioooil-frame-9 elementor-widget elementor-widget-image\" data-id=\"eac6303\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1.png\" class=\"attachment-full size-full wp-image-1340\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-18-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25fff9c9 ioooil-frame ioooil-frame-10 elementor-widget elementor-widget-image\" data-id=\"25fff9c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"800\" src=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1.png\" class=\"attachment-full size-full wp-image-1341\" alt=\"\" srcset=\"https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1.png 1200w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-300x200.png 300w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-1024x683.png 1024w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-768x512.png 768w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-18x12.png 18w, https:\/\/ioooil.com\/wp-content\/uploads\/2026\/07\/placeholder-19-1-1-600x400.png 600w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7aa820bd e-con-full e-flex e-con e-parent\" data-id=\"7aa820bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2da6d517 e-con-full e-flex e-con e-child\" data-id=\"2da6d517\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50638f68 elementor-widget elementor-widget-heading\" data-id=\"50638f68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hand-Painted Oil Paintings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2676304 e-con-full e-flex e-con e-parent\" data-id=\"2676304\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8d6291d e-con-full e-flex e-con e-child\" data-id=\"8d6291d\" data-element_type=\"container\" data-e-type=\"container\">\n\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>Hand-painted wall art for North America OriginalOil Paintings Textured, gallery-ready decorative paintings made for calm living rooms, boutique spaces, and collected homes. Shop Artworks Custom Size Hand-Painted Oil Paintings<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ioooil.com\/%e6%97%a5%e6%9c%ac%e8%af%ad\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioooil.com\/%e6%97%a5%e6%9c%ac%e8%af%ad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ioooil.com\/%e6%97%a5%e6%9c%ac%e8%af%ad\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ioooil.com\/%e6%97%a5%e6%9c%ac%e8%af%ad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ioooil.com\/%e6%97%a5%e6%9c%ac%e8%af%ad\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":135,"href":"https:\/\/ioooil.com\/%e6%97%a5%e6%9c%ac%e8%af%ad\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":1410,"href":"https:\/\/ioooil.com\/%e6%97%a5%e6%9c%ac%e8%af%ad\/wp-json\/wp\/v2\/pages\/100\/revisions\/1410"}],"wp:attachment":[{"href":"https:\/\/ioooil.com\/%e6%97%a5%e6%9c%ac%e8%af%ad\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}