/* On mobile, Shiori points toward the copy; her name stays under her photo. */
@media (max-width: 650px) {
  body[data-home-shiori-service-layout="v1"] #shiori-services {
    grid-template-columns: clamp(88px, 28vw, 120px) minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas: "photo copy" "name copy";
    gap: 12px 16px;
    align-items: start;
  }
  body[data-home-shiori-service-layout="v1"] #shiori-services .shiori-guide-photo {
    grid-area: photo;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  body[data-home-shiori-service-layout="v1"] #shiori-services .shiori-guide-name {
    grid-area: name;
    align-self: start;
  }
  body[data-home-shiori-service-layout="v1"] #shiori-services .shiori-guide-copy {
    grid-area: copy;
    align-self: start;
  }
}