{"id":17,"date":"2026-02-20T14:50:03","date_gmt":"2026-02-20T20:50:03","guid":{"rendered":"https:\/\/laycreativeco.com\/?page_id=17"},"modified":"2026-06-18T19:32:55","modified_gmt":"2026-06-19T00:32:55","slug":"home","status":"publish","type":"page","link":"https:\/\/laycreativeco.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c376ad e-flex e-con-boxed e-con e-parent\" data-id=\"3c376ad\" 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-4aa4716 elementor-widget elementor-widget-heading\" data-id=\"4aa4716\" 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\">Fashion Illustrations<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7225d59 e-flex e-con-boxed e-con e-parent\" data-id=\"7225d59\" 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-e5e29dd elementor-widget elementor-widget-html\" data-id=\"e5e29dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .efc-wrap {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 40px 0 30px;\n    user-select: none;\n  }\n  .efc-scene {\n    position: relative;\n    width: 420px;\n    height: 420px;\n    max-width: 100%;\n  }\n  .efc-card {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 120px;\n    height: 150px;\n    border-radius: 14px;\n    border: 1.5px solid rgba(0,0,0,0.10);\n    background: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    will-change: transform, opacity;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.07);\n  }\n  .efc-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    pointer-events: none;\n  }\n  .efc-card.efc-active {\n    border-color: rgba(0,0,0,0.22);\n    box-shadow: 0 6px 24px rgba(0,0,0,0.13);\n  }\n  .efc-controls {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-top: 18px;\n  }\n  .efc-btn {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    border: 1.5px solid rgba(0,0,0,0.15);\n    background: #fff;\n    cursor: pointer;\n    font-size: 16px;\n    color: #333;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s;\n  }\n  .efc-btn:hover { background: #f3f3f3; }\n  .efc-btn:active { transform: scale(0.94); }\n  .efc-dots { display: flex; gap: 7px; align-items: center; }\n  .efc-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #ccc;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition: background 0.2s, transform 0.2s;\n  }\n  .efc-dot.efc-dot-active {\n    background: #333;\n    transform: scale(1.25);\n  }\n<\/style>\n\n<div class=\"efc-wrap\">\n  <div class=\"efc-scene\" id=\"efcScene\"><\/div>\n  <div class=\"efc-controls\">\n    <button class=\"efc-btn\" id=\"efcPrev\">&#8592;<\/button>\n    <div class=\"efc-dots\" id=\"efcDots\"><\/div>\n    <button class=\"efc-btn\" id=\"efcNext\">&#8594;<\/button>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n\n  \/\/ \u2500\u2500 EDIT YOUR IMAGES HERE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 figures = [\n    { src: \"https:\/\/laycreativeco.com\/wp-content\/uploads\/2026\/06\/IMG_1836-scaled.jpg\", tint: \"rgba(181,212,244,0.20)\" },\n    { src: \"https:\/\/YOUR-SITE.com\/images\/figure2.png\", tint: \"rgba(206,203,246,0.20)\" },\n    { src: \"https:\/\/YOUR-SITE.com\/images\/figure3.png\", tint: \"rgba(159,225,203,0.20)\" },\n    { src: \"https:\/\/YOUR-SITE.com\/images\/figure4.png\", tint: \"rgba(250,199,117,0.20)\" },\n    { src: \"https:\/\/YOUR-SITE.com\/images\/figure5.png\", tint: \"rgba(244,192,209,0.20)\" },\n    { src: \"https:\/\/YOUR-SITE.com\/images\/figure6.png\", tint: \"rgba(211,209,199,0.20)\" }\n  ];\n\n  var RADIUS     = 130;  \/\/ orbit size in px\n  var AUTO_DELAY = 3000; \/\/ ms between auto-rotations \u2014 set 0 to disable\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\n\n  var N = figures.length, current = 0, busy = false, timer = null;\n  var scene  = document.getElementById('efcScene');\n  var dotsEl = document.getElementById('efcDots');\n\n  var cards = figures.map(function(fig, i){\n    var el  = document.createElement('div');\n    el.className = 'efc-card';\n    var img = document.createElement('img');\n    img.src = fig.src;\n    img.alt = '';\n    el.appendChild(img);\n    el.addEventListener('click', function(){ rotateTo(i); });\n    scene.appendChild(el);\n    return el;\n  });\n\n  var dots = figures.map(function(_, i){\n    var d = document.createElement('button');\n    d.className = 'efc-dot';\n    d.addEventListener('click', function(){ rotateTo(i); });\n    dotsEl.appendChild(d);\n    return d;\n  });\n\n  function place(transition){\n    cards.forEach(function(card, i){\n      var steps  = ((i - current) % N + N) % N;\n      if (steps > N \/ 2) steps -= N;\n      var angle  = (steps \/ N) * 2 * Math.PI - Math.PI \/ 2;\n      var x      = Math.cos(angle) * RADIUS;\n      var z      = Math.sin(angle) * RADIUS;\n      var norm   = (z + RADIUS) \/ (2 * RADIUS);\n      var scale  = 0.50 + 0.50 * norm;\n      var opacity= 0.30 + 0.70 * norm;\n      var tx     = x - 60;\n      var ty     = -75 + z * 0.20;\n      card.style.transition = transition\n        ? 'transform 0.55s cubic-bezier(.4,0,.2,1), opacity 0.55s, background 0.4s, border-color 0.3s, box-shadow 0.3s'\n        : 'none';\n      card.style.transform  = 'translate('+tx+'px,'+ty+'px) scale('+scale+')';\n      card.style.opacity    = opacity;\n      card.style.zIndex     = Math.round(norm * 100);\n      var front = (i === current);\n      card.classList.toggle('efc-active', front);\n      card.style.background = front ? figures[i].tint : '#fff';\n    });\n    dots.forEach(function(d, i){ d.classList.toggle('efc-dot-active', i === current); });\n  }\n\n  function rotateTo(target){\n    if (busy) return;\n    target = ((target % N) + N) % N;\n    if (target === current) return;\n    busy = true; current = target;\n    place(true);\n    setTimeout(function(){ busy = false; }, 560);\n  }\n\n  document.getElementById('efcNext').onclick = function(){ rotateTo((current+1)%N); };\n  document.getElementById('efcPrev').onclick = function(){ rotateTo((current-1+N)%N); };\n\n  function startAuto(){ if(AUTO_DELAY) timer = setInterval(function(){ rotateTo((current+1)%N); }, AUTO_DELAY); }\n  function stopAuto(){ clearInterval(timer); }\n  scene.addEventListener('mouseenter', stopAuto);\n  scene.addEventListener('mouseleave', startAuto);\n\n  var tx0 = 0;\n  scene.addEventListener('touchstart', function(e){ tx0 = e.touches[0].clientX; }, {passive:true});\n  scene.addEventListener('touchend', function(e){\n    var dx = e.changedTouches[0].clientX - tx0;\n    if (Math.abs(dx) > 40) rotateTo(dx < 0 ? (current+1)%N : (current-1+N)%N);\n  });\n\n  place(false);\n  startAuto();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98400f3 e-flex e-con-boxed e-con e-parent\" data-id=\"98400f3\" 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-6c4b57c elementor-widget elementor-widget-heading\" data-id=\"6c4b57c\" 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\">3-d Sculptures<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2152ab3 e-flex e-con-boxed e-con e-parent\" data-id=\"2152ab3\" 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-e09f636 elementor-widget elementor-widget-html\" data-id=\"e09f636\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .gl-wrap {\n    width: 100%;\n    padding: 50px 0 40px;\n    background: transparent;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    font-family: inherit;\n    user-select: none;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .gl-rail {\n    width: 420px;\n    height: 8px;\n    background: linear-gradient(to bottom, #2a2a2a, #3a3a3a);\n    border-radius: 4px;\n    position: relative;\n    z-index: 10;\n  }\n\n  .gl-rail::before {\n    content: '';\n    position: absolute;\n    top: 1px; left: 10px; right: 10px;\n    height: 2px;\n    background: rgba(255,255,255,0.07);\n    border-radius: 2px;\n  }\n\n  .gl-fixture {\n    position: absolute;\n    top: 6px;\n    width: 22px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    transform: translateX(-50%);\n    transition: left 0.7s cubic-bezier(.4,0,.2,1);\n    z-index: 11;\n  }\n\n  .gl-fixture-arm {\n    width: 3px;\n    height: 18px;\n    background: #444;\n    border-radius: 2px;\n  }\n\n  .gl-fixture-head {\n    width: 22px;\n    height: 14px;\n    background: linear-gradient(to bottom, #555, #333);\n    border-radius: 4px 4px 8px 8px;\n    position: relative;\n    box-shadow: 0 2px 6px rgba(0,0,0,0.5);\n  }\n\n  .gl-fixture-head::after {\n    content: '';\n    position: absolute;\n    bottom: 2px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 10px;\n    height: 6px;\n    border-radius: 50%;\n    background: #fffbe0;\n    box-shadow: 0 0 6px 3px rgba(255,245,160,0.6);\n  }\n\n  .gl-scene {\n    position: relative;\n    width: 420px;\n    height: 320px;\n    overflow: hidden;\n  }\n\n  .gl-cone-svg {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  .gl-pedestals {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    display: flex;\n    justify-content: space-around;\n    align-items: flex-end;\n    padding: 0 10px;\n    z-index: 4;\n  }\n\n  .gl-pedestal {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    transition: filter 0.7s ease;\n    cursor: pointer;\n  }\n\n  .gl-pedestal.dim { filter: brightness(0.22); }\n  .gl-pedestal.lit { filter: brightness(1); }\n\n  .gl-sculpture {\n    width: 80px;\n    height: 100px;\n    object-fit: contain;\n    display: block;\n  }\n\n  .gl-ped-top  { width: 90px;  height: 10px; background: linear-gradient(to bottom, #eae6de, #d4d0c8); border-radius: 2px 2px 0 0; }\n  .gl-ped-body { width: 74px;  height: 100px; background: linear-gradient(to right, #ccc8c0 0%, #eae6de 35%, #e0dcd4 65%, #c4c0b8 100%); position: relative; overflow: hidden; }\n  .gl-ped-body::after { content: ''; position: absolute; top: 0; left: 7px; width: 5px; height: 100%; background: rgba(255,255,255,0.15); }\n  .gl-ped-base { width: 90px;  height: 12px; background: linear-gradient(to bottom, #d4d0c8, #b8b4ac); }\n  .gl-ped-foot { width: 100px; height: 7px;  background: linear-gradient(to bottom, #b8b4ac, #a8a49c); border-radius: 0 0 3px 3px; }\n\n  .gl-ped-shadow {\n    width: 90px; height: 8px;\n    border-radius: 50%;\n    background: radial-gradient(ellipse, rgba(0,0,0,0.4) 0%, transparent 75%);\n    margin-top: 1px;\n  }\n\n  .gl-floor {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 18px;\n    background: transparent;\n    z-index: 1;\n  }\n\n  .gl-dots {\n    display: flex;\n    gap: 8px;\n    margin-top: 16px;\n  }\n\n  .gl-dot {\n    width: 7px; height: 7px;\n    border-radius: 50%;\n    background: #444;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition: background 0.2s, transform 0.2s;\n  }\n\n  .gl-dot.active {\n    background: #fffbe0;\n    transform: scale(1.3);\n  }\n<\/style>\n\n<div class=\"gl-wrap\">\n  <div class=\"gl-rail\" id=\"glRail\">\n    <div class=\"gl-fixture\" id=\"glFixture\">\n      <div class=\"gl-fixture-arm\"><\/div>\n      <div class=\"gl-fixture-head\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"gl-scene\" id=\"glScene\">\n    <svg class=\"gl-cone-svg\" id=\"glCone\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <defs>\n        <radialGradient id=\"poolGrad\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n          <stop offset=\"0%\"   stop-color=\"#fffbe0\" stop-opacity=\"0.22\"\/>\n          <stop offset=\"60%\"  stop-color=\"#fffbe0\" stop-opacity=\"0.08\"\/>\n          <stop offset=\"100%\" stop-color=\"#fffbe0\" stop-opacity=\"0\"\/>\n        <\/radialGradient>\n        <linearGradient id=\"coneGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n          <stop offset=\"0%\"   stop-color=\"#fffbe0\" stop-opacity=\"0.18\"\/>\n          <stop offset=\"100%\" stop-color=\"#fffbe0\" stop-opacity=\"0.0\"\/>\n        <\/linearGradient>\n      <\/defs>\n      <polygon id=\"conePoly\" points=\"210,0 140,280 280,280\" fill=\"url(#coneGrad)\"\/>\n      <ellipse  id=\"conePool\" cx=\"210\" cy=\"270\" rx=\"64\" ry=\"14\" fill=\"url(#poolGrad)\"\/>\n    <\/svg>\n\n    <div class=\"gl-floor\"><\/div>\n    <div class=\"gl-pedestals\" id=\"glPedestals\"><\/div>\n  <\/div>\n\n  <div class=\"gl-dots\" id=\"glDots\"><\/div>\n<\/div>\n\n<script>\n(function(){\n\n  \/\/ \u2500\u2500 YOUR SCULPTURES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 sculptures = [\n    { src: \"https:\/\/laycreativeco.com\/wp-content\/uploads\/2026\/06\/IMG_1836-scaled.jpg\", name: \"Piece I\"   },\n    { src: \"https:\/\/YOUR-SITE.com\/images\/sculpture2.png\", name: \"Piece II\"  },\n    { src: \"https:\/\/YOUR-SITE.com\/images\/sculpture3.png\", name: \"Piece III\" }\n  ];\n\n  var AUTO_DELAY = 3500; \/\/ ms \u2014 set 0 to disable\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\n\n  var N       = sculptures.length;\n  var current = 0;\n  var busy    = false;\n  var timer   = null;\n\n  var rail     = document.getElementById('glRail');\n  var fixture  = document.getElementById('glFixture');\n  var scene    = document.getElementById('glScene');\n  var pedsEl   = document.getElementById('glPedestals');\n  var dotsEl   = document.getElementById('glDots');\n  var conePoly = document.getElementById('conePoly');\n  var conePool = document.getElementById('conePool');\n\n  var positions = [12, 50, 88];\n\n  var peds = sculptures.map(function(s, i){\n    var wrap = document.createElement('div');\n    wrap.className = 'gl-pedestal dim';\n\n    var img = document.createElement('img');\n    img.className = 'gl-sculpture';\n    img.src = s.src;\n    img.alt = s.name;\n\n    wrap.innerHTML =\n      '<div class=\"gl-ped-top\"><\/div>' +\n      '<div class=\"gl-ped-body\"><\/div>' +\n      '<div class=\"gl-ped-base\"><\/div>' +\n      '<div class=\"gl-ped-foot\"><\/div>' +\n      '<div class=\"gl-ped-shadow\"><\/div>';\n\n    wrap.insertBefore(img, wrap.firstChild);\n    wrap.addEventListener('click', function(){ goTo(i); });\n    pedsEl.appendChild(wrap);\n    return wrap;\n  });\n\n  var dots = sculptures.map(function(_, i){\n    var d = document.createElement('button');\n    d.className = 'gl-dot';\n    d.setAttribute('aria-label', 'Sculpture ' + (i+1));\n    d.addEventListener('click', function(){ goTo(i); });\n    dotsEl.appendChild(d);\n    return d;\n  });\n\n  function update(){\n    var pct = positions[current];\n    fixture.style.left = pct + '%';\n\n    var sx  = (pct \/ 100) * scene.offsetWidth;\n    var sh  = scene.offsetHeight;\n    var half = 72;\n    var py  = sh - 28;\n\n    conePoly.setAttribute('points',\n      sx + ',0 ' + (sx - half) + ',' + py + ' ' + (sx + half) + ',' + py\n    );\n    conePool.setAttribute('cx', sx);\n    conePool.setAttribute('cy', sh - 22);\n\n    peds.forEach(function(p, i){\n      p.classList.toggle('lit', i === current);\n      p.classList.toggle('dim', i !== current);\n    });\n    dots.forEach(function(d, i){ d.classList.toggle('active', i === current); });\n  }\n\n  function goTo(target){\n    if (busy || target === current) return;\n    busy = true;\n    current = target;\n    update();\n    setTimeout(function(){ busy = false; }, 720);\n  }\n\n  function advance(){ goTo((current + 1) % N); }\n\n  function startAuto(){ if(AUTO_DELAY) timer = setInterval(advance, AUTO_DELAY); }\n  function stopAuto(){ clearInterval(timer); }\n\n  scene.addEventListener('mouseenter', stopAuto);\n  scene.addEventListener('mouseleave', startAuto);\n\n  setTimeout(function(){\n    update();\n    startAuto();\n  }, 50);\n\n  window.addEventListener('resize', update);\n\n})();\n<\/script>\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>Fashion Illustrations &#8592; &#8594; 3-d Sculptures<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_genesis_block_theme_hide_title":true,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry","post","without-featured-image"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/laycreativeco.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laycreativeco.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laycreativeco.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laycreativeco.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/laycreativeco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":0,"href":"https:\/\/laycreativeco.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"wp:attachment":[{"href":"https:\/\/laycreativeco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}