:root{--ink:#090909;--paper:#fff;--canvas:#ffffff;--purple:#0b7cb0;--accent:#139edf;--accent-deep:#0b7cb0;--soft:#eaf7fd;--lavender:#f2effb;--warm:#f7fcfe;--line:#d8d3dc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:'Zen Kaku Gothic New','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}
body.about-page .site-footer::before,body.about-page .site-footer::after{display:none}
.about-shell{margin-bottom:28px}
.about-hero-lead{max-width:570px}
.about-category-art{background:radial-gradient(circle at 52% 38%,rgba(255,255,255,.84),rgba(239,235,250,.2) 62%)}
.about-category-portraits{position:absolute;top:34px;left:50%;display:flex;width:270px;align-items:center;justify-content:center;transform:translateX(-50%)}
.about-category-portraits figure{position:relative;width:142px;margin:0;aspect-ratio:1}
.about-category-portraits figure+figure{width:126px;margin-left:-24px;margin-top:42px}
.about-category-portraits img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 7px 0 rgba(75,63,181,.13)}
.about-category-portraits figcaption{position:absolute;right:6px;bottom:5px;padding:2px 6px;border:1px solid var(--ink);background:var(--paper);font-family:'Playfair Display',Georgia,serif;font-size:7px;font-weight:700;letter-spacing:.13em}
.about-category-portraits figure:first-child figcaption{right:auto;left:6px}
.editorial-note{display:grid;grid-template-columns:170px 1fr;border-bottom:1px solid var(--ink);background:var(--warm)}
.editorial-note h2{margin:0;padding:34px 28px;border-right:1px solid var(--ink);font-family:'Playfair Display',Georgia,serif;font-size:15px;letter-spacing:.08em}
.editorial-note p{margin:0;padding:31px clamp(28px,5vw,58px);font-size:13px;line-height:2}
.members{padding:clamp(52px,7vw,84px) clamp(20px,6vw,72px)}
.section-head{text-align:center}
.section-head h2{margin:0;font-family:'Zen Old Mincho','Yu Mincho',serif;font-size:clamp(32px,4vw,52px)}
.section-head p{margin:7px 0 0;font-family:'Playfair Display',Georgia,serif;font-size:9px;font-weight:700;letter-spacing:.26em;opacity:.52}
.member-list{display:grid;margin-top:52px;gap:72px}
.member{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:clamp(34px,6vw,76px);align-items:start}
.member:nth-child(even){grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr)}
.member:nth-child(even) .member-visual{order:2}
.member-visual{position:sticky;top:18px}
.portrait-frame{position:relative;margin:0;overflow:hidden;border:1px solid var(--ink);border-radius:50%;background:var(--lavender);aspect-ratio:1}
.portrait-frame::after{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.75);border-radius:inherit;content:"";pointer-events:none}
.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover}
.member-sign{display:flex;margin-top:14px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:9px 3px;font-size:10px;font-weight:700;letter-spacing:.1em}
.member-sign strong{color:var(--purple)}
.role{margin:0 0 10px;color:var(--purple);font-size:10px;font-weight:700;letter-spacing:.18em}
.member h3{margin:0;font-family:'Zen Old Mincho','Yu Mincho',serif;font-size:clamp(32px,4vw,49px);line-height:1.25}
.real-name{display:block;margin-top:5px;font-family:'Playfair Display',Georgia,serif;font-size:11px;letter-spacing:.14em;opacity:.5}
.intro{margin:22px 0 0;font-size:14px;line-height:2}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0 0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.facts div{min-width:0;padding:17px 18px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.facts dt{font-family:'Playfair Display',Georgia,serif;font-size:8px;font-weight:700;letter-spacing:.15em;opacity:.48}
.facts dd{margin:7px 0 0;font-size:12px;font-weight:700;line-height:1.65}
.profile-block{margin-top:30px}
.profile-block h4{display:flex;margin:0 0 12px;align-items:center;gap:10px;font-family:'Zen Old Mincho','Yu Mincho',serif;font-size:17px}
.profile-block h4::before{width:18px;height:1px;background:var(--purple);content:""}
.profile-block p{margin:0;font-size:13px;line-height:2}
.profile-block ul{display:flex;margin:0;padding:0;flex-wrap:wrap;gap:7px;list-style:none}
.profile-block li{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:10px;font-weight:700}
.quote{margin-top:28px;padding:18px 20px;border-left:3px solid var(--purple);background:var(--lavender);font-family:'Zen Old Mincho','Yu Mincho',serif;font-size:14px;line-height:1.9}
.policy{padding:clamp(42px,6vw,70px);border-top:1px solid var(--ink);background:var(--ink);color:#fff}
.policy h2{margin:0;font-family:'Playfair Display',Georgia,serif;font-size:28px}
.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:1px solid rgba(255,255,255,.35);border-left:1px solid rgba(255,255,255,.35)}
.policy-grid div{padding:24px;border-right:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}
.policy-grid strong{display:block;color:#cfc7ff;font-family:'Playfair Display',Georgia,serif;font-size:11px;letter-spacing:.12em}
.policy-grid p{margin:12px 0 0;font-size:12px;line-height:1.85;opacity:.84}
.site-footer{padding:30px;text-align:center;background:#fff;border-top:1px solid var(--ink)}
.site-footer a{color:inherit}
.site-footer-brand{display:inline-block;font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:700;text-decoration:none}
.footer-links{display:flex;margin:13px 0 0;justify-content:center;gap:18px;font-size:9px;font-weight:700}
@media(max-width:760px){
  .editorial-note{grid-template-columns:1fr}
  .editorial-note h2{padding:20px 22px;border-right:0;border-bottom:1px solid var(--ink)}
  .editorial-note p{padding:23px 22px}
  .members{padding:50px 18px 60px}
  .member-list{gap:72px}
  .member,.member:nth-child(even){grid-template-columns:1fr;gap:30px}
  .member:nth-child(even) .member-visual{order:0}
  .member-visual{position:static;width:min(86vw,390px);margin:0 auto}
  .facts{grid-template-columns:1fr}
  .policy{padding:42px 20px}
  .policy-grid{grid-template-columns:1fr}
}
@media(min-width:481px) and (max-width:860px){
  .about-category-portraits{top:40px;width:208px}
  .about-category-portraits figure{width:112px}
  .about-category-portraits figure+figure{width:98px;margin-left:-20px;margin-top:34px}
}
@media(max-width:480px), (max-width:640px) and (hover:none) and (pointer:coarse){
  .about-category-portraits{top:8px;width:205px}
  .about-category-portraits figure{width:104px}
  .about-category-portraits figure+figure{width:92px;margin-left:-17px;margin-top:25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}