/* Page-specific styles only. Shared styles are in assets/css/ */
.about{background:var(--sand);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,8vw,130px);align-items:center}
.about .pic{aspect-ratio:4/5;position:relative}
.about .pic::after{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid var(--brass);z-index:-1}
.about p{margin-bottom:20px;max-width:520px}
.about .title{margin-bottom:30px}
.sign{font-family:var(--serif);font-style:italic;font-size:2.4rem;color:var(--clay);margin:14px 0 32px}
.stats{display:flex;gap:50px;margin-top:44px;flex-wrap:wrap}
.stats b{display:block;font-family:var(--serif);font-size:3.6rem;font-weight:400;line-height:1}
.stats span{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;font-weight:500}
.about .title{margin-bottom:26px}
.facts{list-style:none;margin-top:40px;max-width:520px}
.facts li{padding:14px 0;border-top:1px solid rgba(42,33,28,.2);font-weight:500}
.facts li:last-child{border-bottom:1px solid rgba(42,33,28,.2)}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,70px);margin-top:40px}
.vals div{border-top:1px solid var(--taupe);padding-top:26px}
.vals h3{font-size:1.7rem;margin-bottom:12px}
.vals p{color:var(--muted)}
.roles{list-style:none;margin-top:40px;max-width:760px}
.roles li{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2rem);padding:20px 0;border-top:1px solid var(--taupe)}
.roles li:last-child{border-bottom:1px solid var(--taupe)}
@media(max-width:900px){.about,.vals{grid-template-columns:1fr}.about .pic{max-width:420px}}