/* Match the hand pose's face to the portrait scale while preserving the full image. */
body[data-shiori-hand-face-balance="v1"] :is(.shiori-guide,.shiori-service-guide)[data-shiori-guide][data-shiori-pose="hand"]:not(#shiori-intro):not(#shiori-consultation) {
  --shiori-hand-width:192px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  row-gap:16px;
}
body[data-shiori-hand-face-balance="v1"] :is(.shiori-guide,.shiori-service-guide)[data-shiori-guide][data-shiori-pose="hand"]:not(#shiori-intro):not(#shiori-consultation) .shiori-guide-photo {
  flex:0 1 var(--shiori-hand-width);
  width:var(--shiori-hand-width);
  max-width:100%;
  height:auto;
  object-fit:contain;
  margin:0;
}
body[data-shiori-hand-face-balance="v1"] :is(.shiori-guide,.shiori-service-guide)[data-shiori-guide][data-shiori-pose="hand"]:not(#shiori-intro):not(#shiori-consultation) .shiori-guide-copy {
  flex:1 1 15rem;
  min-width:0;
  align-self:center;
  margin:0;
}
@media(min-width:651px) and (max-width:900px) {
  body[data-shiori-hand-face-balance="v1"] :is(.shiori-guide,.shiori-service-guide)[data-shiori-guide][data-shiori-pose="hand"]:not(#shiori-intro):not(#shiori-consultation) {
    --shiori-hand-width:224px;
  }
}
@media(max-width:650px) {
  body[data-shiori-hand-face-balance="v1"] :is(.shiori-guide,.shiori-service-guide)[data-shiori-guide][data-shiori-pose="hand"]:not(#shiori-intro):not(#shiori-consultation) {
    --shiori-hand-width:clamp(176px,56vw,240px);
  }
  body[data-shiori-hand-face-balance="v1"] :is(.shiori-guide,.shiori-service-guide)[data-shiori-guide][data-shiori-pose="hand"][id="shiori-services"]:not(#shiori-intro):not(#shiori-consultation) {
    --shiori-hand-width:clamp(160px,52vw,224px);
  }
}