/* ABOUT-only replacement artwork; preserve legacy hooks for shared scripts. */
#about.about-page .p-about-service .l-tab-content-column {
  display: grid;
  grid-template-columns: minmax(0, 520px) 360px;
  grid-template-areas: "text illustration";
  align-items: start;
  gap: 64px;
  width: 100%;
  max-width: 944px;
  margin-inline: auto;
}
#about.about-page .p-about-service .l-tab-content-column-textbox {
  grid-area: text;
  width: auto;
  min-width: 0;
}
#about.about-page .p-about-service .l-tab-content-column-illust {
  grid-area: illustration;
  width: 100%;
  margin: 0;
}
#about.about-page .p-about-service .c-lowlayer-sectiontitle { margin-bottom: 56px; }
@media (max-width: 900px) {
  #about.about-page .p-about-service .l-tab-content-column {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "text" "illustration";
    max-width: 560px;
    gap: 28px;
  }
  #about.about-page .p-about-service .c-lowlayer-sectiontitle { margin-bottom: 36px; }
}
#about.about-page #p-howtouse-list .illust img {
  display: block;
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
}
#about.about-page .p-about-service .l-tab-content-column-illust img {
  display: block;
  width: 100%;
  max-width: 360px;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 45% center;
  margin: 0 auto;
  border-radius: 12px;
}
#about.about-page .about-edge-art {
  position: absolute;
  z-index: 1;
  width: clamp(130px, 18vw, 260px);
  height: auto;
  opacity: 0.4;
  pointer-events: none;
  user-select: none;
}
#about.about-page .about-edge-art--left {
  top: 80px;
  left: calc((100% - 100vw) / 2 - 5px);
}
#about.about-page .about-edge-art--right {
  top: calc(45% - 200px);
  right: calc((100% - 100vw) / 2 - 5px);
}
#about.about-page #about-members { position: relative; }
#about.about-page .about-edge-art--members {
  top: -280px;
  width: clamp(110px, 15vw, 220px);
  left: calc((100% - 100vw) / 2 - 5px);
}
#about.about-page #about-members > :is(h3, ul) { position: relative; z-index: 2; }
@media (max-width: 750px) {
  #about.about-page #about-members .about-edge-art--members { top: -180px; width: 72px; }
}
#about.about-page #l-lowlayer-body-contents { z-index: 2; }
@media (max-width: 750px) {
  #about.about-page .about-edge-art { width: 84px; }
}
#about.about-page #l-kv { visibility: hidden; pointer-events: none; }
#about.about-page #l-lowlayer-header { position: relative; }
.about-hero-art {
  position: absolute;
  top: 100px;
  right: 3vw;
  width: 50vw;
  height: 480px;
  margin: 0;
  pointer-events: none;
}
.about-hero-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
#about.about-page #l-lowlayer-header-contents-lead { max-width: 42%; }
@media (max-width: 1199px) and (min-width: 751px) {
  #about.about-page #l-lowlayer-header-contents-title .en { font-size: 64px; }
  .about-hero-art { width: 49vw; right: 1vw; }
}
@media (max-width: 750px) {
  #about.about-page #l-lowlayer-header { height: calc(344px + 70vw); }
  #about.about-page #l-lowlayer-header-contents-lead { max-width: 100%; }
  .about-hero-art { top: 304px; right: 6%; width: 88%; height: 66vw; }
}