/* Preserve the supplied logo pixels; mask only the white canvas outside the circles. */
html body img[src$="junpa-official-square.webp"] {
  width:80px !important;
  height:80px !important;
  max-width:100%;
  object-fit: contain !important;
  object-position: center;
  background: transparent !important;
  filter: none !important;
  transform: none !important;
  mix-blend-mode: normal !important;
  border-radius: 0 !important;
  -webkit-mask-image: url("/assets/brand/junpa-official-display-mask.svg");
  mask-image: url("/assets/brand/junpa-official-display-mask.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
html body .site-header img[src$="junpa-official-square.webp"],
html body .guide-header img[src$="junpa-official-square.webp"] {
  display: block;
  width: 80px !important;
  height: 80px !important;
  max-width: 100%;
}
/* Light footer keeps original blue readable without a boxed image. */
html body .site-footer { background: #eef4f5 !important; }
html body .site-footer :is(p, a, small) { color: #294953 !important; }
html body .site-footer .footer-brand img[src$="junpa-official-square.webp"] {
  display: block;
  width: 94px !important;
  height: 94px !important;
  max-width: 100%;
}
@media (max-width: 640px) {
  html body .site-header img[src$="junpa-official-square.webp"],
  html body .guide-header img[src$="junpa-official-square.webp"] {
    width: 64px !important;
    height: 64px !important;
  }
}

/* Keep the supplied symbol intact; add the readable salon name alongside it. */
html body .junpa-brand-lockup { display:inline-flex; align-items:center; gap:12px; flex-shrink:0; vertical-align:middle; color:#234c48; text-align:left; white-space:nowrap; }
html body .junpa-brand-wordmark { display:flex; flex-direction:column; align-items:center; gap:7px; padding-right:3px; }
html body .junpa-brand-name { display:block; font-family:"Yu Mincho","Hiragino Mincho ProN",serif; font-size:29px; font-weight:500; line-height:1.15; letter-spacing:.16em; margin-right:-.16em; }
html body .junpa-brand-reading { display:block; font-family:"Segoe UI",sans-serif; font-size:10px; font-weight:600; line-height:1; letter-spacing:.27em; margin-right:-.27em; }
html body :is(.site-header,.service-header,.guide-header) a:has(>.junpa-brand-lockup) { width:auto; max-width:none; text-decoration:none; }
@media(max-width:640px) {
 html body .junpa-brand-lockup { gap:8px; }
 html body .junpa-brand-lockup img[src$="junpa-official-square.webp"] { width:64px !important; height:64px !important; }
 html body .junpa-brand-name { font-size:24px; }
 html body .junpa-brand-reading { font-size:9px; }
 html body .junpa-brand-wordmark { gap:5px; }
}