.qimen-about-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 7px; color:#79665a; font-size: 13px; font-weight:600; white-space:nowrap; text-underline-offset:5px; }
.qimen-about-link:hover,.qimen-about-link[aria-current=page] { color:#a74f3d; text-decoration:underline; }
.page.qimen-about-page { max-width:1000px; padding-top:26px; }
.about-back { display:inline-flex; align-items:center; min-height:44px; color:#79665a; font-size:13px; margin-bottom:12px; }
.about-intro { display:grid; grid-template-columns:minmax(0,1fr) 200px; gap:26px; align-items:center; padding:22px 0 32px; }
.about-kicker { color:#a5624c; font-size: 13px; font-weight:700; margin:0 0 10px; }
.about-intro h1 { font-size:clamp(29px,4vw,42px); line-height:1.25; letter-spacing:-.045em; margin:0 0 23px; font-weight:820; }
.qimen-about p { word-break:keep-all; overflow-wrap:anywhere; }
.about-intro .about-lead { font-size:21px; font-weight:650; line-height:1.65; color:#49382e; margin:0 0 14px; }
.about-intro p:last-child { font-size:15px; line-height:1.85; color:#79685f; margin:0; }
.about-fox { width:100%; height:auto; object-fit:contain; }
.about-board-note { display:flex; align-items:center; gap:25px; padding:27px 30px; background:#f6ecdf; border-radius: 8px; }
.about-board-note h2 { font-size:19px; margin:0 0 9px; font-weight:760; }
.about-board-note p { font-size:14px; line-height:1.8; margin:0 0 9px; }
.about-board-note small { display:block; font-size: 13px; color:#89776a; line-height:1.6; }
.about-nine { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; width:94px; height:94px; flex:none; transform:rotate(-3deg); padding:7px; border:1px solid #b99572; border-radius:9px; background:#fffbef; }
.about-nine span { display:grid; place-items:center; background:#f4e5ce; border-radius:2px; color:#946242; font-size:14px; }
.about-nine span:nth-child(5) { background:#dfb68d; }
.about-palsin { margin-top:58px; }
.about-section-heading { max-width:660px; margin-bottom:24px; }
.about-section-heading h2 { font-size:28px; line-height:1.4; letter-spacing:-.035em; margin:0 0 15px; font-weight:800; }
.about-section-heading > p:not(.about-kicker) { font-size:15px; line-height:1.85; margin:0 0 11px; }
.about-spirit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:36px; row-gap:10px; }
.about-spirit { display:grid; grid-template-columns:106px minmax(0,1fr); align-items:start; gap:18px; padding:23px 0; border-bottom:1px solid #ecdfd3; }
.about-spirit-portrait { display:block; overflow:hidden; width:106px; height:146px; background:#f5e8dc; border-radius:50px 50px 24px 24px; }
.about-spirit-portrait img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 15%; transition:transform .3s ease; }
.about-spirit-portrait:hover img { transform:scale(1.04); }
.about-spirit-copy .about-spirit-name { color:#8b6a56; font-size: 13px; font-weight:650; margin:0 0 4px; }
.about-spirit h3 { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; font-size:24px; font-weight:800; letter-spacing:-.04em; margin:0 0 9px; }
.about-spirit h3 span { font-size:13px; font-weight:400; color:#a18775; letter-spacing:0; }
.about-spirit-label { display:block; color:#917867; font-size: 13px; font-weight:600; line-height:1.5; margin-bottom:3px; }
.about-spirit-role { margin:12px 0 16px; }
.about-spirit-role strong { display:block; font-size:14px; font-weight:750; line-height:1.6; color:#8c4e38; }
.about-spirit-meaning { margin:0 0 5px; }
.about-spirit-meaning strong { display:block; font-size:14px; font-weight:700; line-height:1.6; }
.about-spirit-theory > p:last-child { font-size:13px; line-height:1.8; color:#7b695c; margin:0; }
.about-sources { margin-top:30px; border-top:1px solid #ecdfd3; border-bottom:1px solid #ecdfd3; padding:7px 0; }
.about-sources summary { cursor:pointer; padding:15px 0; font-size:14px; font-weight:700; }
.about-sources p { font-size:13px; line-height:1.85; color:#79685f; margin:0 0 12px; }
.about-end { text-align:center; margin:35px 0 10px; }
.about-end p { font-size:14px; color:#79685f; margin:0 0 15px; }
.about-end .primary-button { display:inline-flex; min-width:220px; }
.world-about-link { display:inline-flex; align-items:center; min-height:44px; color:#a35d47; font-size:13px; text-decoration:underline; text-underline-offset:4px; margin-top:5px; }
@media (min-width:801px) and (max-width:1100px) {
  .header-inner { gap:10px; }
  .desktop-nav { gap:0; }
  .desktop-nav a { padding:10px 12px; }
}
@media (max-width:600px) {
  .qimen-about-link { font-size: 13px; padding:8px 4px; }
  .header-inner { gap:7px; padding:0 14px; }
  .header-actions { gap:2px; }
  .header-actions .account-link { padding:8px 8px; }
  .page.qimen-about-page { padding-top:13px; }
  .about-back { margin-bottom:0; }
  .about-intro { grid-template-columns:minmax(0,1fr) 82px; align-items:start; gap:10px; padding:20px 0 25px; }
  .about-intro h1 { font-size:29px; margin-bottom:17px; }
  .about-intro .about-lead { font-size:18px; line-height:1.75; }
  .about-intro p:last-child { font-size:13px; line-height:1.85; }
  .about-fox { margin-top:28px; }
  .about-board-note { padding:21px 20px; gap:16px; align-items:flex-start; }
  .about-nine { width:66px; height:66px; padding:5px; gap:2px; margin-top:4px; }
  .about-board-note h2 { font-size:16px; }
  .about-board-note p { font-size:13px; }
  .about-palsin { margin-top:39px; }
  .about-section-heading h2 { font-size:24px; }
  .about-section-heading > p:not(.about-kicker) { font-size:14px; }
  .about-spirit-grid { grid-template-columns:1fr; row-gap:0; }
  .about-spirit { grid-template-columns:96px minmax(0,1fr); gap:20px; padding:20px 0; }
  .about-spirit-portrait { width:96px; height:134px; }
  .about-spirit h3 { font-size:23px; }
}
@media (max-width:360px) {
  .site-header .brand-wordmark { width:80px; }
  .header-inner { padding:0 10px; gap:4px; }
  .header-actions .icon-button { width:36px; }
  .qimen-about-link { font-size: 13px; }
  .about-intro { grid-template-columns:minmax(0,1fr) 68px; }
  .about-intro h1 { font-size:26px; }
  .about-board-note { padding:18px 16px; gap:12px; }
  .about-spirit { grid-template-columns:80px minmax(0,1fr); gap:15px; }
  .about-spirit-portrait { width:80px; height:120px; }
}
@media (prefers-reduced-motion:reduce) {
  .about-spirit-portrait img { transition:none; }
  .about-spirit-portrait:hover img { transform:none; }
}