.about-brand-art {
  width: min(960px, calc(100% - 32px));
  margin: clamp(24px, 4vw, 40px) auto 0;
}
.about-brand-art img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  /* Frame the lettering rather than the transparent top/bottom canvas. */
  aspect-ratio: 4.6 / 1;
  object-fit: cover;
  object-position: center;
}
main h1,
main h2 {
  display: flex;
  align-items: center;
  gap: clamp(10px, 2vw, 16px);
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-weight: 950;
  line-height: 1.3;
  letter-spacing: -.035em;
}
main h2 { font-size: clamp(1.25rem, 3.4vw, 1.55rem); }
main h1 { font-size: clamp(1.75rem, 5vw, 2.45rem); }
.about-heading-bull {
  display: block;
  flex: 0 0 auto;
  width: clamp(40px, 6vw, 56px);
  height: auto;
}
main h1 .about-heading-bull { width: clamp(52px, 8vw, 76px); }
.about-heading-text {
  min-width: 0;
  color: #111;
  overflow-wrap: anywhere;
  -webkit-text-stroke: 3px #fff;
  paint-order: stroke fill;
  filter: drop-shadow(.6px 0 0 #777) drop-shadow(-.6px 0 0 #777) drop-shadow(0 .6px 0 #777) drop-shadow(0 -.6px 0 #777);
}
@media (max-width: 600px) {
  .about-brand-art { width: calc(100% - 24px); margin-top: 24px; }
}

main .about-personal-emphasis {
  color: #168349;
  font-weight: 800;
}
html[data-theme="dark"] main .about-personal-emphasis {
  color: #65d493;
}