/* About uses the shared page frame; content follows one continuous reading axis. */
.page-about .about-section{margin-inline:var(--page-gutter);padding-block:var(--section-space);display:grid;grid-template-columns:1fr 2fr;gap:var(--sub-gap);border-top:1px solid var(--sub-rule)}
.page-about .about-label>span{display:block;font:11px/1.6 var(--type-latin);letter-spacing:.08em;color:var(--muted);margin-bottom:14px}
.page-about .about-label h2{font:500 16px/1.8 var(--type-body);margin:0;letter-spacing:.025em}
.page-about .about-lead{font:500 clamp(28px,3vw,43px)/1.65 var(--type-body);letter-spacing:.025em;margin:0 0 32px}
.page-about .about-prose{max-width:620px}
.page-about .about-prose p{font:400 15px/2.15 var(--type-body);letter-spacing:.025em;margin:0 0 22px;color:var(--muted);text-wrap:pretty}
.page-about .about-prose p:last-child{margin-bottom:0}
@media(max-width:800px){
.page-about .about-section{grid-template-columns:1fr;gap:32px}
.page-about .about-label>span{font-size:10px;margin-bottom:8px}
.page-about .about-label h2{font-size:14px}
.page-about .about-lead{font-size:clamp(24px,5.4vw,32px);margin-bottom:24px}
.page-about .about-prose p{font-size:14px;line-height:2.05}
.page-about .about-philosophy .about-lead{font-size:clamp(22px,5vw,30px)}
}
.page-about .about-business{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none;margin-top:40px;padding:24px 28px;border:1px solid var(--sub-rule);font:500 18px/1.6 var(--type-body);transition:background-color .2s,color .2s,border-color .2s}
.page-about .about-business small{display:block;font:10px/1.6 var(--type-latin);letter-spacing:.1em;margin-bottom:6px;color:var(--muted)}
.page-about .about-business-note{font-size:12px;font-weight:400;color:var(--muted)}
.page-about .about-business:hover{background:#dceae7;border-color:#7caba9;color:#247e83}
.page-about .about-business:focus-visible{outline:2px solid #247e83;outline-offset:5px}
@media(max-width:800px){.page-about .about-business{margin-top:32px;padding:20px;gap:16px}.page-about .about-business-note{font-size:11px}.page-about .about-prose br{display:none}}

.page-about .about-business{width:100%;max-width:480px;box-sizing:border-box;padding:22px 24px}
@media(max-width:800px){.page-about .about-business{padding:20px;gap:16px}}