/* ============================================================
   ABOUT — PAGE-SPECIFIC STYLES ONLY
   Shared foundations/components are loaded from site-base-clean.css.
   ============================================================ */

.about-page-container{width:min(1180px,90%);margin:auto;}
.about-v53-hero{background:#fbf7ef;padding:76px 20px 72px;border-bottom:1px solid rgba(182,139,66,.12);text-align:center;}
.about-v53-hero-content{max-width:850px;margin:auto;}
.about-v53-hero span,.about-v53-kicker,.about-v53-heading>span,.about-v53-profile-box>span{display:block;color:#a77838;font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;}
.about-v53-hero h1{margin:0 auto 16px;color:#26211d;font:600 clamp(36px,5vw,58px)/1.12 Georgia,"Times New Roman",serif;}
.about-v53-hero p{max-width:760px;margin:0 auto;color:#625951;font:400 15px/1.8 Arial,Helvetica,sans-serif;}
.about-v53-story{background:#fff;padding:64px 0;}
.about-v53-story-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center;}
.about-v53-story-image{border-radius:8px;overflow:hidden;box-shadow:0 12px 30px rgba(38,27,18,.09);}
.about-v53-story-image img{display:block;width:100%;height:auto;aspect-ratio:1.45/1;object-fit:cover;}
.about-v53-story-content{max-width:620px;}
.about-v53-story-content h2,.about-v53-heading h2,.about-v53-profile-box h2{margin:0 0 14px;color:#2b2521;font:600 clamp(31px,4vw,46px)/1.15 Georgia,"Times New Roman",serif;}
.about-v53-story-content p{margin:0 0 13px;color:#625951;font:400 15px/1.75 Arial,Helvetica,sans-serif;}
.about-v53-services{background:#fbf7ef;padding:62px 0;}
.about-v53-heading{text-align:center;max-width:760px;margin:0 auto 30px;}
.about-v53-heading p{max-width:700px;margin:0 auto;color:#625951;font:400 14px/1.7 Arial,Helvetica,sans-serif;}
.about-v53-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.about-v53-service-grid article{background:#fff;border:1px solid rgba(182,139,66,.18);padding:24px 18px;border-radius:8px;}
.about-v53-service-grid i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#b68b42,#d6ad63);color:#fff;margin-bottom:14px;}
.about-v53-service-grid h3,.about-v53-approach-grid h3{margin:0 0 7px;color:#2d2722;font:600 18px/1.25 Georgia,"Times New Roman",serif;}
.about-v53-service-grid p,.about-v53-approach-grid p{margin:0;color:#625951;font:400 12px/1.6 Arial,Helvetica,sans-serif;}
.about-v53-approach{background:#fff;padding:62px 0;}
.about-v53-approach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.about-v53-approach-grid>div{border-top:1px solid rgba(182,139,66,.28);padding:18px 14px;}
.about-v53-approach-grid b{display:block;color:#b68b42;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:2px;margin-bottom:12px;}
.about-v53-profile{background:#fbf7ef;padding:58px 0 70px;}
.about-v53-profile-box{max-width:1000px;margin:auto;text-align:center;}
.about-v53-profile-box h2{max-width:760px;margin-left:auto;margin-right:auto;}
.about-v53-profile-box p{max-width:760px;margin:0 auto 24px;color:#625951;font:400 14px/1.75 Arial,Helvetica,sans-serif;}
.about-v53-profile-points{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.about-v53-profile-points span{padding:9px 13px;border:1px solid rgba(182,139,66,.22);background:#fff;color:#6a5c4d;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.8px;text-transform:uppercase;border-radius:5px;}
@media (max-width:900px) {
.about-v53-story-grid{grid-template-columns:1fr;gap:28px;}
.about-v53-story-content{max-width:none;}
.about-v53-service-grid,.about-v53-approach-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px) {
.about-v53-hero{padding:54px 18px 52px;}
.about-v53-hero h1{font-size:34px;}
.about-v53-hero p{font-size:14px;line-height:1.7;}
.about-v53-story,.about-v53-services,.about-v53-approach{padding:48px 16px;}
.about-v53-service-grid,.about-v53-approach-grid{grid-template-columns:1fr;}
.about-v53-story-content h2,.about-v53-heading h2,.about-v53-profile-box h2{font-size:32px;}
.about-v53-story-content p{font-size:14px;}
.about-v53-profile{padding:48px 16px 58px;}
}
