/**
 * About page (/about-us/), body.rp-about. Matches the membership benchmark:
 * one fixed 1200px content column (.wrap, 48px desktop / 24px mobile padding),
 * fixed section rhythm, .lead body treatment, and the membership icon-grid
 * system (34px navy line icons, no badges, no cards). Flat bands only, no card
 * chrome. Two navy anchor bands (philosophy, reviews). In-text links navy
 * underlined; red reserved for buttons. No eyebrows.
 */
body.rp-about{
	--navy:#002c41;--red:#e4022e;--ivory:#F6F5EE;--white:#fff;--ink:#0a2233;--muted:#4a5157;--line:#cdd6db;
	--gold:#FBBC05;
	margin:0;background:var(--ivory);font-family:'Montserrat',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;
}
.rp-about img{display:block;max-width:100%}

/* Single fixed content column, identical to .rp-membership .wrap */
.rp-about .wrap{max-width:1200px;margin:0 auto;padding:0 48px}

.rp-about .lead{font-size:18px;line-height:1.62;color:var(--muted);margin:20px auto 0;max-width:680px}

/* ---------- Hero (image cover, centred, floating header) ---------- */
.rp-about .abhero.wp-block-cover{min-height:760px}
.rp-about .abhero .wp-block-cover__background{background:linear-gradient(180deg,rgba(0,18,26,.5) 0%,rgba(0,18,26,.58) 55%,rgba(0,18,26,.74) 100%) !important;opacity:1 !important}
.rp-about .abhero .wrap{text-align:center}
.rp-about .abh1{color:#fff;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;margin:0}
.rp-about .abh1 mark{background:transparent}
.rp-about .absub{color:rgba(255,255,255,.95);font-size:18px;line-height:1.6;margin:20px auto 0;max-width:600px}

/* ---------- Bands (fixed rhythm, matches membership 72 to 88) ---------- */
/* One navy anchor mid-page (reviews); philosophy is light so it does not sit
   navy-on-navy against reviews now the facility band is gone. */
.rp-about .abphil{background:var(--ivory);padding:80px 0;text-align:center}
.rp-about .abreviews{background:var(--navy);padding:80px 0;text-align:center}
.rp-about .abstory{background:var(--white);padding:80px 0}
.rp-about .abcta{background:var(--ivory);padding:88px 0;text-align:center}
.rp-about .abreviews .h2{color:#fff}

/* ---------- Philosophy (ivory) ---------- */
.rp-about .ab-philtext{max-width:780px;margin:0 auto}
.rp-about .ab-philtext p{font-size:18px;line-height:1.62;color:var(--muted);margin:18px 0 0}
.rp-about .ab-philtext p:first-of-type{margin-top:26px}

/* ---------- Stats strip (flat, no tiles) ---------- */
.rp-about .ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:840px;margin:48px auto 0}
.rp-about .ab-stat{text-align:center}
.rp-about .ab-stat-num{display:block;font-size:2.2rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-.02em;margin-bottom:10px}
.rp-about .ab-stat-lbl{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}

/* ---------- Reviews (navy, flat, hairline delineated) ---------- */
.rp-about .ab-rev-badge{display:flex;flex-direction:column;align-items:center;gap:4px;margin:26px 0 44px}
.rp-about .ab-rev-score{font-size:2.4rem;font-weight:800;color:#fff;line-height:1}
.rp-about .ab-stars{color:var(--gold);font-size:1.05rem;letter-spacing:2px}
.rp-about .ab-rev-count{font-size:.8rem;color:#aebcc4;font-weight:600;letter-spacing:.04em}
.rp-about .ab-reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 44px;max-width:1000px;margin:0 auto;text-align:left}
.rp-about .ab-review{display:flex;flex-direction:column;gap:14px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.rp-about .ab-review-stars{color:var(--gold);font-size:.9rem;letter-spacing:2px}
.rp-about .ab-review-q{font-size:.97rem;line-height:1.72;color:#dbe3e8;font-style:italic;margin:0;flex:1}
.rp-about .ab-review-a{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#9fb2bd;margin:0}
.rp-about .ab-rev-link{margin:38px 0 0;text-align:center}
.rp-about .ab-rev-link a{color:#cdd6db;text-decoration:underline;text-underline-offset:3px;font-weight:600;font-size:.95rem}
.rp-about .ab-rev-link a:hover{color:#fff}

/* ---------- Our story (white, image + text) ---------- */
.rp-about .ab-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.rp-about .ab-story-img{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(0,44,65,.16);aspect-ratio:4/3;background:#d8e3e9}
.rp-about .ab-story-img img{width:100%;height:100%;object-fit:cover}
.rp-about .ab-story-txt .h2{text-align:left}
.rp-about .ab-story-txt p{font-size:18px;line-height:1.62;color:var(--muted);margin:16px 0 0}
.rp-about .ab-story-txt p:first-of-type{margin-top:24px}

/* ---------- CTA (ivory) ---------- */
.rp-about .ab-cta-sub{font-size:18px;line-height:1.62;color:var(--muted);margin:20px auto 30px;max-width:620px}
.rp-about .abcta .wp-block-buttons{justify-content:center;gap:14px}

/* ---------- Mobile (matches membership: wrap 24px, sections 52px) ---------- */
@media (max-width:860px){
	.rp-about .wrap{padding-left:24px;padding-right:24px}
	.rp-about .abphil,.rp-about .abreviews,.rp-about .abstory,.rp-about .abcta{padding:52px 0}
	.rp-about .abhero.wp-block-cover{min-height:600px}
	.rp-about .ab-stats{grid-template-columns:repeat(2,1fr);gap:28px 14px}
	.rp-about .ab-reviews-grid{grid-template-columns:1fr;gap:0}
	.rp-about .ab-review:first-child{border-top:0;padding-top:0}
	.rp-about .ab-review{padding-top:22px}
	.rp-about .ab-story-grid{grid-template-columns:1fr;gap:32px}
	.rp-about .ab-story-img{order:-1}
	.rp-about .ab-story-txt .h2{text-align:center}
}