.puainta-about-profile {
  --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));
  --about-accent-text: rgb(var(--color-button-text));
  --about-closing-bg: color-mix(in srgb, var(--about-bg) 44%, black);
  --about-closing-text: white;
  color: var(--about-text);
  background: var(--about-bg);
}
.puainta-about-profile *,
.puainta-about-profile *::before,
.puainta-about-profile *::after { box-sizing: border-box; }
.puainta-about-profile__info { display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; max-width: var(--about-content-width, 1180px); margin-inline: auto; padding-block: var(--about-space-top, 108px) var(--about-space-bottom, 108px); }
.puainta-about-profile__eyebrow { margin: 0 0 30px; color: var(--about-muted); font-size: 11px; font-weight: 650; letter-spacing: .22em; }
.puainta-about-profile__eyebrow::before { display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: currentColor; opacity: .45; content: ""; }
.puainta-about-profile__info h2 { margin: 0; color: var(--about-accent); font-family: Arial, sans-serif; font-size: clamp(54px, 7vw, 92px); font-weight: 800; line-height: 1.1; letter-spacing: .1em; }
.puainta-about-profile__info h2 span { display: block; margin-top: 12px; font-family: "Noto Serif TC", "Songti TC", serif; font-size: 26px; font-weight: 500; letter-spacing: .35em; }
.puainta-about-profile__info dl { margin: 0; border-top: 1px solid var(--about-text); }
.puainta-about-profile__info dl div { display: grid; grid-template-columns: 150px 1fr; gap: 30px; padding: 25px 4px; border-bottom: 1px solid var(--about-line); }
.puainta-about-profile__info dt { color: var(--about-muted); font-size: 12px; }
.puainta-about-profile__info dd { margin: 0; font-size: 14px; letter-spacing: .03em; }
.puainta-about-profile__info dd a { color: var(--about-accent); text-decoration: none; }
.puainta-about-profile__closing { position: relative; display: grid; place-items: center; min-height: 650px; padding-inline: 24px; overflow: hidden; color: var(--about-closing-text, #fff); background: var(--about-closing-bg, #2d241f); text-align: center; isolation: isolate; }
.puainta-about-profile__closing-media,
.puainta-about-profile__closing-shade,
.puainta-about-profile__closing-image,
.puainta-about-profile__closing-media > img { position: absolute; inset: 0; width: 100%; height: 100%; }
.puainta-about-profile__closing-media { z-index: -2; }
.puainta-about-profile__closing-image,
.puainta-about-profile__closing-media > img { display: block; object-fit: cover; object-position: center; }
.puainta-about-profile__closing-shade {
  z-index: -1;
  background:
    linear-gradient(90deg, rgb(52 31 23 / 72%), rgb(59 34 24 / 45%) 48%, rgb(45 28 22 / 62%)),
    linear-gradient(180deg, rgb(238 106 50 / 8%), rgb(32 24 20 / 46%));
}
.puainta-about-profile__closing-content { position: relative; z-index: 1; }
.puainta-about-profile__closing-content > p { margin: 0 0 30px; color: color-mix(in srgb, var(--about-closing-text) 68%, transparent); font-size: 11px; font-weight: 650; letter-spacing: .22em; }
.puainta-about-profile__closing-content > p::before { display: inline-block; width: 36px; height: 1px; margin-right: 14px; vertical-align: middle; background: currentColor; opacity: .45; content: ""; }
.puainta-about-profile__closing h2 { margin: 0; font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif; font-size: clamp(44px, 5.5vw, 72px); font-weight: 800; line-height: 1.3; letter-spacing: -.035em; white-space: pre-line; text-shadow: 0 4px 30px rgb(50 20 10 / 26%); }
.puainta-about-profile__closing a { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-width: 235px; min-height: 54px; margin-top: 46px; padding: 0 26px; color: var(--about-accent-text); background: var(--about-accent); border-radius: 999px; font-size: 13px; font-weight: 650; letter-spacing: .06em; text-decoration: none; transition: transform .25s ease; }
.puainta-about-profile__closing a:hover { color: var(--about-accent-text); transform: translateY(-2px); }
@media (max-width: 899px) {
  .puainta-about-profile__info { grid-template-columns: 1fr; gap: 60px; }
}
@media (max-width: 599px) {
  .puainta-about-profile__info { gap: 32px; padding-block: var(--about-mobile-space-top, 52px) var(--about-mobile-space-bottom, 52px); }
  .puainta-about-profile__eyebrow { margin-bottom: 18px; }
  .puainta-about-profile__info h2 { font-size: 46px; }
  .puainta-about-profile__info h2 span { font-size: 20px; }
  .puainta-about-profile__info dl div { grid-template-columns: 88px 1fr; gap: 14px; padding: 18px 2px; }
  .puainta-about-profile__closing { min-height: 450px; }
  .puainta-about-profile__closing-image,
  .puainta-about-profile__closing-media > img { object-position: center; }
  .puainta-about-profile__closing-shade { background: linear-gradient(180deg, rgb(54 34 26 / 28%), rgb(47 28 22 / 78%)); }
  .puainta-about-profile__closing-content > p { margin-bottom: 20px; }
  .puainta-about-profile__closing h2 { font-size: 34px; line-height: 1.35; }
  .puainta-about-profile__closing a { min-height: 48px; margin-top: 28px; }
}
@media (prefers-reduced-motion: reduce) { .puainta-about-profile__closing a { transition: none; } }