{"id":8,"date":"2026-07-08T01:28:14","date_gmt":"2026-07-07T17:28:14","guid":{"rendered":"https:\/\/toyojo.cloud\/?page_id=8"},"modified":"2026-07-08T03:34:04","modified_gmt":"2026-07-07T19:34:04","slug":"8-2","status":"publish","type":"page","link":"https:\/\/toyojo.cloud\/index.php\/8-2\/","title":{"rendered":""},"content":{"rendered":"\n
\n
\n\n\n\n\n\nAsterism Precision Production \u2014 PET Package Designer & Mold Maker<\/title>\n<style>\n \/* ============================================\n Reset & Base\n ============================================ *\/\n *,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;\n color: #1f1f1f;\n line-height: 1.6;\n background: #ffffff;\n -webkit-font-smoothing: antialiased;\n }\n img { display: block; max-width: 100%; height: auto; }\n a { color: inherit; text-decoration: none; }\n button { font-family: inherit; cursor: pointer; border: none; background: none; }\n\n :root {\n --brand-red: #E53935;\n --brand-red-dark: #C62828;\n --ink: #1f1f1f;\n --ink-2: #4a4a4a;\n --ink-3: #8a8a8a;\n --border: #e8e8e8;\n --bg-soft: #f7f7f8;\n --bg-dark: #12151a;\n }\n\n .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }\n @media (max-width: 768px) { .container { padding: 0 20px; } }\n\n \/* ============================================\n Top Nav\n ============================================ *\/\n .nav {\n position: sticky; top: 0; z-index: 50;\n background: rgba(255,255,255,0.95);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n height: 72px;\n }\n .nav-inner {\n height: 100%;\n display: flex; align-items: center; justify-content: space-between;\n }\n .logo { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 20px; }\n .logo-mark {\n width: 36px; height: 36px;\n background: var(--brand-red);\n color: #fff;\n display: grid; place-items: center;\n border-radius: 6px;\n font-size: 20px;\n font-weight: 900;\n }\n .logo-text small { display: block; font-size: 10px; color: var(--ink-3); font-weight: 500; letter-spacing: 1px; }\n .nav-menu { display: flex; gap: 32px; }\n .nav-menu a { font-size: 14px; color: var(--ink-2); font-weight: 500; }\n .nav-menu a:hover { color: var(--brand-red); }\n .nav-cta { background: var(--brand-red); color: #fff; padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; }\n @media (max-width: 900px) { .nav-menu { display: none; } }\n\n \/* ============================================\n Hero \u2014 64vh, gradient overlay, left text + right product\n (v1:100vh \u5927\u56fe\u6251\u9762;v2:75vh;\u6700\u7ec8:64vh + \u6e10\u53d8\u8499\u7248 + \u5de6 6 \u53f3 4 \u5e03\u5c40)\n ============================================ *\/\n .hero {\n height: 64vh; min-height: 520px; max-height: 640px;\n position: relative;\n overflow: hidden;\n background: #0d0f12;\n }\n .hero-bg {\n position: absolute; inset: 0;\n background-image: url('\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150717_610_63.jpg');\n background-size: cover;\n background-position: center;\n filter: brightness(0.55);\n transform: scale(1.05);\n }\n .hero-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(135deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.45) 60%, rgba(0,0,0,0.25) 100%);\n }\n .hero-inner {\n position: relative; z-index: 2;\n height: 100%;\n display: grid;\n grid-template-columns: 6fr 4fr;\n gap: 48px;\n align-items: center;\n }\n .hero-text { color: #fff; max-width: 720px; }\n .hero-eyebrow {\n display: inline-block;\n color: var(--brand-red);\n font-size: 13px;\n letter-spacing: 3px;\n font-weight: 700;\n margin-bottom: 20px;\n padding: 6px 14px;\n border: 1px solid rgba(229,57,53,0.5);\n border-radius: 4px;\n }\n .hero h1 {\n font-size: clamp(34px, 4.6vw, 56px);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -0.5px;\n margin-bottom: 20px;\n }\n .hero-sub {\n font-size: clamp(15px, 1.4vw, 18px);\n color: rgba(255,255,255,0.85);\n margin-bottom: 36px;\n max-width: 560px;\n }\n .hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; }\n .btn-primary {\n background: var(--brand-red); color: #fff;\n padding: 14px 28px; border-radius: 6px;\n font-size: 15px; font-weight: 600;\n transition: all .25s ease;\n }\n .btn-primary:hover { background: var(--brand-red-dark); transform: translateY(-1px); }\n .btn-ghost {\n background: transparent; color: #fff;\n padding: 14px 28px; border-radius: 6px;\n border: 1.5px solid rgba(255,255,255,0.4);\n font-size: 15px; font-weight: 600;\n transition: all .25s ease;\n }\n .btn-ghost:hover { border-color: #fff; background: rgba(255,255,255,0.08); }\n .hero-stats {\n display: flex; gap: 36px; margin-top: 48px;\n padding-top: 32px;\n border-top: 1px solid rgba(255,255,255,0.15);\n }\n .hero-stats .stat strong {\n display: block;\n font-size: 28px; font-weight: 800;\n color: var(--brand-red);\n }\n .hero-stats .stat span {\n font-size: 12px;\n color: rgba(255,255,255,0.65);\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n .hero-visual {\n position: relative;\n height: 100%;\n display: flex; align-items: center; justify-content: center;\n }\n .hero-card {\n background: rgba(255,255,255,0.06);\n backdrop-filter: blur(14px);\n border: 1px solid rgba(255,255,255,0.12);\n border-radius: 16px;\n padding: 28px;\n width: 100%;\n max-width: 380px;\n box-shadow: 0 30px 60px -20px rgba(0,0,0,0.5);\n }\n .hero-card-img {\n width: 100%;\n aspect-ratio: 1\/1;\n background: #fff;\n border-radius: 10px;\n margin-bottom: 18px;\n overflow: hidden;\n }\n .hero-card-img img { width: 100%; height: 100%; object-fit: cover; }\n .hero-card h3 { color: #fff; font-size: 17px; margin-bottom: 6px; }\n .hero-card p { color: rgba(255,255,255,0.7); font-size: 13px; }\n .hero-card-tag {\n display: inline-block;\n margin-top: 14px;\n font-size: 11px;\n color: var(--brand-red);\n letter-spacing: 2px;\n font-weight: 700;\n }\n\n @media (max-width: 900px) {\n .hero-inner { grid-template-columns: 1fr; }\n .hero-visual { display: none; }\n .hero-stats { gap: 20px; }\n }\n\n \/* ============================================\n Section title utility\n ============================================ *\/\n .section { padding: 96px 0; }\n .section-soft { background: var(--bg-soft); }\n .section-dark { background: var(--bg-dark); color: #fff; }\n .section-head {\n text-align: center;\n max-width: 720px;\n margin: 0 auto 56px;\n }\n .section-eyebrow {\n color: var(--brand-red);\n font-size: 12px;\n letter-spacing: 3px;\n font-weight: 700;\n margin-bottom: 12px;\n text-transform: uppercase;\n }\n .section h2 {\n font-size: clamp(28px, 3vw, 38px);\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: 16px;\n letter-spacing: -0.3px;\n }\n .section-head p {\n color: var(--ink-3);\n font-size: 16px;\n }\n\n \/* ============================================\n Capabilities \u2014 3 card grid\n (\u6539\u524d:\u5168\u5bbd\u5927\u56fe\u5806\u53e0;\u6539\u540e:3 \u5217\u5361\u7247,\u56fa\u5b9a\u9ad8 320px)\n ============================================ *\/\n .cap-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n }\n .cap-card {\n background: #fff;\n border-radius: 12px;\n overflow: hidden;\n border: 1px solid var(--border);\n transition: all .3s ease;\n }\n .cap-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 40px -16px rgba(0,0,0,0.15);\n }\n .cap-card-img {\n aspect-ratio: 16\/10;\n background: #f0f0f0;\n overflow: hidden;\n }\n .cap-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }\n .cap-card:hover .cap-card-img img { transform: scale(1.06); }\n .cap-card-body { padding: 24px 24px 28px; }\n .cap-card h3 {\n font-size: 19px;\n margin-bottom: 8px;\n font-weight: 700;\n }\n .cap-card p { font-size: 14px; color: var(--ink-3); margin-bottom: 14px; }\n .cap-card-tag {\n display: inline-block;\n font-size: 11px;\n color: var(--brand-red);\n font-weight: 700;\n letter-spacing: 2px;\n }\n @media (max-width: 900px) { .cap-grid { grid-template-columns: 1fr; } }\n\n \/* ============================================\n Video \u2014 16:9 fixed container, left 7 right 3 layout\n (\u6539\u524d:\u89c6\u9891\u6491\u6ee1\u5168\u5bbd\u4e24\u4fa7\u4fe1\u7bb1\u9ed1\u8fb9;\u6539\u540e:16:9+cover + \u53f3\u680f\u586b\u7ae0\u8282\u5217\u8868)\n ============================================ *\/\n .video-wrap {\n display: grid;\n grid-template-columns: 7fr 3fr;\n gap: 32px;\n align-items: start;\n }\n .video-frame {\n position: relative;\n aspect-ratio: 16\/9;\n border-radius: 12px;\n overflow: hidden;\n background: #000;\n border: 1px solid rgba(255,255,255,0.08);\n }\n .video-frame img {\n width: 100%; height: 100%;\n object-fit: cover;\n }\n .video-frame::after {\n content: '';\n position: absolute; inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.5) 100%);\n }\n .play-btn {\n position: absolute;\n top: 50%; left: 50%;\n transform: translate(-50%, -50%);\n z-index: 2;\n width: 84px; height: 84px;\n border-radius: 50%;\n background: rgba(229,57,53,0.95);\n display: grid; place-items: center;\n box-shadow: 0 12px 30px -8px rgba(229,57,53,0.6);\n transition: all .25s ease;\n }\n .play-btn:hover { transform: translate(-50%, -50%) scale(1.08); }\n .play-btn::after {\n content: '';\n display: block;\n width: 0; height: 0;\n border-left: 22px solid #fff;\n border-top: 14px solid transparent;\n border-bottom: 14px solid transparent;\n margin-left: 6px;\n }\n .video-duration {\n position: absolute; bottom: 16px; right: 16px;\n z-index: 2;\n background: rgba(0,0,0,0.7);\n color: #fff;\n padding: 4px 10px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 600;\n }\n\n .video-info { color: #fff; }\n .video-info h3 {\n font-size: 22px; margin-bottom: 12px; font-weight: 700;\n }\n .video-info p {\n color: rgba(255,255,255,0.7);\n font-size: 14px;\n margin-bottom: 24px;\n }\n .video-chapters { list-style: none; }\n .video-chapters li {\n padding: 14px 0;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n display: flex; justify-content: space-between; align-items: center;\n cursor: pointer;\n transition: color .2s ease;\n }\n .video-chapters li:hover { color: var(--brand-red); }\n .video-chapters li:last-child { border-bottom: none; }\n .video-chapters li small {\n color: rgba(255,255,255,0.5);\n font-size: 12px;\n font-weight: 600;\n }\n\n @media (max-width: 900px) {\n .video-wrap { grid-template-columns: 1fr; }\n }\n\n \/* ============================================\n Bottles \u2014 4 column grid\n ============================================ *\/\n .bottle-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n .bottle-card {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 10px;\n overflow: hidden;\n transition: all .3s ease;\n }\n .bottle-card:hover {\n border-color: var(--brand-red);\n transform: translateY(-3px);\n }\n .bottle-card-img {\n aspect-ratio: 1\/1;\n background: linear-gradient(180deg, #f5f5f5 0%, #ebebeb 100%);\n display: grid; place-items: center;\n overflow: hidden;\n }\n .bottle-card-img img {\n max-width: 74%;\n max-height: 74%;\n object-fit: contain;\n }\n .bottle-card-body { padding: 16px 18px 20px; }\n .bottle-card h4 {\n font-size: 15px; font-weight: 700; margin-bottom: 4px;\n }\n .bottle-card span {\n font-size: 12px; color: var(--ink-3);\n display: block; margin-bottom: 10px;\n }\n .bottle-cat {\n display: inline-block;\n font-size: 11px;\n background: #fceceb;\n color: var(--brand-red);\n padding: 4px 10px;\n border-radius: 4px;\n font-weight: 600;\n }\n @media (max-width: 900px) { .bottle-grid { grid-template-columns: repeat(2, 1fr); } }\n\n \/* ============================================\n Factory capabilities \u2014 4 columns\n ============================================ *\/\n .factory-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n .factory-card {\n background: #fff;\n border-radius: 10px;\n overflow: hidden;\n border: 1px solid var(--border);\n }\n .factory-card-img {\n aspect-ratio: 16\/10;\n overflow: hidden;\n background: #f0f0f0;\n }\n .factory-card-img img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform .4s ease;\n }\n .factory-card:hover .factory-card-img img { transform: scale(1.05); }\n .factory-card-body { padding: 18px 20px 22px; }\n .factory-card h4 { font-size: 16px; font-weight: 700; margin-bottom: 6px; }\n .factory-card p { font-size: 13px; color: var(--ink-3); }\n @media (max-width: 900px) { .factory-grid { grid-template-columns: repeat(2, 1fr); } }\n\n \/* ============================================\n Stats strip\n ============================================ *\/\n .stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n padding: 56px 0;\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n }\n .stats .stat {\n text-align: center;\n padding: 8px 16px;\n border-right: 1px solid var(--border);\n }\n .stats .stat:last-child { border-right: none; }\n .stats .stat strong {\n display: block;\n font-size: clamp(34px, 4vw, 48px);\n font-weight: 800;\n color: var(--brand-red);\n line-height: 1;\n margin-bottom: 8px;\n }\n .stats .stat span {\n color: var(--ink-3);\n font-size: 13px;\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n @media (max-width: 768px) {\n .stats { grid-template-columns: repeat(2, 1fr); gap: 32px 0; }\n .stats .stat:nth-child(2) { border-right: none; }\n }\n\n \/* ============================================\n Clients \u2014 2 groups, 13 logos\n ============================================ *\/\n .client-group { margin-bottom: 48px; }\n .client-group:last-child { margin-bottom: 0; }\n .client-group-head {\n text-align: center;\n margin-bottom: 28px;\n }\n .client-group-head span {\n color: var(--ink-3);\n font-size: 13px;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 600;\n }\n .logo-grid {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 16px;\n }\n .logo-grid-7 { grid-template-columns: repeat(7, 1fr); }\n .logo-cell {\n background: #fff;\n border: 1px solid var(--border);\n border-radius: 8px;\n height: 96px;\n display: grid; place-items: center;\n padding: 14px;\n transition: all .3s ease;\n filter: grayscale(100%);\n opacity: 0.7;\n }\n .logo-cell:hover {\n filter: grayscale(0%);\n opacity: 1;\n border-color: var(--brand-red);\n transform: translateY(-2px);\n }\n .logo-cell img { max-width: 100%; max-height: 56px; object-fit: contain; }\n @media (max-width: 900px) {\n .logo-grid { grid-template-columns: repeat(3, 1fr); }\n .logo-grid-7 { grid-template-columns: repeat(3, 1fr); }\n }\n\n \/* ============================================\n Contact CTA\n ============================================ *\/\n .cta-box {\n background: linear-gradient(135deg, var(--brand-red) 0%, var(--brand-red-dark) 100%);\n border-radius: 20px;\n padding: 64px 48px;\n text-align: center;\n color: #fff;\n }\n .cta-box h2 {\n font-size: clamp(26px, 2.6vw, 36px);\n margin-bottom: 14px;\n font-weight: 800;\n }\n .cta-box p {\n color: rgba(255,255,255,0.9);\n max-width: 560px;\n margin: 0 auto 32px;\n font-size: 16px;\n }\n .cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n .btn-white {\n background: #fff; color: var(--brand-red);\n padding: 14px 32px;\n border-radius: 6px;\n font-size: 15px;\n font-weight: 700;\n transition: all .25s ease;\n }\n .btn-white:hover { transform: translateY(-1px); box-shadow: 0 12px 24px -8px rgba(0,0,0,0.3); }\n .btn-outline-white {\n background: transparent; color: #fff;\n padding: 14px 32px;\n border-radius: 6px;\n border: 1.5px solid rgba(255,255,255,0.5);\n font-size: 15px; font-weight: 600;\n transition: all .25s ease;\n }\n .btn-outline-white:hover { background: rgba(255,255,255,0.1); }\n\n \/* ============================================\n Footer\n ============================================ *\/\n .footer {\n background: var(--bg-dark);\n color: rgba(255,255,255,0.65);\n padding: 56px 0 32px;\n }\n .footer-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr 1fr;\n gap: 48px;\n padding-bottom: 32px;\n border-bottom: 1px solid rgba(255,255,255,0.1);\n }\n .footer h5 { color: #fff; font-size: 14px; margin-bottom: 16px; letter-spacing: 1px; }\n .footer ul { list-style: none; }\n .footer li { padding: 6px 0; font-size: 13px; }\n .footer li a:hover { color: #fff; }\n .footer .brand { color: #fff; font-size: 18px; font-weight: 800; margin-bottom: 12px; }\n .footer-meta {\n text-align: center;\n padding-top: 24px;\n font-size: 12px;\n color: rgba(255,255,255,0.4);\n }\n @media (max-width: 900px) {\n .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- ============================================\n Navigation\n ============================================ -->\n<nav class=\"nav\">\n <div class=\"container nav-inner\">\n <div class=\"logo\">\n <div class=\"logo-mark\">A<\/div>\n <div class=\"logo-text\">\n Asterism\n <small>PRECISION PRODUCTION<\/small>\n <\/div>\n <\/div>\n <div class=\"nav-menu\">\n <a href=\"#capabilities\">Capabilities<\/a>\n <a href=\"#video\">Video<\/a>\n <a href=\"#products\">Products<\/a>\n <a href=\"#factory\">Factory<\/a>\n <a href=\"#clients\">Clients<\/a>\n <a href=\"#contact\">Contact<\/a>\n <\/div>\n <a href=\"#contact\" class=\"nav-cta\">Get a Quote<\/a>\n <\/div>\n<\/nav>\n\n<!-- ============================================\n Hero (75vh + gradient overlay + 6:4 layout)\n ============================================ -->\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-overlay\"><\/div>\n <div class=\"container hero-inner\">\n <div class=\"hero-text\">\n <span class=\"hero-eyebrow\">SINCE 2009 \u00b7 25+ YEARS<\/span>\n <h1>PET Package Designer<br>& Mold Maker<\/h1>\n <p class=\"hero-sub\">Asterism Precision Production is your trusted one-stop partner for PET package design, precision preform mold manufacturing and global brand supply. Trusted by 200+ brands across 30+ countries.<\/p>\n <div class=\"hero-ctas\">\n <a href=\"#contact\" class=\"btn-primary\">Get a Quote<\/a>\n <a href=\"#products\" class=\"btn-ghost\">View Products<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"stat\"><strong>25+<\/strong><span>Years<\/span><\/div>\n <div class=\"stat\"><strong>500+<\/strong><span>Molds<\/span><\/div>\n <div class=\"stat\"><strong>200+<\/strong><span>Brands<\/span><\/div>\n <div class=\"stat\"><strong>30+<\/strong><span>Countries<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"hero-card\">\n <div class=\"hero-card-img\">\n <img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150717_610_63.jpg\" alt=\"Featured PET bottle\">\n <\/div>\n <h3>Featured Bottle<\/h3>\n <p>Custom PET package designed and molded in-house.<\/p>\n <span class=\"hero-card-tag\">VIEW CATALOG \u2192<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================\n Capabilities (3 cards, fixed height)\n ============================================ -->\n<section class=\"section\" id=\"capabilities\">\n <div class=\"container\">\n <div class=\"section-head\">\n <div class=\"section-eyebrow\">CAPABILITIES<\/div>\n <h2>One-Stop PET Package Solutions<\/h2>\n <p>From concept to mass production \u2014 design, mold making and assembly all under one roof.<\/p>\n <\/div>\n\n <div class=\"cap-grid\">\n <div class=\"cap-card\">\n <div class=\"cap-card-img\">\n <img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_616_63.png\" alt=\"Package Design\">\n <\/div>\n <div class=\"cap-card-body\">\n <h3>Package Design<\/h3>\n <p>From sketch to 3D model, our engineers design bottles that balance form, function and tooling cost.<\/p>\n <span class=\"cap-card-tag\">01 \/ DESIGN<\/span>\n <\/div>\n <\/div>\n <div class=\"cap-card\">\n <div class=\"cap-card-img\">\n <img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150640_606_63.png\" alt=\"Precision Mold\">\n <\/div>\n <div class=\"cap-card-body\">\n <h3>Precision Mold<\/h3>\n <p>Multi-cavity preform molds built with 25+ years of expertise. Up to 72 cavities for high-output lines.<\/p>\n <span class=\"cap-card-tag\">02 \/ MOLD<\/span>\n <\/div>\n <\/div>\n <div class=\"cap-card\">\n <div class=\"cap-card-img\">\n <img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150641_617_63.png\" alt=\"Mass Production\">\n <\/div>\n <div class=\"cap-card-body\">\n <h3>Mass Production<\/h3>\n <p>Tryout, validation and ongoing mass production support \u2014 we stand behind every mold we ship.<\/p>\n <span class=\"cap-card-tag\">03 \/ PRODUCE<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================\n Video (16:9 + cover, left 7 right 3)\n ============================================ -->\n<section class=\"section section-dark\" id=\"video\">\n <div class=\"container\">\n <div class=\"section-head\">\n <div class=\"section-eyebrow\">FACTORY TOUR<\/div>\n <h2 style=\"color:#fff;\">Inside Asterism’s Workshop<\/h2>\n <p style=\"color:rgba(255,255,255,0.65);\">A 3-minute walkthrough of design, mold making and assembly \u2014 filmed in our precision mold facility.<\/p>\n <\/div>\n\n <div class=\"video-wrap\">\n <div class=\"video-frame\">\n <img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150642_618_63.jpg\" alt=\"Factory Tour Video\">\n <button class=\"play-btn\" aria-label=\"Play video\"><\/button>\n <span class=\"video-duration\">3:24<\/span>\n <\/div>\n\n <div class=\"video-info\">\n <h3>Tour Chapters<\/h3>\n <p>Skip to the part you care about \u2014 6 chapters covering end-to-end mold production.<\/p>\n <ul class=\"video-chapters\">\n <li>00:00 \u2014 Welcome to Asterism <small>0:24<\/small><\/li>\n <li>00:24 \u2014 Package Design Team <small>0:36<\/small><\/li>\n <li>01:00 \u2014 CNC Machining Center <small>0:42<\/small><\/li>\n <li>01:42 \u2014 Mold Assembly Hall <small>0:38<\/small><\/li>\n <li>02:20 \u2014 Quality Inspection <small>0:36<\/small><\/li>\n <li>02:56 \u2014 Customer Tryout <small>0:28<\/small><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================\n Products (4 column grid, 8 bottles)\n ============================================ -->\n<section class=\"section section-soft\" id=\"products\">\n <div class=\"container\">\n <div class=\"section-head\">\n <div class=\"section-eyebrow\">PRODUCT CATALOG<\/div>\n <h2>PET Bottle Designs<\/h2>\n <p>Custom shapes, sizes and finishes \u2014 for water, beverages, personal care and food packaging.<\/p>\n <\/div>\n\n <div class=\"bottle-grid\">\n <div class=\"bottle-card\">\n <div class=\"bottle-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150716_608_63.jpg\" alt=\"\"><\/div>\n <div class=\"bottle-card-body\">\n <h4>550ml Water Bottle<\/h4>\n <span>Mineral water \/ Drinking water<\/span>\n <span class=\"bottle-cat\">WATER<\/span>\n <\/div>\n <\/div>\n <div class=\"bottle-card\">\n <div class=\"bottle-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150717_609_63.jpg\" alt=\"\"><\/div>\n <div class=\"bottle-card-body\">\n <h4>Yaket 550ml Water<\/h4>\n <span>Uganda market \u00b7 Branded<\/span>\n <span class=\"bottle-cat\">WATER<\/span>\n <\/div>\n <\/div>\n <div class=\"bottle-card\">\n <div class=\"bottle-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150717_610_63.jpg\" alt=\"\"><\/div>\n <div class=\"bottle-card-body\">\n <h4>500ml Soap Bottle<\/h4>\n <span>Liquid soap \/ Daily chemical<\/span>\n <span class=\"bottle-cat\">DAILY CHEM<\/span>\n <\/div>\n <\/div>\n <div class=\"bottle-card\">\n <div class=\"bottle-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150718_611_63.jpg\" alt=\"\"><\/div>\n <div class=\"bottle-card-body\">\n <h4>Curved Sport Bottle<\/h4>\n <span>Beverage \/ Sport drink<\/span>\n <span class=\"bottle-cat\">BEVERAGE<\/span>\n <\/div>\n <\/div>\n <div class=\"bottle-card\">\n <div class=\"bottle-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150719_612_63.jpg\" alt=\"\"><\/div>\n <div class=\"bottle-card-body\">\n <h4>Accen Pump Bottle<\/h4>\n <span>Shower gel \/ Personal care<\/span>\n <span class=\"bottle-cat\">PERSONAL CARE<\/span>\n <\/div>\n <\/div>\n <div class=\"bottle-card\">\n <div class=\"bottle-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150719_613_63.jpg\" alt=\"\"><\/div>\n <div class=\"bottle-card-body\">\n <h4>250g Cream Jar<\/h4>\n <span>Cosmetic \/ Cream container<\/span>\n <span class=\"bottle-cat\">COSMETIC<\/span>\n <\/div>\n <\/div>\n <div class=\"bottle-card\">\n <div class=\"bottle-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150720_614_63.jpg\" alt=\"\"><\/div>\n <div class=\"bottle-card-body\">\n <h4>7-Layer Grip Bottle<\/h4>\n <span>Premium mineral water<\/span>\n <span class=\"bottle-cat\">PREMIUM<\/span>\n <\/div>\n <\/div>\n <div class=\"bottle-card\">\n <div class=\"bottle-card-img\" style=\"background: linear-gradient(135deg, #fceceb 0%, #f4f4f4 100%);\">\n <div style=\"text-align:center; color: var(--brand-red); font-weight: 700; font-size: 14px;\">\n + Custom<br>Design\n <\/div>\n <\/div>\n <div class=\"bottle-card-body\">\n <h4>Your Design, Our Mold<\/h4>\n <span>OEM\/ODM available<\/span>\n <span class=\"bottle-cat\">CUSTOM<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================\n Factory Capabilities (4 cards)\n ============================================ -->\n<section class=\"section\" id=\"factory\">\n <div class=\"container\">\n <div class=\"section-head\">\n <div class=\"section-eyebrow\">FACTORY CAPABILITIES<\/div>\n <h2>Inside Our Workshop<\/h2>\n <p>From mold design and CNC machining to final assembly \u2014 every step in-house.<\/p>\n <\/div>\n\n <div class=\"factory-grid\">\n <div class=\"factory-card\">\n <div class=\"factory-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150640_607_63.png\" alt=\"\"><\/div>\n <div class=\"factory-card-body\">\n <h4>Multi-Cavity Mold<\/h4>\n <p>Up to 72 cavities, hot runner ready<\/p>\n <\/div>\n <\/div>\n <div class=\"factory-card\">\n <div class=\"factory-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150729_619_63.jpg\" alt=\"\"><\/div>\n <div class=\"factory-card-body\">\n <h4>5-Axis CNC<\/h4>\n <p>High-precision mold core machining<\/p>\n <\/div>\n <\/div>\n <div class=\"factory-card\">\n <div class=\"factory-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150729_620_63.jpg\" alt=\"\"><\/div>\n <div class=\"factory-card-body\">\n <h4>CMM Inspection<\/h4>\n <p>3D coordinate measuring for every mold<\/p>\n <\/div>\n <\/div>\n <div class=\"factory-card\">\n <div class=\"factory-card-img\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150730_621_63.png\" alt=\"\"><\/div>\n <div class=\"factory-card-body\">\n <h4>Standardized QC<\/h4>\n <p>12+ mold cores per batch inspection<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================\n Stats Strip\n ============================================ -->\n<section>\n <div class=\"container\">\n <div class=\"stats\">\n <div class=\"stat\"><strong>25+<\/strong><span>Years of Experience<\/span><\/div>\n <div class=\"stat\"><strong>500+<\/strong><span>Molds Delivered<\/span><\/div>\n <div class=\"stat\"><strong>200+<\/strong><span>Global Brands<\/span><\/div>\n <div class=\"stat\"><strong>30+<\/strong><span>Countries Served<\/span><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================\n Clients \u2014 2 groups\n ============================================ -->\n<section class=\"section\" id=\"clients\">\n <div class=\"container\">\n <div class=\"section-head\">\n <div class=\"section-eyebrow\">TRUSTED PARTNERS<\/div>\n <h2>Trusted by International Brands<\/h2>\n <p>Two decades of partnership with leading beverage brands and PET equipment makers.<\/p>\n <\/div>\n\n <div class=\"client-group\">\n <div class=\"client-group-head\"><span>BEVERAGE & DAILY CHEMICAL BRANDS<\/span><\/div>\n <div class=\"logo-grid\">\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_593_63.png\" alt=\"Three Squirrels\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_599_63.png\" alt=\"Nongfu Spring\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_605_63.png\" alt=\"Wahaha\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_603_63.png\" alt=\"Dongpeng\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_602_63.png\" alt=\"Mccen\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_601_63.png\" alt=\"Qianshang\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"client-group\">\n <div class=\"client-group-head\"><span>PET EQUIPMENT PARTNERS<\/span><\/div>\n <div class=\"logo-grid logo-grid-7\">\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_594_63.png\" alt=\"KHS\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_595_63.png\" alt=\"Best Crown\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_596_63.png\" alt=\"Sidel\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_597_63.png\" alt=\"Krones\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_598_63.png\" alt=\"SIPA\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_604_63.png\" alt=\"Newamstar\"><\/div>\n <div class=\"logo-cell\"><img decoding=\"async\" src=\"\/assets\/\u5fae\u4fe1\u56fe\u7247_20260629150625_600_63.png\" alt=\"Yaket\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================\n Contact CTA\n ============================================ -->\n<section class=\"section section-soft\" id=\"contact\">\n <div class=\"container\">\n <div class=\"cta-box\">\n <h2>Ready to Start Your Project?<\/h2>\n <p>Tell us your bottle design or upload your sketch. Our engineering team will respond within 24 hours with feasibility, tooling cost and lead time.<\/p>\n <div class=\"cta-actions\">\n <a href=\"mailto:sales@asterism.com\" class=\"btn-white\">Send Inquiry<\/a>\n <a href=\"#\" class=\"btn-outline-white\">Book a Video Call<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================\n Footer\n ============================================ -->\n<footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div>\n <div class=\"brand\">Asterism<\/div>\n <p>PET Package Designer & Mold Maker since 2009.<br>Headquartered in Guangdong, China \u00b7 Serving 30+ countries.<\/p>\n <\/div>\n <div>\n <h5>PRODUCTS<\/h5>\n <ul>\n <li><a href=\"#\">Package Design<\/a><\/li>\n <li><a href=\"#\">Preform Mold<\/a><\/li>\n <li><a href=\"#\">Blow Mold<\/a><\/li>\n <li><a href=\"#\">OEM Service<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h5>COMPANY<\/h5>\n <ul>\n <li><a href=\"#capabilities\">About Us<\/a><\/li>\n <li><a href=\"#factory\">Factory Tour<\/a><\/li>\n <li><a href=\"#clients\">Clients<\/a><\/li>\n <li><a href=\"#\">Certifications<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h5>CONTACT<\/h5>\n <ul>\n <li>sales@asterism.com<\/li>\n <li>+86 020-XXXX XXXX<\/li>\n <li>WhatsApp \u00b7 +86 138 XXXX XXXX<\/li>\n <li>Guangdong, China<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-meta\">\n \u00a9 2009\u20132026 Asterism Precision Production Co., Ltd. \u00b7 All rights reserved.\n <\/div>\n <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Asterism Precision Production \u2014 PET Package Designer &# […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/toyojo.cloud\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toyojo.cloud\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toyojo.cloud\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toyojo.cloud\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toyojo.cloud\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":4,"href":"https:\/\/toyojo.cloud\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/toyojo.cloud\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/toyojo.cloud\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}