{"id":640,"date":"2026-06-01T00:21:41","date_gmt":"2026-05-31T15:21:41","guid":{"rendered":"https:\/\/yuaworks.com\/?page_id=640"},"modified":"2026-06-18T22:19:07","modified_gmt":"2026-06-18T13:19:07","slug":"home","status":"publish","type":"page","link":"https:\/\/yuaworks.com\/","title":{"rendered":"Yuaworks-en"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   YuaWorks HOME CSS\n   Direction: Dark Metallic \/ Rack Gear \/ Creative Tech\n========================================================= *\/\n\n.yw-home-wrap {\n  width: min(100% - 32px, 1080px);\n  margin-inline: auto;\n}\n\n\/* =========================\n   Intro\n========================= *\/\n\n.yw-intro {\n  position: relative;\n  max-width: 960px;\n  margin: 120px auto 38px;\n  padding: 52px 46px;\n  border-radius: 14px;\n  overflow: hidden;\n\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.012)),\n    linear-gradient(90deg, rgba(18,22,32,.92), rgba(7,9,14,.94));\n\n  border: 1px solid rgba(160,180,210,.18);\n  border-top-color: rgba(255,255,255,.12);\n  border-bottom-color: rgba(79,195,255,.20);\n\n  box-shadow:\n    0 28px 76px rgba(0,0,0,.46),\n    inset 0 1px 0 rgba(255,255,255,.08),\n    inset 0 -1px 0 rgba(79,195,255,.09);\n}\n\n.yw-intro::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, #4fc3ff, #7a6cff, transparent);\n  opacity: .78;\n}\n\n.yw-intro::after {\n  content: \"YUAWORKS \/\/ SYSTEM\";\n  position: absolute;\n  right: 24px;\n  bottom: 18px;\n  color: rgba(79,195,255,.16);\n  font-family: var(--yw-mono, \"Consolas\", \"Menlo\", monospace);\n  font-size: 11px;\n  letter-spacing: .18em;\n  pointer-events: none;\n}\n\n.yw-intro h3 {\n  position: relative;\n  margin: 0 0 24px;\n  color: #f7f9fc;\n  font-size: clamp(28px, 4vw, 42px);\n  font-weight: 700;\n  line-height: 1.45;\n  letter-spacing: .05em;\n  text-shadow: 0 0 22px rgba(79,195,255,.10);\n}\n\n.yw-intro h3::after {\n  content: \"\";\n  display: block;\n  width: 54px;\n  height: 2px;\n  margin-top: 18px;\n  background: linear-gradient(90deg, #4fc3ff, transparent);\n}\n\n.yw-intro p {\n  position: relative;\n  max-width: 780px;\n  margin: 0 0 22px;\n  color: #aeb8c7;\n  font-size: 16px;\n  line-height: 2.15;\n}\n\n.yw-intro p:last-child {\n  margin-bottom: 0;\n}\n\n\/* hairline texture *\/\n\n.yw-intro .yw-card,\n.yw-intro::marker {\n  display: none;\n}\n\n.yw-intro {\n  background-image:\n    repeating-linear-gradient(\n      0deg,\n      rgba(255,255,255,.020) 0,\n      rgba(255,255,255,.020) 1px,\n      transparent 1px,\n      transparent 7px\n    ),\n    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.012)),\n    linear-gradient(90deg, rgba(18,22,32,.92), rgba(7,9,14,.94));\n}\n\n\/* corner screws *\/\n\n.yw-intro .yw-screw,\n.yw-service-card .yw-screw {\n  display: none;\n}\n\n.yw-intro::selection {\n  background: rgba(79,195,255,.24);\n}\n\n\/* =========================\n   Other Services\n========================= *\/\n\n.yw-any-consult {\n  position: relative;\n  width: 100%;\n  margin: 0 auto 42px;\n  padding: 26px 34px;\n  border-radius: 10px;\n  overflow: hidden;\n\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.010)),\n    linear-gradient(90deg, rgba(10,12,18,.92), rgba(6,8,12,.95));\n\n  border: 1px solid rgba(79,195,255,.22);\n  border-top-color: rgba(255,255,255,.10);\n  border-bottom-color: rgba(79,195,255,.24);\n\n  box-shadow:\n    0 20px 58px rgba(0,0,0,.38),\n    inset 0 1px 0 rgba(255,255,255,.07),\n    inset 0 -1px 0 rgba(79,195,255,.09);\n}\n\n.yw-any-consult::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(79,195,255,.82), rgba(122,108,255,.58), transparent);\n}\n\n.yw-any-consult::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    repeating-linear-gradient(\n      0deg,\n      rgba(255,255,255,.018) 0,\n      rgba(255,255,255,.018) 1px,\n      transparent 1px,\n      transparent 7px\n    );\n  opacity: .24;\n  pointer-events: none;\n}\n\n.yw-any-label {\n  position: relative;\n  z-index: 1;\n  margin: 0 0 10px;\n  color: #4fc3ff;\n  font-family: var(--yw-mono, \"Consolas\", \"Menlo\", monospace);\n  font-size: 11px;\n  letter-spacing: .18em;\n  font-weight: 700;\n}\n\n.yw-any-label::before {\n  content: \"SYS \/\/ \";\n  color: #7a6cff;\n  opacity: .9;\n}\n\n.yw-any-consult h2 {\n  position: relative;\n  z-index: 1;\n  margin: 0 0 14px;\n  color: #f7f9fc;\n  font-size: clamp(20px, 2.4vw, 28px);\n  line-height: 1.5;\n  letter-spacing: .04em;\n}\n\n.yw-any-consult p {\n  position: relative;\n  z-index: 1;\n  max-width: 920px;\n  margin: 0 0 10px;\n  color: #aeb8c7;\n  font-size: 14px;\n  line-height: 2;\n}\n\n.yw-any-consult p:last-child {\n  margin-bottom: 0;\n}\n\n\/* =========================\n   Service Cards\n========================= *\/\n\n.yw-service-wrapper {\n  display: block; \/* 2\u30ab\u30e9\u30e0\u306egrid\u304b\u30891\u30ab\u30e9\u30e0\u306b\u5909\u66f4 *\/\n  max-width: 860px; \/* \u5358\u4f53\u3067\u898b\u6804\u3048\u304c\u826f\u3044\u30b5\u30a4\u30ba\u306b\u5236\u9650 *\/\n  margin: 0 auto;\n  width: 100%;\n}\n\n.yw-service-card {\n  position: relative;\n  padding: 38px 34px;\n  border-radius: 12px;\n  overflow: hidden;\n\n  background:\n    repeating-linear-gradient(\n      0deg,\n      rgba(255,255,255,.018) 0,\n      rgba(255,255,255,.018) 1px,\n      transparent 1px,\n      transparent 7px\n    ),\n    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.010)),\n    linear-gradient(90deg, rgba(16,20,29,.90), rgba(7,9,14,.94));\n\n  border: 1px solid rgba(160,180,210,.16);\n  border-top-color: rgba(255,255,255,.10);\n  border-bottom-color: rgba(79,195,255,.18);\n\n  box-shadow:\n    0 24px 68px rgba(0,0,0,.42),\n    inset 0 1px 0 rgba(255,255,255,.07),\n    inset 0 -1px 0 rgba(79,195,255,.07);\n\n  transition:\n    transform .28s ease,\n    border-color .28s ease,\n    box-shadow .28s ease;\n}\n\n.yw-service-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, #4fc3ff, #7a6cff, transparent);\n  opacity: .70;\n}\n\n.yw-service-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(79,195,255,.34);\n  box-shadow:\n    0 34px 86px rgba(0,0,0,.50),\n    0 0 28px rgba(79,195,255,.08),\n    inset 0 1px 0 rgba(255,255,255,.08);\n}\n\n.yw-service-card h3 {\n  position: relative;\n  margin: 0 0 24px;\n  color: #f7f9fc;\n  font-size: 28px;\n  font-weight: 700;\n  line-height: 1.45;\n  letter-spacing: .05em;\n}\n\n.yw-service-card p {\n  position: relative;\n  margin: 0 0 20px;\n  color: #aeb8c7;\n  font-size: 15.5px;\n  line-height: 2.05;\n}\n\n.yw-service-card ul {\n  position: relative;\n  margin: 30px 0 0;\n  padding: 0;\n  display: grid;\n  gap: 14px;\n  list-style: none;\n}\n\n.yw-service-card li {\n  position: relative;\n  padding: 16px 18px 16px 46px;\n  border-radius: 8px;\n\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)),\n    rgba(255,255,255,.020);\n\n  border: 1px solid rgba(160,180,210,.13);\n  color: #aeb8c7;\n  font-size: 14px;\n  line-height: 1.95;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.04);\n}\n\n.yw-service-card li::before {\n  content: \"\";\n  position: absolute;\n  left: 20px;\n  top: 1.5em;\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #4fc3ff;\n  box-shadow: 0 0 14px rgba(79,195,255,.8);\n}\n\n.yw-service-card strong {\n  color: #f7f9fc;\n  font-weight: 700;\n}\n\n.yw-mix::after {\n  content: \"MIX \/ MASTERING\";\n  position: absolute;\n  right: -16px;\n  top: 28px;\n  transform: rotate(90deg);\n  color: rgba(79,195,255,.16);\n  font-family: var(--yw-mono, \"Consolas\", \"Menlo\", monospace);\n  font-size: 11px;\n  letter-spacing: .18em;\n}\n\n\/* =========================\n   Buttons\n========================= *\/\n\n.yw-btn-wrapper {\n  position: relative;\n  margin-top: 34px;\n}\n\n.yw-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 50px;\n  padding: 13px 24px;\n  border-radius: 4px;\n\n  background:\n    linear-gradient(180deg, rgba(79,195,255,.18), rgba(79,195,255,.055));\n\n  border: 1px solid rgba(79,195,255,.42);\n\n  color: #eaf7ff !important;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: .10em;\n\n  box-shadow:\n    0 0 28px rgba(79,195,255,.14),\n    inset 0 1px 0 rgba(255,255,255,.09);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease,\n    opacity .25s ease;\n}\n\n.yw-btn:hover {\n  transform: translateY(-2px);\n  opacity: .96;\n  box-shadow:\n    0 0 38px rgba(79,195,255,.22),\n    inset 0 1px 0 rgba(255,255,255,.12);\n}\n\n\/* =========================\n   Footer Info\n========================= *\/\n\n.yw-footer-info {\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  width: 100%;\n  margin-top: 46px;\n  padding: 34px;\n  border-radius: 12px;\n  overflow: hidden;\n\n  background:\n    repeating-linear-gradient(\n      0deg,\n      rgba(255,255,255,.016) 0,\n      rgba(255,255,255,.016) 1px,\n      transparent 1px,\n      transparent 7px\n    ),\n    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.010)),\n    linear-gradient(90deg, rgba(16,20,29,.88), rgba(7,9,14,.92));\n\n  border: 1px solid rgba(160,180,210,.16);\n  border-top-color: rgba(255,255,255,.10);\n  border-bottom-color: rgba(79,195,255,.18);\n\n  box-shadow:\n    0 22px 64px rgba(0,0,0,.40),\n    inset 0 1px 0 rgba(255,255,255,.07),\n    inset 0 -1px 0 rgba(79,195,255,.07);\n}\n\n.yw-footer-info::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, #4fc3ff, #7a6cff, transparent);\n  opacity: .68;\n}\n\n.yw-info-box {\n  position: relative;\n  padding: 28px 26px;\n  border-radius: 8px;\n\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)),\n    rgba(255,255,255,.018);\n\n  border: 1px solid rgba(160,180,210,.13);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.04);\n\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.yw-info-box:hover {\n  transform: translateY(-3px);\n  border-color: rgba(79,195,255,.26);\n  box-shadow:\n    0 18px 42px rgba(0,0,0,.28),\n    inset 0 1px 0 rgba(255,255,255,.05);\n}\n\n.yw-info-box::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: 1px;\n  background: linear-gradient(90deg, #4fc3ff, transparent);\n  opacity: .72;\n}\n\n.yw-info-box h4 {\n  margin: 0 0 16px;\n  color: #f7f9fc;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: .05em;\n}\n\n.yw-info-box h4::before {\n  content: \"INFO \/\/ \";\n  color: #4fc3ff;\n  font-family: var(--yw-mono, \"Consolas\", \"Menlo\", monospace);\n  font-size: 11px;\n  letter-spacing: .14em;\n  font-weight: 600;\n}\n\n.yw-info-box p {\n  margin: 0;\n  color: #aeb8c7;\n  font-size: 14.5px;\n  line-height: 2;\n}\n\n.yw-info-box a {\n  color: #4fc3ff !important;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(79,195,255,.34);\n  transition:\n    opacity .25s ease,\n    border-color .25s ease;\n}\n\n.yw-info-box a:hover {\n  opacity: .72;\n  border-color: rgba(79,195,255,.55);\n}\n\n\/* =========================\n   Responsive\n========================= *\/\n\n@media (max-width: 960 {\n  .yw-footer-info {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 768px) {\n  .yw-home-wrap {\n    width: min(100% - 28px, 1080px);\n  }\n\n  .yw-intro {\n    margin: 100px auto 30px;\n    padding: 36px 24px;\n    border-radius: 12px;\n  }\n\n  .yw-intro h3 {\n    font-size: 30px;\n  }\n\n  .yw-intro p {\n    font-size: 15px;\n    line-height: 2;\n  }\n\n  .yw-intro::after {\n    right: 18px;\n    bottom: 14px;\n    font-size: 9px;\n  }\n\n  .yw-any-consult {\n    margin-bottom: 32px;\n    padding: 22px 20px;\n    border-radius: 10px;\n  }\n\n  .yw-any-consult p {\n    font-size: 13px;\n    line-height: 1.9;\n  }\n\n  .yw-service-card {\n    padding: 30px 24px;\n    border-radius: 12px;\n  }\n\n  .yw-service-card h3 {\n    font-size: 24px;\n  }\n\n  .yw-service-card p {\n    font-size: 15px;\n    line-height: 2;\n  }\n\n  .yw-service-card li {\n    padding: 15px 16px 15px 40px;\n    font-size: 13.5px;\n  }\n\n  .yw-service-card li::before {\n    left: 17px;\n  }\n\n  .yw-btn {\n    width: 100%;\n  }\n\n  .yw-footer-info {\n    gap: 18px;\n    padding: 24px;\n    border-radius: 12px;\n  }\n\n  .yw-info-box {\n    padding: 22px 20px;\n    border-radius: 8px;\n  }\n\n  .yw-info-box h4 {\n    font-size: 18px;\n  }\n\n  .yw-info-box p {\n    font-size: 14px;\n    line-height: 1.95;\n  }\n}\n<\/style>\n\n<div class=\"yw-home-wrap\">\n\n  <div class=\"yw-card yw-intro\">\n    <h3>Bringing Your Passion to Life.<\/h3>\n    <p>\n      &#8220;I have a vision, but I\u2019m not sure about the technical side.&#8221;<br>\n      YuaWorks is a place dedicated to supporting creators who are ready to take that first step.\n    <\/p>\n    <p>\n      Through mixing and creative support, I value your unique individuality and help make your activities more enjoyable, rewarding, and worry-free.\n    <\/p>\n  <\/div>\n\n  <section class=\"yw-any-consult\">\n    <p class=\"yw-any-label\">OTHER SERVICES<\/p>\n    <h2>Feel free to consult me about other services.<\/h2>\n    <p>\n      In addition to mixing and video production, YuaWorks offers a wide range of creation and technical support for your online activities, including web development, streaming setup, and PC\/IT device configuration.\n    <\/p>\n    <p>\n      Even if you&#8217;re wondering, &#8220;Can I ask for this too?&#8221;, please feel free to reach out to me first.\n    <\/p>\n  <\/section>\n\n  <div class=\"yw-service-wrapper\">\n\n    <div class=\"yw-service-card yw-mix\">\n      <h3>\ud83c\udf99 MIX<\/h3>\n      <p>\n        I will help you create your &#8220;Utaite \/ Cover&#8221; music videos while cherishing the unique voice and atmosphere of each vocalist and VTuber.\n      <\/p>\n\n      <ul>\n        <li><strong>Vocal Nuance Preservation:<\/strong> Smooths out the listening experience while preserving the unique dynamics and natural qualities of the vocalist.<\/li>\n        <li><strong>Tailored Balance &#038; Tone:<\/strong> Shapes the sound to perfectly match your vocal style and vibe, letting your charm shine through naturally.<\/li>\n        <li><strong>Creative Audio Effects:<\/strong> Enhances the track with harmony generation and custom effects to expand the world of both the music and the vocalist.<\/li>\n      <\/ul>\n\n      <div class=\"yw-btn-wrapper\">\n        <a href=\"https:\/\/yuaworks.com\/price\/\" class=\"yw-btn\">View Details &#038; Pricing \u2192<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"yw-card yw-footer-info\">\n    <div class=\"yw-info-box\">\n      <h4>Discography<\/h4>\n      <p>Works I have supported (mixing, video production, etc.) are regularly updated and available on my YouTube playlist.<\/p>\n      \n      <a href=\"https:\/\/youtube.com\/playlist?list=PLzA2hRccgINBKwZdM0-GqEHYUP4FlDVvb\" class=\"yw-button\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"margin-top: 16px; min-height: 46px;\">\n        PLAYLIST DISCOGRAPHY &gt;\n      <\/a>\n    <\/div>\n\n    <div class=\"yw-info-box\">\n      <h4>Guide<\/h4>\n      <p>\n        If you are a first-time client, please feel free to reach out to me anytime via the\n        <a href=\"https:\/\/yuaworks.com\/contact\/\">Contact Form<\/a>.\n      <\/p>\n    <\/div>\n  <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to YuaWorks. We provide professional audio mixing, high-quality music video production, and custom creator tools tailored for VTubers and vocalists. Bringing your creative vision into a definitive form.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"en_US","_original_post":"http:\/\/yuaworks.xsrv.jp\/?page_id=5","footnotes":""},"class_list":["post-640","page","type-page","status-publish","hentry","en-US"],"_links":{"self":[{"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/pages\/640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/comments?post=640"}],"version-history":[{"count":6,"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/pages\/640\/revisions"}],"predecessor-version":[{"id":761,"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/pages\/640\/revisions\/761"}],"wp:attachment":[{"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/media?parent=640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}