.puainta-about-global {
  --about-bg: rgb(var(--color-background));
  --about-text: rgb(var(--color-text));
  --about-muted: rgb(var(--color-light-text));
  --about-line: rgb(var(--color-entry-line));
  --about-accent: rgb(var(--color-button-background));
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  width: min(var(--about-content-width, 1600px), calc(100% - 64px));
  max-width: 1480px;
  margin-block: 72px;
  margin-inline: auto;
  overflow: hidden;
  color: var(--about-text);
  background: var(--about-bg);
  border: 1px solid var(--about-line);
  border-radius: 30px;
  box-shadow: 0 24px 70px rgb(88 52 35 / 9%);
}
.puainta-about-global *,
.puainta-about-global *::before,
.puainta-about-global *::after { box-sizing: border-box; }
.puainta-about-global__visual { grid-column: 2; grid-row: 1; min-height: 720px; overflow: hidden; }
.puainta-about-global__image,
.puainta-about-global__visual > img { display: block; width: 100%; height: 100%; min-height: 720px; object-fit: cover; object-position: 67% center; }
.puainta-about-global__copy { align-self: center; grid-column: 1; grid-row: 1; padding: var(--about-space-top, 108px) clamp(54px, 7vw, 110px) var(--about-space-bottom, 108px); }
.puainta-about-global__eyebrow { margin: 0 0 30px; color: var(--about-accent); font-size: 11px; font-weight: 650; letter-spacing: .22em; }
.puainta-about-global__eyebrow::before { display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: currentColor; opacity: .45; content: ""; }
.puainta-about-global h2 { margin: 0; font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif; font-size: clamp(38px, 4.2vw, 60px); font-weight: 800; line-height: 1.32; letter-spacing: -.035em; white-space: pre-line; }
.puainta-about-global__body { margin: 34px 0 56px; color: var(--about-muted); font-size: 15px; line-height: 2.1; }
.puainta-about-global__facts { border-top: 1px solid var(--about-line); }
.puainta-about-global__fact { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: center; padding: 19px 0; border-bottom: 1px solid var(--about-line); }
.puainta-about-global__fact > span { display: grid; width: 34px; height: 34px; place-items: center; color: var(--about-accent); background: color-mix(in srgb, var(--about-accent) 12%, var(--about-bg)); border-radius: 50%; font-size: 10px; font-weight: 800; }
.puainta-about-global__fact div { display: flex; flex-direction: column; gap: 5px; }
.puainta-about-global__fact strong { font-size: 16px; font-weight: 600; letter-spacing: .08em; }
.puainta-about-global__fact p { margin: 0; color: var(--about-muted); font-size: 12px; }
@media (max-width: 899px) {
  .puainta-about-global { grid-template-columns: 1fr; width: 100%; margin-block: 0; border: 0; border-radius: 0; box-shadow: none; }
  .puainta-about-global__visual,
  .puainta-about-global__copy { grid-column: auto; grid-row: auto; }
  .puainta-about-global__visual,
  .puainta-about-global__image,
  .puainta-about-global__visual > img { min-height: 62vw; }
  .puainta-about-global__copy { padding: 90px 9vw; }
}
@media (max-width: 599px) {
  .puainta-about-global__visual,
  .puainta-about-global__image,
  .puainta-about-global__visual > img { min-height: 0; height: clamp(250px, 72vw, 320px); }
  .puainta-about-global__copy { padding: var(--about-mobile-space-top, 52px) 22px var(--about-mobile-space-bottom, 56px); }
  .puainta-about-global__eyebrow { margin-bottom: 18px; }
  .puainta-about-global h2 { font-size: 31px; line-height: 1.4; }
  .puainta-about-global__body { margin: 22px 0 28px; font-size: 14px; line-height: 1.8; }
  .puainta-about-global__fact { padding: 16px 0; }
}