.about{padding:36px var(--gutter) 10px;grid-template-columns:minmax(0,470px) minmax(0,540px);justify-content:center;align-items:center;gap:20px 56px;display:grid}.about .portrait{width:100%;height:auto;display:block}.profile h1{letter-spacing:.08em;margin:0 0 18px;font-size:42px;font-weight:600;line-height:1.1}.profile .kana{letter-spacing:.32em;margin-top:8px;font-size:14px;font-weight:400;display:block}.profile p{margin:0 0 12px;font-size:15px;line-height:1.9}.profile .roles{font-weight:600}.profile .roles span{color:#2a252166;margin:0 .35em}.profile [lang=ja] p{word-break:auto-phrase;line-height:2}.pen-rule{width:120px;height:6px;margin:22px 0 20px;display:block;overflow:visible}.pen-rule path{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.elsewhere{flex-wrap:wrap;gap:6px 20px;margin:24px 0 0;padding:0;font-size:15px;font-weight:600;list-style:none;display:flex}.elsewhere a{text-underline-offset:4px;-webkit-text-decoration:underline #2a252159;text-decoration:underline #2a252159;text-decoration-thickness:1px;transition:text-decoration-color .2s}.elsewhere a:hover{text-decoration-color:currentColor}@media (max-width:860px){.about{grid-template-columns:minmax(0,460px);padding-top:20px}.about .portrait{width:min(100%,340px);margin:0 auto}.profile h1{font-size:34px}}