{"id":63,"date":"2026-11-09T08:29:11","date_gmt":"2026-11-09T08:29:11","guid":{"rendered":"https:\/\/miyabrush.com\/?page_id=63"},"modified":"2026-11-09T08:29:11","modified_gmt":"2026-11-09T08:29:11","slug":"sustainability","status":"publish","type":"page","link":"https:\/\/miyabrush.com\/?page_id=63","title":{"rendered":"Sustainability"},"content":{"rendered":"\n<style id=\"miya-theme-custom\">\n\/* MIYA B2B industrial theme \u2014 inspired by Osaki-style section layout (original CSS) *\/\n:root {\n  --miya-ink: #0f1419;\n  --miya-ink-2: #1a222c;\n  --miya-slate: #2c3642;\n  --miya-muted: #6b7582;\n  --miya-line: #e4e7eb;\n  --miya-bg: #f5f6f8;\n  --miya-white: #ffffff;\n  --miya-accent: #c45c26;\n  --miya-accent-h: #a84a1c;\n  --miya-teal: #1f6f6a;\n  --miya-radius: 4px;\n  --miya-shadow: 0 8px 28px rgba(15, 20, 25, 0.08);\n  --miya-max: 1180px;\n  --miya-font: \"Inter\", \"Segoe UI\", system-ui, -apple-system, sans-serif;\n}\n\n\/* Scope under body \/ .miya-site wrapper when possible *\/\n.miya-site,\n.miya-page {\n  font-family: var(--miya-font);\n  color: var(--miya-ink);\n  line-height: 1.65;\n}\n\n.miya-page * { box-sizing: border-box; }\n\n.miya-wrap {\n  width: min(100% - 2rem, var(--miya-max));\n  margin-inline: auto;\n}\n\n.miya-section {\n  padding: 4.5rem 0;\n}\n\n.miya-section--tight { padding: 3rem 0; }\n.miya-section--dark {\n  background: var(--miya-ink);\n  color: var(--miya-white);\n}\n.miya-section--muted { background: var(--miya-bg); }\n\n.miya-kicker {\n  display: inline-block;\n  font-size: 0.75rem;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--miya-accent);\n  font-weight: 700;\n  margin-bottom: 0.75rem;\n}\n\n.miya-section-title {\n  font-size: clamp(1.6rem, 2.4vw, 2.15rem);\n  font-weight: 700;\n  letter-spacing: -0.02em;\n  margin: 0 0 0.75rem;\n  line-height: 1.25;\n}\n\n.miya-section-lead {\n  max-width: 46rem;\n  color: var(--miya-muted);\n  margin: 0 0 2rem;\n  font-size: 1.05rem;\n}\n\n.miya-section--dark .miya-section-lead { color: rgba(255,255,255,0.72); }\n.miya-section--dark .miya-kicker { color: #e8a078; }\n\n\/* Hero *\/\n.miya-hero {\n  position: relative;\n  min-height: clamp(420px, 62vh, 680px);\n  display: grid;\n  align-items: center;\n  background: var(--miya-ink-2);\n  color: var(--miya-white);\n  overflow: hidden;\n}\n\n.miya-hero__media {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n}\n\n.miya-hero__media img,\n.miya-hero__media .miya-ph {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.miya-hero__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(105deg, rgba(15,20,25,0.88) 0%, rgba(15,20,25,0.55) 48%, rgba(15,20,25,0.35) 100%);\n  z-index: 1;\n}\n\n.miya-hero__content {\n  position: relative;\n  z-index: 2;\n  padding: 5rem 0;\n}\n\n.miya-hero h1 {\n  font-size: clamp(2rem, 4.2vw, 3.4rem);\n  line-height: 1.12;\n  letter-spacing: -0.03em;\n  margin: 0 0 1rem;\n  max-width: 14ch;\n  font-weight: 800;\n}\n\n.miya-hero p {\n  font-size: 1.125rem;\n  max-width: 36rem;\n  color: rgba(255,255,255,0.86);\n  margin: 0 0 1.75rem;\n}\n\n\/* Buttons *\/\n.miya-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.85rem 1.5rem;\n  border-radius: var(--miya-radius);\n  font-weight: 700;\n  text-decoration: none !important;\n  border: 2px solid transparent;\n  transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;\n  cursor: pointer;\n  font-size: 0.95rem;\n}\n\n.miya-btn:hover { transform: translateY(-1px); }\n\n.miya-btn--primary {\n  background: var(--miya-accent);\n  color: #fff !important;\n}\n.miya-btn--primary:hover { background: var(--miya-accent-h); color: #fff !important; }\n\n.miya-btn--ghost {\n  background: transparent;\n  border-color: rgba(255,255,255,0.55);\n  color: #fff !important;\n}\n.miya-btn--ghost:hover {\n  background: rgba(255,255,255,0.1);\n  border-color: #fff;\n}\n\n.miya-btn--outline {\n  background: transparent;\n  border-color: var(--miya-ink);\n  color: var(--miya-ink) !important;\n}\n.miya-btn--outline:hover {\n  background: var(--miya-ink);\n  color: #fff !important;\n}\n\n.miya-btn-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.75rem;\n}\n\n\/* Counters \/ about strip *\/\n.miya-about-strip {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 2.5rem;\n  align-items: center;\n}\n\n.miya-counters {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n.miya-counter {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  padding: 1.25rem 1.1rem;\n  box-shadow: var(--miya-shadow);\n}\n\n.miya-counter__value {\n  font-size: 1.65rem;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  color: var(--miya-accent);\n  line-height: 1.1;\n}\n\n.miya-counter__label {\n  margin-top: 0.35rem;\n  font-size: 0.9rem;\n  color: var(--miya-muted);\n}\n\n\/* Product grid *\/\n.miya-grid {\n  display: grid;\n  gap: 1.25rem;\n}\n.miya-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n.miya-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n.miya-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n\n.miya-card {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  overflow: hidden;\n  transition: box-shadow 0.2s, transform 0.2s;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.miya-card:hover {\n  box-shadow: var(--miya-shadow);\n  transform: translateY(-2px);\n}\n\n.miya-card a { color: inherit; text-decoration: none !important; }\n\n.miya-card__media {\n  aspect-ratio: 4 \/ 3;\n  background: #d8dce2;\n  overflow: hidden;\n  position: relative;\n}\n.miya-card__media img,\n.miya-card__media .miya-ph {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.miya-card__body {\n  padding: 1.1rem 1.15rem 1.25rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.4rem;\n  flex: 1;\n}\n\n.miya-card__title {\n  font-size: 1.05rem;\n  font-weight: 700;\n  margin: 0;\n  letter-spacing: -0.01em;\n}\n\n.miya-card__meta {\n  font-size: 0.88rem;\n  color: var(--miya-muted);\n  margin: 0;\n}\n\n.miya-card__link {\n  margin-top: auto;\n  padding-top: 0.75rem;\n  font-size: 0.85rem;\n  font-weight: 700;\n  color: var(--miya-accent) !important;\n  letter-spacing: 0.02em;\n}\n\n\/* Services *\/\n.miya-service {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  padding: 1.5rem 1.25rem;\n  height: 100%;\n}\n.miya-service__icon {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: rgba(196, 92, 38, 0.12);\n  color: var(--miya-accent);\n  display: grid;\n  place-items: center;\n  font-weight: 800;\n  margin-bottom: 1rem;\n  font-size: 0.85rem;\n}\n.miya-service h3 {\n  margin: 0 0 0.5rem;\n  font-size: 1.05rem;\n}\n.miya-service p {\n  margin: 0;\n  color: var(--miya-muted);\n  font-size: 0.95rem;\n}\n\n\/* Placeholder block *\/\n.miya-ph {\n  width: 100%;\n  min-height: 160px;\n  background:\n    repeating-linear-gradient(\n      -45deg,\n      #d5d9e0,\n      #d5d9e0 12px,\n      #c9ced6 12px,\n      #c9ced6 24px\n    );\n  color: #4a5560;\n  display: grid;\n  place-items: center;\n  text-align: center;\n  padding: 1rem;\n  font-size: 0.9rem;\n  font-weight: 600;\n  border: 1px dashed #9aa3ad;\n}\n.miya-ph span {\n  background: rgba(255,255,255,0.85);\n  padding: 0.55rem 0.85rem;\n  border-radius: 3px;\n  max-width: 18rem;\n  line-height: 1.35;\n}\n.miya-ph--hero { min-height: 100%; height: 100%; }\n.miya-ph--tall { min-height: 320px; }\n.miya-ph--wide { min-height: 280px; }\n\n.miya-note {\n  font-size: 0.8rem;\n  color: var(--miya-muted);\n  font-style: italic;\n  margin-top: 0.5rem;\n}\n\n\/* CTA band *\/\n.miya-cta {\n  background: linear-gradient(120deg, var(--miya-ink) 0%, var(--miya-slate) 100%);\n  color: #fff;\n  padding: 3.5rem 0;\n  text-align: center;\n}\n.miya-cta h2 {\n  margin: 0 0 0.75rem;\n  font-size: clamp(1.5rem, 2.5vw, 2rem);\n}\n.miya-cta p {\n  margin: 0 auto 1.5rem;\n  max-width: 36rem;\n  color: rgba(255,255,255,0.78);\n}\n\n\/* Page header (inner) *\/\n.miya-page-header {\n  background: var(--miya-ink);\n  color: #fff;\n  padding: 3.5rem 0 3rem;\n}\n.miya-page-header h1 {\n  margin: 0 0 0.5rem;\n  font-size: clamp(1.8rem, 3vw, 2.5rem);\n  letter-spacing: -0.02em;\n}\n.miya-page-header p {\n  margin: 0;\n  color: rgba(255,255,255,0.75);\n  max-width: 40rem;\n}\n\n\/* About anchors *\/\n.miya-anchor-nav {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  margin: 1.5rem 0 0;\n}\n.miya-anchor-nav a {\n  color: #fff !important;\n  text-decoration: none !important;\n  border: 1px solid rgba(255,255,255,0.35);\n  padding: 0.4rem 0.85rem;\n  border-radius: 999px;\n  font-size: 0.85rem;\n  font-weight: 600;\n}\n.miya-anchor-nav a:hover { background: rgba(255,255,255,0.12); }\n\n.miya-split {\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 2.5rem;\n  align-items: center;\n}\n.miya-split--rev > :first-child { order: 2; }\n\n.miya-prose h2 {\n  font-size: 1.55rem;\n  margin: 0 0 0.75rem;\n  letter-spacing: -0.02em;\n}\n.miya-prose p { color: var(--miya-muted); margin: 0 0 1rem; }\n.miya-prose ul {\n  margin: 0 0 1rem;\n  padding-left: 1.15rem;\n  color: var(--miya-muted);\n}\n.miya-prose li { margin-bottom: 0.35rem; }\n\n.miya-contact-grid {\n  display: grid;\n  grid-template-columns: 0.9fr 1.1fr;\n  gap: 2rem;\n}\n.miya-contact-card {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  padding: 1.5rem;\n}\n.miya-contact-card h3 {\n  margin: 0 0 1rem;\n  font-size: 1.1rem;\n}\n.miya-contact-card p,\n.miya-contact-card a {\n  margin: 0 0 0.65rem;\n  color: var(--miya-muted);\n  text-decoration: none;\n  display: block;\n}\n.miya-contact-card a:hover { color: var(--miya-accent); }\n\n.miya-form-box {\n  background: var(--miya-white);\n  border: 1px solid var(--miya-line);\n  border-radius: var(--miya-radius);\n  padding: 1.5rem;\n  box-shadow: var(--miya-shadow);\n}\n\n.miya-footer-legal {\n  font-size: 0.85rem;\n  color: var(--miya-muted);\n}\n\n\/* Dark nav hint for theme Customizer \/ Additional CSS *\/\n.site-header,\n.wp-block-navigation,\nheader.wp-block-template-part {\n  \/* Soft suggestion \u2014 theme may override *\/\n}\n\n@media (max-width: 960px) {\n  .miya-about-strip,\n  .miya-split,\n  .miya-contact-grid,\n  .miya-grid--3,\n  .miya-grid--4 {\n    grid-template-columns: 1fr 1fr;\n  }\n  .miya-hero h1 { max-width: none; }\n}\n\n@media (max-width: 640px) {\n  .miya-about-strip,\n  .miya-split,\n  .miya-contact-grid,\n  .miya-grid--2,\n  .miya-grid--3,\n  .miya-grid--4,\n  .miya-counters {\n    grid-template-columns: 1fr;\n  }\n  .miya-section { padding: 3rem 0; }\n  .miya-hero { min-height: 420px; }\n}\n\n<\/style>\n\n\n<!-- MIYA Sustainability -->\n\n<div class=\"miya-page\">\n<header class=\"miya-page-header\">\n  <div class=\"miya-wrap\">\n    <div class=\"miya-kicker\">Sustainability<\/div>\n    <h1>Our commitment as a manufacturer<\/h1>\n    <p>Hair brushes are everyday personal-care tools. How they are made and packed matters to buyers and end users alike.<\/p>\n  <\/div>\n<\/header>\n<section class=\"miya-section\">\n  <div class=\"miya-wrap miya-split\">\n    <div>\n      <!-- IMAGE SLOT: Sustainability visual \u2014 later: packing line \/ material samples -->\n\n      <div class=\"miya-ph miya-ph--tall\" role=\"img\" aria-label=\"SUSTAINABILITY\"><span>SUSTAINABILITY<br><em>Replace with your image<\/em><\/span><\/div>\n    <\/div>\n    <div class=\"miya-prose\">\n      <h2>3R thinking for brush programs<\/h2>\n      <p><strong>Reduce \u00b7 Reuse \u00b7 Recycle<\/strong> guides how we discuss materials, process efficiency, and packaging with brand partners.<\/p>\n      <ul>\n        <li><strong>Reduce<\/strong> \u2014 right-size packaging and avoid unnecessary components where the brief allows.<\/li>\n        <li><strong>Reuse<\/strong> \u2014 durable product design for longer useful life in daily grooming.<\/li>\n        <li><strong>Recycle<\/strong> \u2014 explore recyclable packing options and material choices requested by your market.<\/li>\n      <\/ul>\n      <p>Tell us your sustainability requirements early \u2014 we will align sampling and documentation to your channel needs.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n<section class=\"miya-cta\">\n  <div class=\"miya-wrap\">\n    <h2>Ask about materials &amp; packing options<\/h2>\n    <a class=\"miya-btn miya-btn--primary\" href=\"\/contact\/\">Talk to MIYA<\/a>\n  <\/div>\n<\/section>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Sustainability Our commitment as a manufacturer Hair brushes are everyday personal-care tools. How they are made and packed matters to buyers and end users alike. SUSTAINABILITYReplace with your image 3R thinking for brush programs Reduce \u00b7 Reuse \u00b7 Recycle guides how we discuss materials, process efficiency, and packaging with brand partners. Reduce \u2014 right-size packaging &#8230; <a title=\"Sustainability\" class=\"read-more\" href=\"https:\/\/miyabrush.com\/?page_id=63\" aria-label=\"Read more about Sustainability\">Read more<\/a><\/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-63","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/miyabrush.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=63"}],"version-history":[{"count":0,"href":"https:\/\/miyabrush.com\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions"}],"wp:attachment":[{"href":"https:\/\/miyabrush.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}