/* 27.1 About Us facelift — scoped under .rbp-about so it never affects the theme header/footer.
   Navy + gold "premium heritage" design matching the home facelift. Fonts (Saira Condensed /
   Mulish / Fraunces) are enqueued separately (see includes/about-facelift.php). Markup lives in
   the page's Elementor HTML widget; image URLs are root-relative so it works on staging and live. */
.rbp-about{--navy:#15233d;--navy-900:#0d1626;--navy-800:#1a2c4a;--gold:#c89a44;--gold-bright:#e3bd6a;--cream:#f4eee1;--paper:#faf6ee;--ink:#1a2130;--ink-soft:#4a5468;--line:#e2d8c4;--on-navy:#eef1f6;--on-navy-soft:#aeb9cc;--maxw:1100px;background:var(--cream);color:var(--ink);font-family:"Mulish",system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.rbp-about *{box-sizing:border-box}
.rbp-about img{max-width:100%;display:block}
.rbp-about a{color:inherit;text-decoration:none}
.rbp-about h1,.rbp-about h2,.rbp-about h3{font-family:"Saira Condensed",Impact,sans-serif;text-transform:uppercase;line-height:.98;margin:0;letter-spacing:.005em}
.rbp-about p{margin:0}
.rbp-about .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:20px;width:100%}
.rbp-about .eyebrow{font-family:"Saira Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:.82rem;color:var(--gold)}
.rbp-about section{padding-block:clamp(48px,6.5vw,86px)}
.rbp-about .sec-head{max-width:720px;margin:0 auto 42px;text-align:center}
.rbp-about .sec-head h2{font-size:clamp(1.9rem,4vw,2.9rem);margin:.25em 0 .35em}
.rbp-about .sec-head p{color:var(--ink-soft);font-size:1.07rem}
.rbp-about .navy{background:var(--navy);color:var(--on-navy)}
.rbp-about .navy h2{color:#fff}
.rbp-about .navy .sec-head p{color:var(--on-navy-soft)}
.rbp-about .btn{display:inline-flex;align-items:center;gap:.5em;font-family:"Saira Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:1rem;padding:.7em 1.4em;border-radius:3px;transition:transform .15s,background .15s,color .15s}
.rbp-about .btn-gold{background:var(--gold);color:var(--navy-900)}
.rbp-about .btn-gold:hover{background:var(--gold-bright);transform:translateY(-1px)}

/* HERO page-header */
.rbp-about .hero{background:var(--navy-900);color:var(--on-navy);text-align:center;background-image:radial-gradient(70% 120% at 50% -10%,rgba(200,154,68,.18),transparent 60%);border-bottom:3px solid var(--gold)}
.rbp-about .hero .inner{max-width:880px;margin:0 auto;padding:clamp(56px,8vw,108px) 20px}
.rbp-about .hero h1{font-weight:800;font-size:clamp(2.4rem,6vw,4.4rem);color:#fff;margin:.3em 0 .4em}
.rbp-about .hero .sub{font-size:clamp(1.05rem,1.6vw,1.26rem);color:#dbe2ee;max-width:48ch;margin:0 auto;line-height:1.55}

/* MISSION (navy split) */
.rbp-about .split{display:grid;grid-template-columns:1fr 1fr;gap:min(5vw,56px);align-items:center;max-width:var(--maxw);margin:0 auto;padding-inline:20px}
.rbp-about .split .media{border-radius:6px;overflow:hidden;box-shadow:0 18px 40px rgba(10,16,30,.3)}
.rbp-about .split .media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.rbp-about .split h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:.3em 0 .45em}
.rbp-about .split .body{color:#cdd6e5;font-size:1.07rem}
@media(max-width:820px){.rbp-about .split{grid-template-columns:1fr}.rbp-about .split .media{order:-1}}

/* TIMELINE */
.rbp-about .timeline{list-style:none;margin:0 auto;padding:0;max-width:820px;position:relative}
.rbp-about .timeline:before{content:"";position:absolute;left:85px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--gold),var(--line))}
.rbp-about .timeline li{position:relative;display:grid;grid-template-columns:74px 1fr;gap:30px;padding:0 0 30px 0}
.rbp-about .timeline li:last-child{padding-bottom:0}
.rbp-about .timeline .yr{font-family:"Saira Condensed",sans-serif;font-weight:800;font-size:1.28rem;color:var(--navy);text-align:right;padding-top:1px;line-height:1.1}
.rbp-about .timeline li:before{content:"";position:absolute;left:79px;top:6px;width:15px;height:15px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--cream),0 0 0 6px var(--gold)}
.rbp-about .timeline li.now:before{background:var(--gold-bright);box-shadow:0 0 0 4px var(--cream),0 0 0 6px var(--gold-bright)}
.rbp-about .timeline .t-body{padding-left:16px}
.rbp-about .timeline h3{font-size:1.22rem;text-transform:none;font-family:"Saira Condensed",sans-serif;color:var(--ink);letter-spacing:.01em;margin-bottom:.15em}
.rbp-about .timeline .t-body p{color:var(--ink-soft)}
.rbp-about .timeline li.now .yr{color:var(--gold)}
@media(max-width:560px){.rbp-about .timeline:before{left:7px}.rbp-about .timeline li{grid-template-columns:1fr;gap:4px;padding-left:30px}.rbp-about .timeline .yr{text-align:left}.rbp-about .timeline li:before{left:1px;top:7px}.rbp-about .timeline .t-body{padding-left:0}}

/* STORY (narrative + portraits) */
.rbp-about .story{background:var(--paper)}
.rbp-about .story-grid{display:grid;grid-template-columns:290px 1fr;gap:min(5vw,52px);align-items:start;max-width:var(--maxw);margin:0 auto}
.rbp-about .story-grid+.story-grid{margin-top:52px}
.rbp-about .story-grid.flip{grid-template-columns:1fr 290px}
.rbp-about .story-grid.flip .portrait{order:2}
.rbp-about .portrait{margin:0}
.rbp-about .portrait img{width:100%;border-radius:5px;border:1px solid var(--line);box-shadow:0 12px 28px rgba(10,16,30,.22)}
.rbp-about .portrait figcaption{font-family:"Saira Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.86rem;color:var(--gold);text-align:center;margin-top:12px}
.rbp-about .prose p{color:var(--ink-soft);font-size:1.06rem}
.rbp-about .prose p+p{margin-top:1.1em}
.rbp-about .prose strong,.rbp-about .prose b{color:var(--ink);font-weight:700}
.rbp-about .prose .lead{font-family:"Fraunces",Georgia,serif;font-style:italic;color:var(--navy);font-size:1.15rem}
@media(max-width:820px){.rbp-about .story-grid,.rbp-about .story-grid.flip{grid-template-columns:1fr}.rbp-about .story-grid.flip .portrait{order:-1}.rbp-about .portrait{max-width:290px;margin:0 auto}}

/* CONNECTION (navy) */
.rbp-about .connection .prose p{color:#cdd6e5}
.rbp-about .connection .prose strong,.rbp-about .connection .prose b{color:#fff}
.rbp-about .connection .portrait img{border-color:rgba(255,255,255,.15)}
.rbp-about .connection .portrait figcaption{color:var(--gold-bright)}

/* NEW CHAPTER */
.rbp-about .new-chapter{background:var(--cream)}
.rbp-about .new-chapter .prose{max-width:780px;margin:0 auto}

/* CREED / tagline */
.rbp-about .creed{text-align:center;background:var(--navy-900);background-image:radial-gradient(60% 120% at 50% -10%,rgba(200,154,68,.16),transparent 60%)}
.rbp-about .creed .rule{width:54px;height:3px;background:var(--gold);margin:0 auto 24px;border-radius:2px}
.rbp-about .creed .tag{font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(1.8rem,4.4vw,3rem);color:var(--gold-bright);line-height:1.12;max-width:22ch;margin:0 auto}

/* NEWS / blogs */
.rbp-about .news .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:var(--maxw);margin:0 auto}
.rbp-about .card{background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}
.rbp-about .card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(20,30,50,.14)}
.rbp-about .card .pad{padding:24px}
.rbp-about .card .k{font-family:"Saira Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--gold);font-weight:600}
.rbp-about .card h3{font-size:1.3rem;margin:.3em 0 .35em;color:var(--ink);text-transform:none;font-family:"Saira Condensed",sans-serif;letter-spacing:0}
.rbp-about .card .more{font-family:"Saira Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:.82rem;color:var(--gold)}
@media(max-width:820px){.rbp-about .news .cards{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){.rbp-about *{transition:none!important}}