/* About page v1: editorial trust surface on the current brand system. */
.about-page {
  min-width: 0;
  background-color: var(--color-washi-050);
  background-image: linear-gradient(rgba(251, 248, 240, .9), rgba(251, 248, 240, .9)), url("/images/assets/bg_washi.png");
  background-size: auto, 378px auto;
}
.about-page .skip-link { position:fixed;z-index:1000;top:8px;left:8px;min-height:44px;padding:9px 16px;color:var(--color-surface);background:var(--color-ai-900);transform:translateY(-150%); }
.about-page .skip-link:focus { transform:translateY(0); }
.about-page .breadcrumb { max-width:1040px;margin-top:16px;padding-inline:24px; }
.about-page main a { font-weight:700;text-decoration-thickness:1px;text-underline-offset:.28em; }

.about-hero {
  margin-top:16px;
  padding:clamp(56px,8vw,96px) 24px;
  border-block:1px solid rgba(183,146,67,.56);
  background:radial-gradient(circle at 84% 24%,rgba(183,146,67,.11),transparent 28%),linear-gradient(120deg,rgba(255,252,245,.98),rgba(247,242,232,.86));
}
.about-measure,.about-reading { width:min(100%,800px);margin-inline:auto; }
.about-hero h1 { color:var(--color-ai-900);font:500 clamp(2.25rem,5vw,3.75rem)/1.35 var(--font-mincho);letter-spacing:.08em; }
.about-intro { margin-top:clamp(32px,5vw,48px);padding-top:26px;border-top:1px solid var(--color-gold-decorative);color:var(--color-ink-600);font:500 clamp(1rem,1.7vw,1.0625rem)/2.05 var(--font-mincho); }
.about-intro p+p,.about-copy p+p,.character-callout p+p { margin-top:18px; }

.about-reading { padding-inline:24px; }
.about-section { padding-block:clamp(64px,9vw,96px);border-bottom:1px solid var(--color-border); }
.about-section:last-child { border-bottom:0; }
.about-section h2 { color:var(--color-ai-900);font:500 clamp(1.65rem,3.4vw,2.25rem)/1.55 var(--font-mincho);letter-spacing:.045em; }
.about-copy,.about-section__lead { margin-top:28px;color:var(--color-ink-600); }

.about-section--trust { position:relative;width:calc(100% + 64px);margin-left:-32px;padding-inline:32px;border-block:1px solid rgba(183,146,67,.58);background:rgba(255,252,245,.62); }
.editorial-principles { margin-top:38px;border-top:1px solid var(--color-border); }
.editorial-principles>section { padding:34px 0 34px 24px;border-bottom:1px solid var(--color-border);border-left:2px solid var(--color-gold-decorative); }
.editorial-principles>section:last-child { border-bottom:0; }
.editorial-principles h3 { color:var(--color-ai-900);font:600 clamp(1.15rem,2vw,1.35rem)/1.6 var(--font-mincho);letter-spacing:.04em; }
.editorial-principles p { margin-top:14px;color:var(--color-ink-600); }
.editorial-principles p+p { margin-top:12px; }

.character-callout { display:grid;grid-template-columns:88px minmax(0,1fr);gap:28px;align-items:start;margin-top:32px;padding:30px 32px;border:1px solid rgba(183,146,67,.46);border-left:3px solid var(--color-gold-decorative);background:linear-gradient(110deg,rgba(255,252,245,.96),rgba(247,242,232,.76)); }
.character-callout img { width:80px;height:80px;border:1px solid rgba(183,146,67,.4);border-radius:50%;background:var(--color-surface);object-fit:cover;object-position:50% 26%; }
.character-callout div { min-width:0;color:var(--color-ink-600); }

.operator-list { display:grid;grid-template-columns:minmax(120px,.32fr) minmax(0,1fr);margin-top:34px;border-top:1px solid var(--color-border); }
.operator-list dt,.operator-list dd { padding:15px 18px; }
.operator-list dt { border-bottom:1px solid var(--color-border);color:var(--color-ai-900);background:rgba(247,242,232,.72);font-weight:700; }
.operator-list dd { min-width:0;border-bottom:1px solid var(--color-border);color:var(--color-ink-600); }
.operator-list a { overflow-wrap:anywhere; }
.operator-note { margin-top:34px; }

.about-utility-links { margin-top:36px;border-block:1px solid var(--color-gold-decorative); }
.about-utility-links ul { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none; }
.about-utility-links li+li { border-left:1px solid var(--color-border); }
.about-utility-links a { display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 18px;color:var(--color-ai-700);text-decoration:none; }
.about-utility-links a:hover { background:rgba(183,146,67,.09);text-decoration:underline; }

@media (max-width:50em) {
  .about-page .breadcrumb { padding-inline:16px; }
  .about-hero { padding-inline:16px; }
  .about-reading { padding-inline:16px; }
  .about-section--trust { width:calc(100% + 32px);margin-left:-16px;padding-inline:16px; }
}
@media (max-width:36em) {
  .about-hero { padding-block:48px; }
  .about-intro { margin-top:28px;padding-top:22px; }
  .about-section { padding-block:56px; }
  .editorial-principles>section { padding:28px 0 28px 16px; }
  .character-callout { display:block;padding:24px 20px; }
  .character-callout img { margin-bottom:20px; }
  .operator-list { grid-template-columns:1fr; }
  .operator-list dt { padding-bottom:6px;border-bottom:0; }
  .operator-list dd { padding-top:6px; }
  .about-utility-links ul { grid-template-columns:1fr; }
  .about-utility-links li+li { border-top:1px solid var(--color-border);border-left:0; }
}
@media (prefers-reduced-motion:reduce) {
  .about-page *,.about-page *::before,.about-page *::after { scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important; }
}