{"product_id":"procreate-x-yourstuffmade-turning-digital-art-into-tangible-merchandise","title":"Hasilkan keturunan","description":"\u003cstyle\u003e\n\/* PENGECUALIAN LEBAR PENUH PRODUK YSM V9 — hanya berlaku untuk produk studi kasus ini.\n   Memungkinkan product.description memenuhi lebar konten, menyembunyikan galeri Shopify bawaan,\n   kontrol pembelian, dan judul produk duplikat. *\/\nbody:has(.ysm-procreate-v9) .product:not(.card__inner),\nbody:has(.ysm-procreate-v9) .product.grid {\n  display:block!important;\n  grid-template-columns:minmax(0,1fr)!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  margin-inline:auto!important;\n}\nbody:has(.ysm-procreate-v9) .product__media-wrapper,\nbody:has(.ysm-procreate-v9) .product__media-gallery,\nbody:has(.ysm-procreate-v9) .product media-gallery,\nbody:has(.ysm-procreate-v9) .product__title,\nbody:has(.ysm-procreate-v9) .product .price,\nbody:has(.ysm-procreate-v9) .product .product-form,\nbody:has(.ysm-procreate-v9) .product product-form,\nbody:has(.ysm-procreate-v9) .product variant-selects,\nbody:has(.ysm-procreate-v9) .product .shopify-payment-button,\nbody:has(.ysm-procreate-v9) .product .product__tax,\nbody:has(.ysm-procreate-v9) .product .product__sku,\nbody:has(.ysm-procreate-v9) .product .product__inventory,\nbody:has(.ysm-procreate-v9) .product .share-button {\n  display:none!important;\n}\nbody:has(.ysm-procreate-v9) .product__info-wrapper,\nbody:has(.ysm-procreate-v9) .product__info-container,\nbody:has(.ysm-procreate-v9) .product__description,\nbody:has(.ysm-procreate-v9) .product__description .rte {\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  flex:0 0 100%!important;\n  padding:0!important;\n  margin-inline:auto!important;\n}\n\/* Sesuaikan kolom info produk setengah lebar Dawn dengan jarak antarkonten seperti pada halaman. *\/\nbody:has(.ysm-procreate-v9) .product__info-wrapper.grid__item {\n  width:100%!important;\n  max-width:100%!important;\n}\nbody:has(.ysm-procreate-v9) .product__description \u003e .ysm-procreate-v9 {\n  width:100%!important;\n  max-width:1160px!important;\n  margin-inline:auto!important;\n}\n\/* Cegah gaya umum RTE berbenturan dengan kartu studi kasus yang dirancang khusus. *\/\nbody:has(.ysm-procreate-v9) .product__description .rte \u003e * { max-width:none; }\n\u003c\/style\u003e\n\u003cstyle\u003e\n\/* Desain studi kasus YSM V9 *\/\n.ysm-procreate-v9{--green:#2d684a;--ink:#203128;--muted:#617168;--line:#dfe7e0;--soft:#f3f7f3;color:var(--ink);font-family:inherit;line-height:1.5;width:100%;max-width:1160px;margin:auto;overflow:clip}\n.ysm-procreate-v9 *,.ysm-procreate-v9 *:before,.ysm-procreate-v9 *:after{box-sizing:border-box;min-width:0}\n.ysm-procreate-v9 .inner{width:min(1160px,calc(100% - 36px));margin-inline:auto}\n.ysm-procreate-v9 h1,.ysm-procreate-v9 h2,.ysm-procreate-v9 h3{font-family:inherit;font-weight:750;letter-spacing:-.035em;line-height:1.12;margin:0;color:var(--ink)}\n.ysm-procreate-v9 h1{font-size:clamp(33px,4.2vw,58px)}.ysm-procreate-v9 h2{font-size:clamp(25px,3vw,38px)}.ysm-procreate-v9 h3{font-size:clamp(17px,1.7vw,21px)}\n.ysm-procreate-v9 p{margin:0}.ysm-procreate-v9 a{text-decoration:none}.ysm-procreate-v9 .eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}\n.ysm-procreate-v9 .lead{color:var(--muted);font-size:clamp(15px,1.45vw,18px);line-height:1.55}\n.ysm-procreate-v9 .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;padding:12px 19px;background:var(--green);color:#fff!important;border-radius:10px;font-size:14px;font-weight:750;text-align:center;text-decoration:none!important;transition:transform .2s,background .2s}\n.ysm-procreate-v9 .btn:hover{transform:translateY(-2px);background:#204e36}.ysm-procreate-v9 a:focus-visible{outline:3px solid var(--green);outline-offset:3px}\n.ysm-procreate-v9 .square{display:block;position:relative;width:100%;aspect-ratio:1\/1;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}\n.ysm-procreate-v9 .square img{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;object-position:center;transition:transform .25s ease}\n.ysm-procreate-v9 .square.photo img{object-fit:cover!important}.ysm-procreate-v9 .square.art img{object-fit:contain!important}.ysm-procreate-v9 .square.logo img{object-fit:contain!important;padding:8%!important}.ysm-procreate-v9 .gallery a:hover img{transform:scale(1.035)}.ysm-procreate-v9 .gallery a:hover .square{border-color:#9db9a5}\n.ysm-procreate-v9 .hero{padding:clamp(18px,3vw,38px) 0 32px}.ysm-procreate-v9 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}.ysm-procreate-v9 .hero .lead{margin-top:16px}\n.ysm-procreate-v9 .chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 20px}.ysm-procreate-v9 .chip{padding:6px 10px;background:#eaf2eb;border-radius:8px;font-size:12px;font-weight:650}\n.ysm-procreate-v9 .section{padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid var(--line)}.ysm-procreate-v9 .section-lead{max-width:780px;margin-top:12px}\n.ysm-procreate-v9 .brand-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,60px);align-items:center}.ysm-procreate-v9 .brand-grid .logo{width:min(100%,300px);justify-self:center}.ysm-procreate-v9 .brand-grid .lead{margin-top:13px}\n.ysm-procreate-v9 .quote{border-left:3px solid var(--green);padding:0 0 0 16px;margin:18px 0 0;font-size:clamp(17px,1.85vw,22px);font-weight:650;line-height:1.4;letter-spacing:-.02em}\n.ysm-procreate-v9 .story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.ysm-procreate-v9 .story-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:transform .2s,box-shadow .2s}.ysm-procreate-v9 .story-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(24,54,37,.08)}.ysm-procreate-v9 .story-card .num{font-size:11px;color:var(--green);font-weight:800;letter-spacing:.12em;margin-bottom:12px}.ysm-procreate-v9 .story-card p:last-child{color:var(--muted);font-size:14px;line-height:1.55;margin-top:8px}\n.ysm-procreate-v9 .gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-procreate-v9 .gallery a{display:block;cursor:zoom-in}\n.ysm-procreate-v9 .project-info{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.ysm-procreate-v9 .project-info h3{margin-bottom:17px}.ysm-procreate-v9 .info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 26px}.ysm-procreate-v9 .info-item{border-top:1px solid var(--line);padding-top:12px}.ysm-procreate-v9 .info-item strong{display:block;font-size:14px;margin-bottom:6px}.ysm-procreate-v9 .info-item p{color:var(--muted);font-size:14px;line-height:1.55}\n.ysm-procreate-v9 .product-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.ysm-procreate-v9 .product-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink)!important;transition:background .2s,transform .2s}.ysm-procreate-v9 .product-link:hover{background:var(--soft);transform:translateY(-2px)}.ysm-procreate-v9 .product-link strong{font-size:15px}.ysm-procreate-v9 .product-link span{font-size:21px;color:var(--green)}\n.ysm-procreate-v9 .final{padding:30px 0 40px}.ysm-procreate-v9 .cta{padding:clamp(25px,4vw,38px);background:var(--ink);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ysm-procreate-v9 .cta h2{color:#fff}.ysm-procreate-v9 .cta .eyebrow{color:#b1d9bd}.ysm-procreate-v9 .cta p:not(.eyebrow){color:#d2dfd5;font-size:15px;max-width:580px;margin-top:10px}.ysm-procreate-v9 .cta .btn{background:#fff;color:var(--ink)!important;flex-shrink:0}.ysm-procreate-v9 .cta .btn:hover{background:#e5f2e8}\n@media(max-width:800px){.ysm-procreate-v9 .hero-grid,.ysm-procreate-v9 .brand-grid{grid-template-columns:1fr;gap:20px}.ysm-procreate-v9 .hero .square{max-width:500px}.ysm-procreate-v9 .brand-grid .logo{width:min(100%,230px)}.ysm-procreate-v9 .story{grid-template-columns:1fr}.ysm-procreate-v9 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ysm-procreate-v9 .cta{flex-direction:column;align-items:stretch}}\n@media(max-width:480px){.ysm-procreate-v9 .inner{width:calc(100% - 28px)}.ysm-procreate-v9 .hero{padding:14px 0 25px}.ysm-procreate-v9 h1{font-size:clamp(31px,8vw,39px)}.ysm-procreate-v9 h2{font-size:clamp(24px,6vw,30px)}.ysm-procreate-v9 .section{padding:25px 0}.ysm-procreate-v9 .story-card{padding:17px}.ysm-procreate-v9 .gallery{gap:8px}.ysm-procreate-v9 .info-grid{grid-template-columns:1fr;gap:13px}.ysm-procreate-v9 .project-info{padding:17px}.ysm-procreate-v9 .product-links{grid-template-columns:1fr}.ysm-procreate-v9 .hero .btn,.ysm-procreate-v9 .cta .btn{width:100%}.ysm-procreate-v9 .final{padding:23px 0 30px}.ysm-procreate-v9 .cta{padding:24px}}\n@media(prefers-reduced-motion:reduce){.ysm-procreate-v9 *{transition:none!important}}\n\u003c\/style\u003e\n\u003carticle class=\"ysm-procreate-v9\"\u003e\n\u003cheader class=\"hero\"\u003e\u003cdiv class=\"inner hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eProyek YSM \/ Teknologi Kreatif\u003c\/p\u003e\n\u003ch1\u003eProcreate: Seni digital, diwujudkan.\u003c\/h1\u003e\n\u003cp class=\"lead\"\u003eYSM bekerja sama dengan Procreate untuk membawa kreativitas digital ke dunia fisik melalui pin enamel, merchandise seniman, dan pengembangan produk khusus.\u003c\/p\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cspan class=\"chip\"\u003eSeni digital\u003c\/span\u003e\u003cspan class=\"chip\"\u003ePin enamel\u003c\/span\u003e\u003cspan class=\"chip\"\u003eMerchandise seniman\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eJelajahi manufaktur khusus →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Pin enamel Procreate yang sudah jadi\" height=\"900\" loading=\"eager\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateenamelpin.webp?v=1756598015\" width=\"900\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\u003c\/header\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner brand-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eTentang Merek\u003c\/p\u003e\n\u003ch2\u003eDibuat untuk mereka yang berkarya.\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003eDibuat oleh perusahaan Australia Savage Interactive, Procreate telah menjadi alat ilustrasi terkemuka bagi seniman dan desainer. Platform kreatifnya yang mudah diakses mendukung komunitas yang penuh semangat.\u003c\/p\u003e\n\u003cblockquote class=\"quote\"\u003eMerchandise yang hebat memberi kreativitas digital kehidupan di luar layar.\u003c\/blockquote\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"square logo\"\u003e\u003cimg alt=\"Ikon aplikasi Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateappicon-1664671639075.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eKolaborasi\u003c\/p\u003e\n\u003ch2\u003eDari piksel menjadi sesuatu yang bisa digenggam.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eMerchandise fisik menawarkan cara baru bagi merek perangkat lunak yang mengutamakan seniman untuk terhubung dengan komunitas kreatifnya.\u003c\/p\u003e\n\u003cdiv class=\"story\"\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e01 \/ BRIEF\u003c\/p\u003e\n\u003ch3\u003eRayakan para kreator\u003c\/h3\u003e\n\u003cp\u003eAlihkan identitas visual Procreate menjadi produk fisik koleksi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e02 \/ PERAN YSM\u003c\/p\u003e\n\u003ch3\u003eDigital bertemu fisik\u003c\/h3\u003e\n\u003cp\u003eMendukung pertimbangan desain, produksi, dan pengemasan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"story-card\"\u003e\n\u003cp class=\"num\"\u003e03 \/ HASIL\u003c\/p\u003e\n\u003ch3\u003eSeni di luar layar\u003c\/h3\u003e\n\u003cp\u003eMemberi seniman dan penggemar sesuatu yang nyata untuk dikoleksi dan dibagikan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eGaleri Proyek\u003c\/p\u003e\n\u003ch2\u003eIde kreatif. Detail nyata.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eKonsep kreatif, aktivasi seniman, dan produk koleksi.\u003c\/p\u003e\n\u003cdiv class=\"gallery\" data-ysm-expanded-gallery=\"\"\u003e\n\u003ca aria-label=\"Lihat konsep merchandise Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Konsep merchandise Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Lihat konvensi seniman Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateconvention.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Konvensi seniman Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreateconvention.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Lihat papan desain merchandise Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatedesignboard.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Papan desain merchandise Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatedesignboard.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Lihat desain lanyard acara Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatelanyard.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Desain lanyard acara Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreatelanyard.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Lihat pin enamel Seni untuk semua orang\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreate4enamelpin.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square photo\"\u003e\u003cimg alt=\"Pin enamel Seni untuk semua orang\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/procreate4enamelpin.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003ca aria-label=\"Lihat karya seni merchandise Procreate\" href=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces_2.webp?v=1756598015\" rel=\"noopener\" target=\"_blank\"\u003e\u003cfigure class=\"square art\"\u003e\u003cimg alt=\"Karya seni merchandise Procreate\" height=\"600\" loading=\"lazy\" src=\"https:\/\/yourstuffmade.com\/cdn\/shop\/files\/Procreate_x_Pinlord-_Transforming_Digital_Art_into_Tangible_Masterpieces_2.webp?v=1756598015\" width=\"600\"\u003e\u003c\/figure\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"project-info\"\u003e\n\u003ch3\u003eDetail proyek\u003c\/h3\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProyek\u003c\/strong\u003e\u003cp\u003eMerchandise kreatif yang menghubungkan karya seni digital dengan produk fisik.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProduk\u003c\/strong\u003e\u003cp\u003ePin enamel, konsep lanyard, dan pilihan kemasan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003eProduksi\u003c\/strong\u003e\u003cp\u003eAkurasi warna, hasil akhir, reproduksi karya seni, dan kualitas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-item\"\u003e\n\u003cstrong\u003ePeran YSM\u003c\/strong\u003e\u003cp\u003ePengembangan produk dan manufaktur khusus yang terkoordinasi.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\u003cdiv class=\"inner\"\u003e\n\u003cp class=\"eyebrow\"\u003eBuat Sesuatu yang Serupa\u003c\/p\u003e\n\u003ch2\u003eWujudkan ide Anda.\u003c\/h2\u003e\n\u003cp class=\"lead section-lead\"\u003eJelajahi produk khusus dan opsi manufaktur untuk proyek merchandise bermerek Anda berikutnya.\u003c\/p\u003e\n\u003cdiv class=\"product-links\"\u003e\n\u003ca class=\"product-link\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e\u003cstrong\u003eMerchandise khusus\u003c\/strong\u003e\u003cspan\u003e→\u003c\/span\u003e\u003c\/a\u003e\u003ca class=\"product-link\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e\u003cstrong\u003eAksesori bermerek\u003c\/strong\u003e\u003cspan\u003e→\u003c\/span\u003e\u003c\/a\u003e\u003ca class=\"product-link\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003e\u003cstrong\u003eJelajahi semua produk\u003c\/strong\u003e\u003cspan\u003e→\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003csection class=\"final\"\u003e\u003cdiv class=\"inner\"\u003e\u003cdiv class=\"cta\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"eyebrow\"\u003eWujudkan Merek Anda\u003c\/p\u003e\n\u003ch2\u003eBawa ide Anda melampaui layar.\u003c\/h2\u003e\n\u003cp\u003eDari produk koleksi satuan hingga rangkaian merchandise lengkap, YSM memadukan prinsip manufaktur etis, pengembangan produk yang matang, dan dukungan langsung.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"btn\" href=\"https:\/\/yourstuffmade.com\/collections\/custom-ethical-products\"\u003eMulai proyek Anda berikutnya →\u003c\/a\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/article\u003e\n\n\u003cscript\u003e\n\/* YSM V9: tambahkan Media Produk Shopify asli ke galeri proyek ini.\n   Media bawaan tetap tersembunyi secara visual, tetapi digunakan sebagai sumber gambar yang andal.\n   Foto proyek pilihan yang sudah ada di galeri tetap ditampilkan lebih dahulu. *\/\n(function () {\n  'use strict';\n  var articleSelector = '.ysm-procreate-v9';\n  function imageKey(url) {\n    if (!url) return '';\n    try {\n      var parsed = new URL(url, window.location.href);\n      var file = decodeURIComponent(parsed.pathname.split('\/').pop() || '');\n      return file.replace(\/_(?:pico|icon|thumb|small|compact|medium|large|grande|master|\\d+x\\d*|x\\d+)\\.(?=[^.]+$)\/i, '.').toLowerCase();\n    } catch (e) { return url.split('?')[0].toLowerCase(); }\n  }\n  function bestURL(img) {\n    if (!img) return '';\n    var url = img.getAttribute('data-zoom-src') || img.getAttribute('data-full-src') || '';\n    if (!url) {\n      var srcset = img.getAttribute('srcset') || img.getAttribute('data-srcset') || '';\n      var choices = srcset.split(',').map(function (s) {\n        var match = s.trim().match(\/^(\\S+)\\s+(\\d+)w$\/);\n        return match ? {url:match[1],width:Number(match[2])} : null;\n      }).filter(Boolean).sort(function(a,b){return b.width-a.width;});\n      if (choices.length) url = choices[0].url;\n    }\n    url = url || img.getAttribute('data-src') || img.getAttribute('src') || '';\n    if (url.indexOf('\/\/')===0) url=window.location.protocol+url;\n    return url;\n  }\n  function addProductMedia() {\n    var project = document.querySelector(articleSelector);\n    if (!project) return;\n    var gallery = project.querySelector('[data-ysm-expanded-gallery]');\n    if (!gallery) return;\n    var seen = new Set();\n    project.querySelectorAll('img').forEach(function(img){ seen.add(imageKey(img.getAttribute('src'))); });\n    gallery.querySelectorAll('a[href]').forEach(function(a){ seen.add(imageKey(a.getAttribute('href'))); });\n    \/\/ Ambil hanya media asli produk saat ini, bukan rekomendasi atau gambar navigasi.\n    var candidates = document.querySelectorAll(\n      '.product__media-wrapper .product__media-item img, ' +\n      '.product__media-wrapper .product__media img, ' +\n      '.product__media-wrapper media-gallery img, ' +\n      '.product__media-gallery .product__media img, ' +\n      '.product__media-gallery .product__media-item img'\n    );\n    var added = 0;\n    candidates.forEach(function(img){\n      var url=bestURL(img);\n      var key=imageKey(url);\n      if (!url || !key || seen.has(key)) return;\n      \/\/ Kecualikan placeholder transparan dan ikon SVG non-gambar.\n      if (\/^data:|\\.svg(?:$|\\?)\/i.test(url)) return;\n      seen.add(key);\n      var alt=(img.getAttribute('alt') || '').trim();\n      var label=alt || 'Foto proyek asli';\n      var a=document.createElement('a');\n      a.href=url;\n      a.target='_blank';\n      a.rel='noopener';\n      a.setAttribute('aria-label','Lihat gambar proyek asli: '+label);\n      var figure=document.createElement('figure');\n      figure.className='square photo';\n      var picture=document.createElement('img');\n      picture.src=url;\n      picture.alt=label;\n      picture.loading='lazy';\n      picture.width=600;\n      picture.height=600;\n      figure.appendChild(picture);\n      a.appendChild(figure);\n      gallery.appendChild(a);\n      added++;\n    });\n    if (added) gallery.setAttribute('data-extra-photos', String(\n      Number(gallery.getAttribute('data-extra-photos')||0)+added\n    ));\n  }\n  if (document.readyState==='loading') {\n    document.addEventListener('DOMContentLoaded',addProductMedia);\n  } else { addProductMedia(); }\n  window.addEventListener('load',addProductMedia,{once:true});\n  \/\/ Beberapa tema Shopify merender media produk setelah DOMContentLoaded.\n  setTimeout(addProductMedia,800);\n  setTimeout(addProductMedia,2200);\n})();\n\u003c\/script\u003e","brand":"Procreate","offers":[{"title":"Default Title","offer_id":43846459031574,"sku":"","price":1.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0068\/7554\/5622\/files\/procreateappicon-1664671639075.webp?v=1756598015","url":"https:\/\/yourstuffmade.com\/id\/products\/procreate-x-yourstuffmade-mengubah-seni-digital-menjadi-merchandise-nyata","provider":"Yourstuffmade.com","version":"1.0","type":"link"}