.about-shell { width: min(780px, calc(100% - 48px)); margin: 64px auto 80px; }
.about-quote-card { margin: 0 0 72px; padding: 42px 46px; border: 1px solid #c8bcab; border-radius: 4px; background: rgb(255 253 249 / 58%); box-shadow: 0 3px 10px rgb(69 54 39 / 5%); transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease; }
.about-quote-card blockquote { margin: 0; font: 400 clamp(25px, 3vw, 34px)/1.5 var(--serif); }
.about-quote-card blockquote p { margin: 0; }
.about-quote-translation { margin: 20px 0 28px; color: #796c5e; font: italic 400 16px/1.9 var(--serif-cjk); }
.about-quote-card figcaption { color: #796c5e; font: 400 13px/1.8 var(--serif); }
.about-quote-card figcaption::before { display: block; width: 34px; height: 2px; margin-bottom: 18px; background: #b77b56; content: ""; }
@media (hover: hover) and (pointer: fine) {
 .about-quote-card:hover { transform: translateY(-4px); border-color: #b16c42; box-shadow: 0 10px 24px rgb(69 54 39 / 12%); }
}
.about-bio { margin-bottom: 100px; }
.about-bio .paper-heading h1 { font: 400 clamp(28px, 3.4vw, 38px)/1.5 var(--serif); }
.about-bio > p { margin: 28px 0 0; font-size: 19px; line-height: 1.9; }
.about-contact h2 { margin: 0; font: 400 28px/1.5 var(--serif); }
.about-contact-subtitle { margin: 4px 0 28px; color: #796c5e; font: italic 400 19px/1.6 var(--serif); }
.about-contact-list { list-style: none; padding: 0; margin: 0; border-top: 1px solid #d8cdbd; }
.about-contact-list li { border-bottom: 1px solid #d8cdbd; }
.about-contact-list a { display: grid; grid-template-columns: 90px minmax(0, 1fr) 20px; gap: 18px; align-items: center; padding: 20px 12px; text-decoration: none; border-radius: 4px; }
.about-contact-list a:hover { background: rgb(255 253 249 / 65%); }
.about-contact-service { color: #a15a39; font: 400 13px/1.5 var(--mono); }
.about-contact-value { overflow-wrap: anywhere; font-size: 17px; }
.about-closing { margin: 72px 0 0; border-top: 1px solid #cec2b2; padding-top: 32px; text-align: center; }
.about-closing blockquote { margin: 0 auto 16px; max-width: 660px; font: 400 18px/1.9 var(--serif); }
.about-closing blockquote p { margin: 0; }
.about-closing figcaption { color: #796c5e; font-size: 12px; line-height: 1.8; }
.about-closing cite { font-style: normal; }
@media (max-width: 560px) {
 .about-shell { margin-top: 36px; }
 .about-quote-card { padding: 28px 24px; margin-bottom: 48px; }
 .about-quote-translation { font-size: 14px; }
 .about-bio { margin-bottom: 64px; }
 .about-contact-list a { grid-template-columns: 65px minmax(0, 1fr) 14px; gap: 10px; padding-inline: 0; }
 .about-closing { margin-top: 48px; }
}
@media (prefers-reduced-motion: reduce) {
 .about-quote-card { transition: none; }
 .about-quote-card:hover { transform: none; }
}